source: spip-zone/_plugins_/themes_interface_privee/style_prive_ispip.html @ 48883

Last change on this file since 48883 was 48883, checked in by arno@…, 10 years ago

Version compatible avec nouvelle versions CSS imbriqués.

File size: 6.8 KB
Line 
1[(#REM)
2
3        Ce squelette definit les styles de l'espace prive
4
5        Note: l'entete "Vary:" sert a repousser l'entete par
6        defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
7        genant en cas de "rotation du cookie de session" apres
8        un changement d'IP (effet de clignotement).
9
10        ATTENTION: il faut absolument le charset sinon Firefox croit que
11        c'est du text/html !
12]
13#CACHE{3600*100,cache-client}
14#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
15#HTTP_HEADER{Vary: Accept-Encoding}
16
17
18
19#SET{claire,##ENV{couleur_claire,edf3fe}}
20#SET{foncee,##ENV{couleur_foncee,3874b0}}
21#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
22#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
23#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
24#SET{rtl_inv,#ENV{ltr}|choixsiegal{right,'',_rtl}}
25#SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}}
26
27
28body {
29        font-family: arial, helvetica, sans-serif;
30        background-color: [#(#ENV{couleur_claire}|couleur_saturation{0.5})];
31        [(#CHEMIN{images/ispip/pinstripes.png}|background_image{[(#ENV{couleur_claire}|couleur_saturation{0.5})], center center })]
32
33}
34
35h1, h2, h3, .bandeau_couleur, .bandeau_couleur_sous, a.icone26, a.cellule-h-texte, div.onglet, div.onglet_on, div.onglet_off, .arial0, .arial1, .arial11, .arial2, .cadre, .cadre-formulaire, .cadre-formulaire-editer, a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base   {
36        font-family: arial, helvetica, sans-serif;
37}
38
39.formulaire_spip input.text,
40.formulaire_spip input.password,
41.formulaire_spip textarea,
42.formulaire_spip select
43{
44        font-family: arial, helvetica, sans-serif;
45}
46
47#bandeau-principal {
48        .bandeau_sec {
49                -spip-border-bottom-left-radius: 8px;
50                -spip-border-bottom-right-radius: 8px;
51                position: absolute;
52        }
53}
54#bandeau_couleur {
55        height: 33px;
56        padding-top: 8px;
57        padding-bottom: 0px;
58        border-bottom: 1px solid [#(#ENV{couleur_foncee}|couleur_saturation{0.95})];
59        background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.8})];
60        [(#CHEMIN{images/ispip/toolbar.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.8})], center center })]
61
62        a, a.icone26 {
63                color: white;
64                font-size: 16px;
65            text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{0.8})] -1px -1px 1px;
66
67        }
68
69        .bandeau_couleur_sous {
70                top: 12px;
71                border-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.95})];
72                background-color: #f1f1f1;
73                border-top: 0px;
74                color: #464646;
75                -spip-border-bottom-left-radius: 8px;
76                -spip-border-bottom-right-radius: 8px;
77                position: absolute;
78
79                . :hover {
80                        box-shadow:  0px 0px 2px #999;
81                        -spip-box-shadow:  0px 0px 2px #999;
82                        position: absolute;
83
84                }
85               
86                a {
87                        font-size: 1em;
88                        color: #464646;
89                    text-shadow: #f1f1f1 0px 0px 0px;
90                }
91        }
92
93
94}
95
96#lesauteurs .cadre-icone {position:absolute;top: -24px;}
97
98.cadre, .dater {
99    color: black;
100    background: #fff;
101    border-color: #B4B4B4;
102        -spip-border-radius: 8px;
103       
104
105        .cadre-icone {
106                position: relative;
107                float: left;
108                top: 0px;
109                left: 0px;
110                padding-left: 5px;
111                padding-right: 5px;
112                padding-top: 3px;
113        }
114       
115        .cadre-icone + .titrem {
116                padding-left: 50px;
117        }
118
119       
120        .titrem {
121                background: url(#CHEMIN{images/gray-grad.png});
122                padding-top: 8px;
123                padding-bottom: 8px;
124                text-shadow: white 0px 1px 1px;
125                -spip-border-top-left-radius: 8px;
126                -spip-border-top-right-radius: 8px;
127               
128               
129        }
130}
131
132.fiche_objet, .no_onglets .fiche_objet {
133        border-color: #dfdfdf;
134        -spip-border-radius: 8px;
135}
136
137
138.cadre-sous_rub {
139        background-color: #ededed;
140}
141
142.cadre-couleur-foncee {
143        border: 1px solid [(#GET{claire})];
144}
145
146
147div.liste, div.cadre-liste {
148        border-color: #b4b4b4;
149        -spip-border-radius: 8px;
150
151        table {
152       
153                .tr_liste {
154                        background-color: white;
155                       
156                        td {
157                                border-color: #B4B4B4;
158                                padding-top: 8px;
159                                padding-bottom: 8px;
160                        }
161                       
162                        . :last-child {
163                       
164                                td:first-child {
165                                        -spip-border-bottom-left-radius: 8px;
166                                        -spip-border-top-left-radius: 8px;
167                                }
168                                td:last-child {
169                                        -spip-border-bottom-right-radius: 8px;
170                                        -spip-border-top-right-radius: 8px;
171                                }
172                        }
173                        . :nth-child(2n) {
174                                background-color: #fafafa;
175                        }
176                }
177                .tr_liste_over, .tr_liste:hover {
178                        background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.2})];
179                       
180                }
181        }
182       
183        .titrem {
184                background: url(#CHEMIN{rien.gif});
185                background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.4})];
186                border-bottom: 1px solid #b4b4b4;
187                -spip-border-top-left-radius: 8px;
188                -spip-border-top-right-radius: 8px;
189        }
190       
191        .titrem.hover {
192                background-color: #eee;
193        }
194
195        .tranches {
196                padding: 4px 0px 4px 10px;     
197                background-color: #dfdfdf;
198                border-color: #f0f0f0;
199                border-top: 0;
200        }
201}
202
203#contenu div.liste .titrem, #contenu div.cadre-liste .titrem {
204                padding-top: 10px;
205                padding-bottom: 10px;
206                font-size: 14px;
207}
208#contenu div.liste .cadre-icone, #contenu div.cadre-liste .cadre-icone {
209        padding-top: 7px;
210        padding-left: 7px;
211}
212.icone36 {
213        a img, img {
214                -spip-border-radius: 6px;
215        }
216}
217
218.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
219        border: 0px;
220        margin-bottom: -12px;
221        background-color: transparent;
222        display: none;
223}
224
225.icone36 a img:only-child, a.icone36 img:only-child, .icone36 a:hover img:only-child, a.icone36:hover img:only-child {
226        display: inline;
227}
228
229.danger, a.cellule-h-texte {
230        background: none;
231}
232
233.icone36 {
234        width: auto;
235        margin-left: 10px;
236        margin-right: 10px;
237}
238
239.icone36 a span, a.icone36 span {
240        -spip-border-radius: 8px;
241        border: 1px solid #bbb;
242        padding: 8px 10px;
243        width: auto;
244        font-weight: normal;
245        font-size: 11px;
246        text-shadow: white 0px 1px 0px;
247        color: #464646;
248        [(#CHEMIN{images/ispip/bouton-ok.png}|background_image{eeeeee, center center })]
249        height: auto;
250       
251        . :hover {
252                color: black;
253                border-color: #666;
254        }
255}
256
257.cadre-formulaire-editer {
258        .entete-formulaire {
259                border: 0px;
260                padding: 0px;
261                padding-bottom: 1em;
262                background: none;
263        }
264       
265        .formulaire_spip {
266                background-color: white;
267                border: 1px solid #eee;
268                -spip-border-radius: 8px;
269               
270                li.editer_parent {
271                        background-color: #f0f0f0;
272                }
273               
274                li {
275                        input.text, input.password, textarea {
276                                border: 1px solid #ccc;
277                        }
278                }
279               
280                .markItUpPreview {
281                        font-family: serif;
282                }
283               
284                p.boutons {
285                        background-color: [(#ENV{couleur_foncee}|couleur_saturation{0.4})];
286                        border-top: #eee;
287                }
288                li .erreur_message {
289                        border-color: #ccc;
290                }
291               
292               
293                .explication {
294                        border-color: #ccc;
295                }
296        }
297}
298
299.cadre-forum {
300        -spip-border-bottom-left-radius: 0px;
301        -spip-border-bottom-right-radius: 0px;
302}
303.cadre-thread-forum {
304        -spip-border-radius: 0px;
305       
306        .titrem {
307                -spip-border-radius: 0px;
308        }
309}
310
311
312input[type="submit"] {
313        [(#CHEMIN{images/ispip/bouton-ok.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.85})], center center })]
314        border: 2px solid [(#GET{foncee})];
315        padding: 8px 10px;
316        font-weight: bold;
317    text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{1})] -1px -1px 0px;
318        color: white;
319        -spip-border-radius: 8px;
320
321}
322input[type="submit"]:hover {
323        border: 2px solid #[(#ENV{couleur_foncee}|couleur_saturation{0.85}|couleur_foncer)];
324}
325
326
327
328#FILTRE{css_imbriques_decouper}
Note: See TracBrowser for help on using the repository browser.