source: spip-zone/_plugins_/themes_interface_privee/style_prive_wpip.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: 9.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: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
30        background-color: #f9f9f9;
31}
32
33h1, 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   {
34        font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
35}
36
37.formulaire_spip input.text,
38.formulaire_spip input.password,
39.formulaire_spip textarea,
40.formulaire_spip select
41{
42        font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
43}
44
45#bandeau-principal {
46        border-bottom: 1px solid #666;
47       
48
49        li.cellule48 {
50                font-weight: normal;
51        }
52        .boutons_admin a.boutons_admin {
53                padding-bottom: 5px;
54        }
55
56        .bandeau_sec {
57                border-color: #666;
58                border-width: 1px;
59
60                -spip-border-bottom-left-radius: 6px;
61                -spip-border-bottom-right-radius: 6px;
62                position: absolute;
63                               
64                li.cellule36 {
65                        font-weight: normal;
66
67                        a:hover {
68                                img {
69                                        border: 1px solid #eee;
70                                        background-color: #fff;
71                                }
72                        }
73                }
74        }
75
76        a span.icon_fond {
77                background-color: #aaa;
78        }
79               
80        a:hover span.icon_fond {
81                background-color: [#(#ENV{couleur_claire})];
82        }
83}
84
85#bandeau_couleur {
86        background-color: #464646;
87        background: url([(#CHEMIN{images/dark-grad.gif})]) top repeat-x;
88        border: 0px;
89        color: white;
90        padding-top: 5px;
91        padding-bottom: 5px;
92       
93        a, a.icone26 {
94                color: white;
95        }
96
97        a.icone26 img {
98                background-color: #aaa;
99        }
100        a.icone26:hover img {
101                background-color: #GET{claire};
102        }
103       
104        .bandeau_couleur_sous {
105                top: 5px;
106                border: 1px solid #dfdfdf;
107                background-color: #f1f1f1;
108                border-top: 0px;
109                color: #464646;
110                -spip-border-bottom-left-radius: 6px;
111                -spip-border-bottom-right-radius: 6px;
112                position: absolute;
113
114                . :hover {
115                        -spip-box-shadow:  0px 0px 2px #999;
116                        position: absolute;
117                }
118               
119                a {
120                        color: #464646;
121                }
122        }
123       
124}
125
126
127.plan-articles, .plan-articles-bloques {
128        border-color: #dfdfdf;
129}
130.plan-articles a, .plan-articles-bloques .publie, .plan-articles-bloques .prepa, .plan-articles-bloques .prop, .plan-articles-bloques .refuse, .plan-articles-bloques .poubelle {
131        background-color: white;
132        -spip-transition-property: background-color color border-color;
133        -spip-transition-duration: 0.2s;
134       
135}
136.plan-articles a:hover {
137        background-color: #f8f8f8;
138}
139
140div.bandeau_rubriques {
141        background-color: white;
142}
143a.bandeau_rub  {
144        border-color: #dfdfdf;
145        background-image: url(#GET{chemin_img_pack}rubrique-12.gif);
146}
147div.petit-secteur, a.petit-secteur {
148        background-image: url(#GET{chemin_img_pack}secteur-12.gif);
149}
150div.brt { background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
151
152a.bandeau_rub:hover {
153        background-color: #f8f8f8;     
154}
155
156.icone36 {
157        a img, img {
158                -spip-border-radius: 6px;
159        }
160}
161
162.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
163        border: 0px;
164        margin-bottom: -12px;
165        background-color: transparent;
166        display: none;
167}
168
169.icone36 a img:only-child, a.icone36 img:only-child, .icone36 a:hover img:only-child, a.icone36:hover img:only-child {
170        display: inline;
171}
172
173.danger, a.cellule-h-texte {
174        background: none;
175}
176
177.icone36 {
178        width: auto;
179        margin-left: 10px;
180        margin-right: 10px;
181}
182
183.icone36 a span, a.icone36 span {
184        -spip-border-radius: 10px;
185        border: 1px solid #ddd;
186        padding: 3px 10px;
187        width: auto;
188        font-weight: normal;
189        font-size: 11px;
190        text-shadow: white 0px 1px 0px;
191        color: #464646;
192        background-color: #ddd;
193        height: auto;
194       
195        -spip-transition-property: background-color color border-color;
196        -spip-transition-duration: 0.2s;
197       
198        . :hover {
199                color: black;
200                border-color: #888;
201                text-shadow: black 0px -1px 0px;
202                background: #666;
203                color: white;
204        }
205}
206
207.cadre, .dater {
208        border-color: #dfdfdf;
209        -spip-border-radius: 6px;
210       
211        . :hover {
212                -spip-box-shadow:  0px 0px 2px #ccc;
213        }
214
215        .titrem {
216                background: url(#CHEMIN{images/gray-grad.png});
217                padding-top: 6px;
218                padding-bottom: 6px;
219                text-shadow: white 0px 1px 0px;
220               
221        }
222        .deplie, .deplie, .depliant, .replie {
223                a.titremancre {
224                        border-#GET{left}: 1px solid #ddd;
225                        margin-#GET{left}: 10px;
226                        margin-#GET{right}: 0px;
227                        padding-#GET{left}: 16px;
228                        background-position: top #GET{right};
229                       
230                        -spip-opacity:0.5;
231                       
232                        float: #GET{right};
233                       
234                        . :hover {
235                                -spip-opacity: 1;
236                        }
237
238                }
239        }
240        .replie a.titremancre {
241                background-image: url(#GET{chemin_img_pack}deplierhaut[(#GET{rtl_inv})].gif);
242        }
243}
244
245.cadre-sous_rub {
246        background-color: #ededed;
247}
248
249.cadre-couleur-foncee {
250        border: 1px solid [(#GET{claire})];
251}
252
253.cadre-forum {
254        border-color: #dfdfdf;
255        -spip-border-bottom-left-radius: 0px;
256        -spip-border-bottom-right-radius: 0px;
257}
258.cadre-thread-forum {
259        -spip-border-radius: 0px;
260}
261
262.fiche_objet, .no_onglets .fiche_objet {
263        border-color: #dfdfdf;
264        -spip-border-radius: 6px;
265}
266
267div.liste, div.cadre-liste {
268        border-color: #dfdfdf;
269        -spip-border-bottom-left-radius: 0px;
270        -spip-border-bottom-right-radius: 0px;
271
272        table {
273       
274                .tr_liste {
275                        -spip-transition-property: background-color color border-color;
276                        -spip-transition-duration: 0.2s;
277                        background-color: white;
278                       
279                        td {
280                                border-color:#dfdfdf;
281                        }
282                }
283                .tr_liste_over, .tr_liste:hover {
284                        background-color: #f8f8f8;
285                       
286                }
287        }
288       
289        .titrem.hover {
290                background-color: #eee;
291        }
292
293        .tranches {
294                padding: 4px 0px 4px 10px;     
295                background-color: #dfdfdf;
296                border-color: #f0f0f0;
297                border-top: 0;
298        }
299}
300
301
302.entete-formulaire {
303        margin-bottom: 20px;
304        padding: 10px;
305        border: 1px solid #dfdfdf;
306        -spip-border-radius: 6px;
307}
308
309
310div.onglet_off {
311        background-color: #464646;
312        border-color: #464646;
313}
314div.onglet {
315        background-color: inherit;
316        background: url(#CHEMIN{images/gray-grad.png});         
317        border-color: #dfdfdf;
318       
319        a {
320                color: #aaa;
321        }
322}
323div.onglet_on {
324        background-color: #[(#ENV{couleur_claire}|couleur_eclaircir)];
325}
326
327.dater {
328        border: 1px solid #dfdfdf;
329        -spip-border-radius: 6px;
330        color: #666;
331        margin-top: 20px;
332}
333.dater .hover, .editer_mot .hover, .editer_auteurs .hover { background-color: #eee; }
334
335
336.formulaire_spip {
337        border: 0px;
338        padding: 0px;
339       
340        li {
341                padding-right: 0px;
342                padding-left: 0px;
343               
344                label {
345                        color: #444;
346                        text-shadow: white 0px 1px 0px;
347                       
348                }
349        }
350       
351        li, li.gauche {
352                padding-#GET{left}: 130px;
353        }
354
355
356
357        li .erreur_message {
358                border-color: #dfdfdf;
359                -spip-border-top-left-radius: 6px;
360                -spip-border-top-right-radius: 6px;
361        }
362       
363        .erreur_message + .explication {
364                -spip-border-top-left-radius: 0px;
365                -spip-border-top-right-radius: 0px;             
366        }
367       
368        .explication {
369                border-color: #dfdfdf;
370                background: url(#CHEMIN{images/gray-grad.png});
371                -spip-border-top-left-radius: 6px;
372                -spip-border-top-right-radius: 6px;
373        }
374       
375        .erreur_message + input[type=text], .erreur_message + input[type=password], .erreur_message + textarea, .explication + input[type=text], .explication + input[type=password], .explication + textarea
376        {
377                -spip-border-top-left-radius: 0px;
378                -spip-border-top-right-radius: 0px;
379        }
380
381        li.editer_parent, li.editer_groupe_mot, li.editer_descriptif, li.editer_chapo, li.editer_texte, li.editer_ps, li.editer_url_zip_plugin2, li.haut
382        {
383                padding-#GET{left}:0px;
384                padding-top:10px;
385        }       
386        .editer_titre.obligatoire {
387                input {
388                        font-size: 200%;
389                        font-weight: normal;
390                }
391        }
392       
393        p.boutons {
394                background-color: inherit;
395                border: 0px;
396                padding-#GET{right}: 0px;
397        }
398               
399}
400
401.formulaire_spip li.editer_parent {
402        border: 1px solid #dfdfdf;     
403        background-color: #ededed;
404        padding-#GET{left}: 10px;
405        padding-#GET{right}: 10px;
406        -spip-border-radius: 6px;
407}
408.formulaire_spip li.editer_groupe_mot, .formulaire_editer_auteur li.editer_statut {
409        background-color: inherit;
410}
411
412
413.formulaire_spip fieldset {
414        border: 1px solid #dfdfdf;     
415        margin-#GET{left}: 0px;
416        margin-bottom: 10px;
417        -spip-border-radius: 6px;
418       
419        legend, h3.legend {
420                background: url(#CHEMIN{images/gray-grad.png});
421                padding: 6px;
422        }
423       
424        li {
425                padding-#GET{right}: 10px;
426                margin-#GET{left}: 10px;
427               
428                input.text, input.password, textarea.textarea {
429                        border: 1px solid #dfdfdf;             
430                }
431        }
432
433
434       
435}
436.formulaire_editer_article li.editer_liens_sites {
437        border: 0px;
438}
439
440input[type=text], input[type=password], textarea {
441        border: 1px solid #dfdfdf;
442        -spip-border-radius: 6px;
443}
444
445input[type="submit"] {
446        background-color: [#(#ENV{couleur_foncee}|couleur_luminance{0.3})];
447        -spip-gradient: top, [#(#ENV{couleur_foncee}|couleur_luminance{0.2})], [#(#ENV{couleur_foncee}|couleur_luminance{0.4})];
448        border: 1px solid [#(#ENV{couleur_foncee}|couleur_luminance{0.6})];
449        padding: 3px 10px;
450        font-weight: bold;
451        color: black;
452        -spip-border-radius: 10px;
453        -spip-transition-property: background-color color border-color;
454        -spip-transition-duration: 0.2s;
455
456}
457input[type="submit"]:hover {
458        color: white;
459        background-color: [#(#ENV{couleur_foncee}|couleur_luminance{0.7})];
460        -spip-gradient: top, [#(#ENV{couleur_foncee}|couleur_luminance{0.6})], [#(#ENV{couleur_foncee}|couleur_luminance{0.8})];
461        border: 1px solid [#(#ENV{couleur_foncee}|couleur_luminance{0.7})];
462        -spip-box-shadow: 0px 0px 3px #555555;
463}
464
465.configuration #contenu .cadre-trait-couleur .titrem { color: #444; }
466
467
468#FILTRE{css_imbriques_decouper}
Note: See TracBrowser for help on using the repository browser.