source: spip-zone/_squelettes_/spipr-dist/trunk/css/spipr_dist.scss @ 119811

Last change on this file since 119811 was 119811, checked in by marcimat@…, 2 years ago

On met le logo de SPIP en .svg pour le pied de page.
On utilise la balise_svg (SPIP 3.2+) et donc on augmente la compatibilité minimale de cette version de SPIPr.
Le logo SVG a quelques classes CSS qui permettent de cibler chaque lettre.
Je lui ai fait prendre la couleur du logo SPIP rose, plutôt que la couleur des liens de spipr, mais c’est modifiable en CSS.

File size: 1.4 KB
Line 
1@import "css/bootstrap-start";
2
3
4.header {position: relative;}
5.header .accueil a {color: inherit;}
6.header .spip_logo {float:left;margin: $spacer; margin-left: 0; margin-top:0;}
7.header .accueil {}
8#logo_site_spip {line-height: 1em;}
9#slogan_site_spip {display: block;}
10
11.header .formulaire_menu_lang {width: 100%;}
12.header .formulaire_menu_lang select {width: 100%;}
13
14.hero-unit .postmeta {clear: both;}
15
16.formulaire_recherche,.secondary .formulaire_recherche {padding-right: 42px+2*14px;} /* provisionner la largeur du bouton+padding sur le input.search */
17.formulaire_recherche form .input-append {width:100%;}
18.formulaire_recherche form input.search {width:100%;}
19
20.footer {
21  @include clearfix();
22  margin-top: 4 * $spacer;
23  padding-top: 2 * $spacer;
24  border-top:2px solid;
25  padding-bottom: 2 * $spacer;
26  margin-bottom:0;
27  text-align: left;
28  position:relative;
29  .colophon {padding-right: 100px}
30  .generator {
31    position: absolute;top:2 * $spacer;right:0;max-width: 100px;
32    a {color: #E8246F; transition: color .2s; }
33    a:hover, a:focus {
34      color: #662F89;
35      background-color: transparent;
36    }
37    svg { width:60px; }
38  }
39}
40
41.cartouche {margin-bottom: $em-line-height;}
42.content.primary {min-height: 320px;}
43.content {
44  .postmeta .tags .inline {display: inline;}
45}
46
47.page_sommaire .breadcrumb {display: none}
48#nav {
49  margin-bottom: $rem-vert-margin;
50  .navbar-inner {
51    width: 100%;
52  }
53}
Note: See TracBrowser for help on using the repository browser.