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

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

boulot du jour. Menu corrections, ménage et améliorations diverses

File size: 6.8 KB
Line 
1#CACHE{0}
2[(#REM)
3  état = dev => CACHE{0}
4  état = prod => CACHE{3600*24*30}
5]
6#HTTP_HEADER{Content-Type: text/css; charset=#CHARSET}
7
8a:link, a:visited, a:active, a:hover, a:focus, button, .btn, button:hover, .btn:hover {
9  -webkit-transition: All .6s ease-in;
10  moz-transition: All .6s ease-in;
11  o-transition: All .6s ease-in;
12  transition: All .6s ease-in;
13}
14
15a:link, a:visited {
16  [color: #(#ID_RUBRIQUE
17    |couleur_rubrique
18    |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
19    |couleur_inverser
20    |couleur_foncer
21  );]
22}
23a:active, a:hover, a:focus {
24  [color: #(#ID_RUBRIQUE
25    |couleur_rubrique
26    |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
27    |couleur_inverser
28  );]
29}
30
31a.btn, a.fa { text-decoration:none!important; }
32
33[(#REM) btn sociaux aux couleurs officielles
34        à adapter (color ou background-color)
35        selon icons utilisés (socicon-*, fa-* ou fa-*-square)
36]
37        [(#REM) les + utilisés]
38        a.btn-social {color:#FFFFFF;}
39        a.btn-fb {background-color:#47639E;}
40        a.btn-tw {background-color:#55ACEE;}
41        a.btn-li {background-color:#0077B5;}
42        a.btn-gp {background-color:#DD4B39;}
43        a.btn-yt {background-color:#e02a20;}
44        a.btn-ig {background-color:#000000;}
45
46        [(#REM) services streaming]
47        a.btn-bcp {background-color:#619aa9;}
48        a.btn-scd {background-color:#fe3801;}
49        a.btn-dzr {background-color:#32323d;}
50        a.btn-spy {background-color:#7bb342;}
51        a.btn-itu {background-color:#ff5e51;}
52
53
54
55[h2, .h2 {
56        color: #(#ID_RUBRIQUE
57                |couleur_rubrique
58                |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
59                |sinon{"111111"}
60        );
61}]
62
63p { margin:0 0 1em 0; }
64
65.pull-left {margin-right:1em;}
66.pull-right {margin-left:1em;}
67
68
69
70[(#SET{grad, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]})] })]
71[(#SET{grad_foncer, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer)] })]
72[(#SET{grad_bordure, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer|couleur_foncer)] })]
73
74.btn-primary {
75  background-image: -webkit-gradient(linear,left 0,left 100%,from(#GET{grad}),to(#GET{grad_foncer}));
76  background-image: -webkit-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
77  background-image: -moz-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
78  background-image: linear-gradient(to bottom,#GET{grad} 0,#GET{grad_foncer} 100%);
79  background-repeat: repeat-x;
80  border-color: #GET{grad_bordure};
81  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff#GET{grad}',endColorstr='#ff#GET{grad_foncer}',GradientType=0);
82  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
83}
84.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
85  color: #fff;
86  border-color: #GET{grad_bordure};
87  background-color: #GET{grad_foncer};
88  background-position: 0 -15px;
89}
90
91.navbar-brand {padding:10px 15px;}
92
93a.top { position:fixed; bottom:1em; right:1em;}
94[.breadcrumb {
95  background-color: #(#ID_RUBRIQUE
96    |couleur_rubrique
97    |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_eclaircir|couleur_eclaircir)] }
98    |couleur_eclaircir
99    |couleur_eclaircir
100  );
101}]
102
103
104.bs-header, .bs-content, .bs-footer {padding:40px 0;}
105.bs-header {padding-top:80px;}
106
107
108
109
110.bs-header {
111  background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EFEFEF"})];
112  color: [#(#ID_RUBRIQUE{0}|couleur_site|couleur_inverser|couleur_extreme|sinon{"111111"})];
113 
114  [background-position:50% 50%;
115  background-size:cover;
116  background-attachment:fixed;
117  background-repeat:no-repeat;
118  background-image:url('(#LOGO_SITE_SPIP_SURVOL
119                            |image_reduire{1900,0}
120                            |image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
121                            |image_gamma{-100}
122                            |extraire_attribut{src}
123                          )');]
124}
125.bs-footer {
126  background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EFEFEF"}|couleur_foncer|couleur_foncer)];
127  color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"FFFFFF"}|couleur_eclaircir|couleur_eclaircir)];
128}
129
130
131
132<BOUCLE_article_bs_header(ARTICLES){tout}>
133  .bs-header.article#ID_ARTICLE {
134                color: [#(#ID_RUBRIQUE
135                        |couleur_rubrique
136                        |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
137                        |couleur_inverser
138                        |sinon{"111111"}
139                      )];
140    background-color: [#(#ID_RUBRIQUE
141                        |couleur_rubrique
142                        |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
143                        |sinon{"EFEFEF"}
144                      )];
145    [background-image:url('(#LOGO_ARTICLE_SURVOL
146                              |sinon{#LOGO_RUBRIQUE_SURVOL}
147                              |sinon{#LOGO_SITE_SPIP_SURVOL}
148                              |image_reduire{1900,0}
149                              |image_sepia{ [(#ID_RUBRIQUE
150                                                |couleur_rubrique
151                                                |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
152                                                |sinon{"EFEFEF"}
153                                            )] }
154                              |image_gamma{-100}
155                              |extraire_attribut{src}
156                          )')!important;]
157  }
158</BOUCLE_article_bs_header>
159
160
161<BOUCLE_rubrique_bs_header(RUBRIQUES){tout}>
162  .bs-header.rubrique#ID_RUBRIQUE {
163                color: [#(#ID_RUBRIQUE
164                        |couleur_rubrique
165                        |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
166                        |couleur_inverser
167                        |sinon{"111111"}
168                      )];
169    background-color: [#(#ID_RUBRIQUE
170                        |couleur_rubrique
171                        |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
172                        |sinon{"EFEFEF"}
173                      )];
174    [background-image:url('(#LOGO_RUBRIQUE_SURVOL
175                              |sinon{#LOGO_SITE_SPIP_SURVOL}
176                              |image_reduire{1900,0}
177                              |image_sepia{ [(#ID_RUBRIQUE
178                                                |couleur_rubrique
179                                                |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
180                                                |sinon{"EFEFEF"}
181                                            )] }
182                              |image_gamma{-100}
183                              |extraire_attribut{src}
184                          )');]
185
186  }
187</BOUCLE_rubrique_bs_header>
188
189<BOUCLE_mot_bs_header(MOTS){tout}>
190  .bs-header.mot#ID_MOT {
191    [background-image:url('(#LOGO_MOT_SURVOL
192                              |sinon{ #LOGO_SITE_SPIP_SURVOL }
193                              |image_reduire{1900,0}
194                              |image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
195                              |image_gamma{-100}
196                              |extraire_attribut{src}
197                          )')!important;]
198  }
199</BOUCLE_mot_bs_header>
200
201
202
Note: See TracBrowser for help on using the repository browser.