source: spip-zone/_squelettes_/zktx-kore/trunk/css/zktx.css.html @ 84038

Last change on this file since 84038 was 84038, checked in by l.oiseau2nuit@…, 5 years ago

habillage et ajustements

File size: 4.2 KB
Line 
1[(#REM) CACHE{3600*24*30} ]
2#CACHE{0}
3#HTTP_HEADER{Content-Type: text/css;}
4
5[(#REM) Feuille de style Zktx
6        * surcharge des styles boostrap
7        * dynamique (d'où l'extension .css.html)
8]
9
10body {padding-top:20px;}
11
12[h2, .h2 {
13        color: #(#ID_RUBRIQUE
14                |couleur_rubrique
15                |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
16                |sinon{"111111"}
17        );
18}]
19
20h3, .h3 {margin-bottom:0.75em;}
21
22a:link, a:visited {
23        [color: #(#ID_RUBRIQUE
24                |couleur_rubrique
25                |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_foncer)] }
26                |sinon{"FF0000"}
27                |couleur_foncer
28        );]
29        [(#REM) text-decoration:underline; ]
30}
31
32a:active, a:hover, a:focus {
33        [color: #(#ID_RUBRIQUE
34                |couleur_rubrique
35                |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_foncer|couleur_foncer)] }
36                |sinon{"111111"}
37                |couleur_foncer
38                |couleur_foncer
39        );]
40        text-decoration:none;
41        text-shadow: 0px 0px 2px #111;
42}
43
44p {margin:0 0 1em 0;}
45
46[(#REM) Class Utilitaires Bootstrap ]
47[(#REM) .pull-left, .pull-right {margin-bottom:0.75em;} ]
48.pull-left {margin-right:1em;}
49.pull-right {margin-left:1em;}
50
51[(#REM)
52        Wrapper pour le contenu de la page, permettant de fixer le footer en bas de l'écran
53        Commenter pour "libérer" le footer
54]
55#wrap {
56  min-height: 100%;
57  height: auto;
58  [(#REM) Negative indent footer by its height ]
59  margin: 0 auto -60px;
60  [(#REM)  bottom by footer height ]
61  padding: 0 0 60px;
62}
63
64[(#REM) Skiplinks ]
65.remonter { position:fixed; bottom:0.85em; right:0.85em;}
66[.breadcrumb {
67        background-color: #(#ID_RUBRIQUE
68                |couleur_rubrique
69                |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_eclaircir|couleur_eclaircir)] }
70                |couleur_eclaircir
71                |couleur_eclaircir
72        );
73}]
74
75[(#REM) Header des pages ]
76
77  .bs-header {
78    color: #cdbfe3;
79    background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EFEFEF"})];
80    padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
81    font-size: 16px;
82    text-align: center;
83    text-shadow: 0 1px 0 rgba(0,0,0,.15);
84    background-position:50% 50%;
85    background-repeat:no-repeat;
86    [background-image:url('(#LOGO_SITE_SPIP_SURVOL
87                              |image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
88                              |image_gamma{-100}
89                              |extraire_attribut{src}
90                            )');]
91  }
92
93      [(#REM) Pages rubriques ]
94      <BOUCLE_rubrique_bs_header(RUBRIQUES){id_rubrique = #ENV{id_rubrique}}>
95        .bs-header {
96          background-color: [#(#ID_RUBRIQUE
97                              |couleur_rubrique
98                              |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
99                              |sinon{"EFEFEF"}
100                            )];
101          [background-image:url('(#LOGO_RUBRIQUE_SURVOL
102                                    |sinon{#LOGO_SITE_SPIP_SURVOL}
103                                    |image_sepia{ [(#ID_RUBRIQUE
104                                                      |couleur_rubrique
105                                                      |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
106                                                      |sinon{"EFEFEF"}
107                                                  )] }
108                                    |image_gamma{-100}
109                                    |extraire_attribut{src}
110                                )');]
111
112        }
113      </BOUCLE_rubrique_bs_header>
114
115    [(#REM) Pages mots ]
116    <BOUCLE_mot_bs_header(MOTS){id_mot=#ENV{id_mot}}>
117      .bs-header {
118        [background-image:url('(#LOGO_MOT
119                                  |sinon{ #LOGO_SITE_SPIP_SURVOL }
120                                  |image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
121                                  |image_gamma{-100}
122                                  |extraire_attribut{src}
123                              )')!important;]
124      }
125    </BOUCLE_mot_bs_header>
126
127  .bs-header h1 {
128    color: #fff;
129  }
130  .bs-header p {
131    font-weight: 300;
132    line-height: 1.5;
133  }
134  .bs-header .container {
135    position: relative;
136  }
137
138  @media (min-width: 768px) {
139    .bs-header {
140      font-size: 21px;
141      text-align: left;
142    }
143    .bs-header h1 {
144      font-size: 60px;
145      line-height: 1;
146    }
147  }
148
149  @media (min-width: 992px) {
150    .bs-header h1,
151    .bs-header p {
152      margin-right: 380px;
153    }
154  }
Note: See TracBrowser for help on using the repository browser.