source: spip-zone/_plugins_/themes_interface_privee/style_prive_geek.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: 7.5 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: #444;
31        -spip-gradient: top, #333333, #5e5e65;
32}
33
34h1, 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   {
35        font-family: verdana, arial, helvetica, sans-serif;
36}
37
38.formulaire_spip input.text,
39.formulaire_spip input.password,
40.formulaire_spip textarea,
41.formulaire_spip select
42{
43        font-family: verdana, arial, helvetica, sans-serif;
44}
45
46.large {
47        #contenu {
48                width: 520px;
49                padding-left: 25px;
50                padding-right: 25px;
51        }
52        #navigation {
53                width: 170px;
54        }
55}
56.etroit {
57        #contenu {
58                width: 520px;
59                margin-left: 45px;
60        }
61        #navigation {
62                width: 170px;
63        }
64}
65
66
67#chemin {
68        color: white;
69        li {
70                a {
71                        color: #aaa;
72                }
73                li .bloc a {
74                        color: #aaa;
75                }
76        }
77}
78
79#bandeau-principal {
80        .bandeau_sec {
81                -spip-border-bottom-left-radius: 8px;
82                -spip-border-bottom-right-radius: 8px;
83                position: absolute;
84        }
85}
86#bandeau_couleur {
87        height: 33px;
88        padding-top: 8px;
89        padding-bottom: 0px;
90        border-bottom: 1px solid black;
91        background-color: #333;
92        background: url(#CHEMIN{images/geek/toolbar.png}) center center;
93
94        a, a.icone26 {
95                color: white;
96                font-size: 16px;
97            text-shadow: #666 -1px -1px 1px;
98
99        }
100
101        .bandeau_couleur_sous {
102                top: 11px;
103                border-color: black;
104                background-color: #000;
105                border-top: 0px;
106                color: #aaa;
107                -spip-border-bottom-left-radius: 8px;
108                -spip-border-bottom-right-radius: 8px;
109                position: absolute;
110               
111                a {
112                        font-size: 1em;
113                        color: white;
114                    text-shadow: black 1px 1px 1px;
115                }
116               
117                table a, .plan-articles a {
118                        color: #333;
119                    text-shadow: black 0px 0px 0px;
120                }
121                table .tr_liste a {
122                        color: #GET{claire};
123                }
124                a.cellule-h {
125                        color: white;
126                }
127        }
128
129
130}
131
132.cadre, .dater {
133    color: black;
134    background: #eee;
135    border-color: #333;
136    border: 0px;
137        -spip-border-radius: 8px;
138       
139
140        .cadre-icone {
141                position: relative;
142                float: left;
143                top: 0px;
144                left: 0px;
145                padding-left: 5px;
146                padding-right: 5px;
147                padding-top: 3px;
148        }
149       
150        .cadre-icone + .titrem {
151                padding-left: 50px;
152        }
153
154       
155        .titrem {
156                background-color: #444;
157            -spip-gradient: top, #4c4d4e, #404142;
158
159                padding-top: 8px;
160                padding-bottom: 8px;
161                text-shadow: black 1px 1px 1px;
162                color: white;
163                -spip-border-top-left-radius: 8px;
164                -spip-border-top-right-radius: 8px;
165        }
166}
167
168.fiche_objet, .no_onglets .fiche_objet {
169        border-color: #dfdfdf;
170        -spip-border-radius: 8px;
171}
172
173
174.cadre-sous_rub {
175        background-color: #404142;
176}
177
178.cadre-couleur-foncee {
179        border: 1px solid [(#GET{claire})];
180       
181        .cadre_padding .titrem {
182                color: white;
183        }
184}
185
186.replie a.titremancre { background-image: url([(#CHEMIN{images/geek/deplierhaut[(#GET{rtl})].png})]); }
187.deplie a.titremancre { background-image: url(#CHEMIN{images/geek/deplierbas.png}); }
188
189div.cadre-info {
190        background-color: black;
191        -spip-gradient: top, #222222, #000000;
192       
193        color: #aaa;
194       
195        a {
196                color: #GET{claire};
197        }
198}
199#navigation .infos .numero p {
200        color: white;
201}
202
203
204div.liste, div.cadre-liste {
205        border-color: #333;
206        -spip-border-radius: 8px;
207
208        -spip-box-shadow:  0px 0px 2px black;
209
210        table {
211       
212                .tr_liste {
213                        background-color: #111;
214                       
215                        color: #ccc;
216                       
217                       
218                        b {
219                                color: #aaa;
220                        }
221                        a {
222                                color: #GET{claire};
223                        }
224                       
225                        td {
226                                border-color: #333;
227                                padding-top: 5px;
228                                padding-bottom: 5px;
229                        }
230                       
231                        . :last-child {
232                       
233                                td:first-child {
234                                        -spip-border-bottom-left-radius: 8px;
235                                }
236                                td:last-child {
237                                        -spip-border-bottom-right-radius: 8px;
238                                }
239                        }
240                        . :nth-child(2n) {
241                                background-color: #222;
242                        }
243                }
244                .tr_liste_over, .tr_liste:hover {
245                        background-color: #333;
246                       
247                }
248        }
249       
250        .titrem {
251               
252            -spip-gradient: top, #[(#ENV{couleur_foncee}|couleur_saturation{0.7})], #[(#ENV{couleur_foncee}|couleur_saturation{0.9})];
253
254                color: white;
255               
256                border-bottom: 1px solid #b4b4b4;
257                -spip-border-top-left-radius: 8px;
258                -spip-border-top-right-radius: 8px;
259               
260                a {
261                        color: white;
262                }
263        }
264       
265        .titrem.hover {
266                background-color: #eee;
267        }
268
269        .tranches {
270                padding: 4px 0px 4px 10px;     
271                background-color: #dfdfdf;
272                border-color: #f0f0f0;
273                border-top: 0;
274        }
275}
276
277#contenu div.liste .titrem, #contenu div.cadre-liste .titrem {
278                padding-top: 10px;
279                padding-bottom: 10px;
280                font-size: 14px;
281}
282#contenu div.liste .cadre-icone, #contenu div.cadre-liste .cadre-icone {
283        padding-top: 7px;
284        padding-left: 7px;
285}
286.icone36 {
287        a img, img {
288                -spip-border-radius: 6px;
289        }
290}
291
292.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
293        border: 0px;
294        margin-bottom: -12px;
295        background-color: transparent;
296        display: none;
297}
298
299.icone36 a img:only-child, a.icone36 img:only-child, .icone36 a:hover img:only-child, a.icone36:hover img:only-child {
300        display: inline;
301}
302
303.danger, a.cellule-h-texte {
304        background: none;
305}
306
307.icone36 {
308        width: auto;
309        margin-left: 10px;
310        margin-right: 10px;
311}
312
313.icone36 a span, a.icone36 span {
314        -spip-border-radius: 8px;
315
316        border: 0px solid #666;
317        padding: 8px 10px;
318        width: auto;
319        font-weight: normal;
320        font-size: 11px;
321        text-shadow: black 1px 1px 1px;
322        color: #ccc;
323        [(#CHEMIN{images/geek/bouton-ok.png}|background_image{aaaaaa, center center })]
324        height: auto;
325       
326        . :hover {
327                text-shadow: #666 -1px -1px 1px;
328                [(#CHEMIN{images/geek/bouton-ok.png}|background_image{666666, center center })]
329                color: #GET{claire};
330                border-color: #666;
331        }
332}
333
334.cadre-formulaire-editer {
335        .entete-formulaire {
336                border: 0px;
337                padding: 0px;
338                padding-bottom: 1em;
339                background: none;
340                color: #aaa;
341        }
342       
343        .formulaire_spip {
344                background-color: white;
345                border: 1px solid #eee;
346                -spip-border-radius: 8px;
347
348               
349                li.editer_parent {
350                        background-color: #f0f0f0;
351                }
352               
353                li {
354                        input.text, input.password, textarea {
355                                border: 1px solid #ccc;
356                        }
357                }
358               
359                .markItUpPreview {
360                        font-family: serif;
361                }
362               
363                p.boutons {
364                        background-color: [(#ENV{couleur_foncee}|couleur_saturation{0.4})];
365                        border-top: #eee;
366                }
367                li .erreur_message {
368                        border-color: #ccc;
369                }
370               
371               
372                .explication {
373                        border-color: #ccc;
374                }
375        }
376}
377
378.cadre-forum {
379        -spip-border-bottom-left-radius: 0px;
380        -spip-border-bottom-right-radius: 0px;
381}
382.cadre-thread-forum {
383        -spip-border-radius: 0px;
384       
385        .titrem {
386                -spip-border-radius: 0px;
387        }
388}
389
390
391input[type="submit"] {
392        [(#CHEMIN{images/geek/bouton-ok.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.6})], center center })]
393        border: 2px solid [#(#ENV{couleur_foncee}|couleur_foncer)];
394        padding: 6px 10px;
395        font-weight: bold;
396    text-shadow: #[(#ENV{couleur_foncee}|couleur_foncer)] 1px 1px 1px;
397        color: white;
398        -spip-border-radius: 8px;
399
400}
401input[type="submit"]:hover {
402        [(#CHEMIN{images/geek/bouton-ok.png}|background_image{666666, center center })]
403    text-shadow: #666 -1px -1px 1px;
404        border: 2px solid black;
405}
406
407
408
409#FILTRE{css_imbriques_decouper}
Note: See TracBrowser for help on using the repository browser.