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

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

integration boostrap 3

File size: 2.7 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
20a:link, a:visited {
21        [color: #(#ID_RUBRIQUE
22                |couleur_rubrique
23                |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_foncer)] }
24                |sinon{"FF0000"}
25                |couleur_foncer
26        );]
27        text-decoration:underline;
28}
29
30a:active, a:hover, a:focus {
31        [color: #(#ID_RUBRIQUE
32                |couleur_rubrique
33                |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_foncer|couleur_foncer)] }
34                |sinon{"111111"}
35                |couleur_foncer
36                |couleur_foncer
37        );]
38        text-decoration:none;
39        text-shadow: 0px 0px 2px #111;
40}
41
42[(#REM)
43        Wrapper pour le contenu de la page, permettant de fixer le footer en bas de l'écran
44        Commenter pour "libérer" le footer
45]
46#wrap {
47  min-height: 100%;
48  height: auto;
49  /* Negative indent footer by its height */
50  margin: 0 auto -60px;
51  /* Pad bottom by footer height */
52  padding: 0 0 60px;
53}
54
55[(#REM) Skiplinks ]
56.remonter { position:fixed; bottom:0.85em; right:0.85em;}
57[.breadcrumb {
58        background-color: #(#ID_RUBRIQUE
59                |couleur_rubrique
60                |sinon{ [(#ID_RUBRIQUE|couleur_site|couleur_eclaircir|couleur_eclaircir)] }
61                |couleur_eclaircir
62                |couleur_eclaircir
63        );
64}]
65
66[(#REM) Site header ]
67.bs-header {
68  color: #cdbfe3;
69  background-color: [#(#ID_RUBRIQUE
70                      |couleur_rubrique
71                      |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
72                      |sinon{"EFEFEF"}
73                    )];
74  [background-image:url('(#LOGO_SITE_SPIP_SURVOL
75                            |image_sepia{ [(#ID_RUBRIQUE
76                                              |couleur_rubrique
77                                              |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
78                                              |sinon{"EFEFEF"}
79                                          )] }
80                            |image_gamma{-100}
81                            |extraire_attribut{src}
82                        )');
83  background-position:50% 50%;
84  background-repeat:no-repeat;]
85
86}
87/* Page headers */
88.bs-header {
89  padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
90  font-size: 16px;
91  text-align: center;
92  text-shadow: 0 1px 0 rgba(0,0,0,.15);
93}
94.bs-header h1 {
95  color: #fff;
96}
97.bs-header p {
98  font-weight: 300;
99  line-height: 1.5;
100}
101.bs-header .container {
102  position: relative;
103}
104
105@media (min-width: 768px) {
106  .bs-header {
107    font-size: 21px;
108    text-align: left;
109  }
110  .bs-header h1 {
111    font-size: 60px;
112    line-height: 1;
113  }
114}
115
116@media (min-width: 992px) {
117  .bs-header h1,
118  .bs-header p {
119    margin-right: 380px;
120  }
121}
Note: See TracBrowser for help on using the repository browser.