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

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

bugs fixes, ménage, stabilisation, esthétique ... à poursuivre

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