source: spip-zone/_plugins_/themes_interface_privee/style_prive_geek.html @ 36089

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

Revenge of the Dark Geek (j'avais oublié de le comiter?)

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