3 Ce squelette definit les styles de l'espace prive
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).
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
14 #CACHE{
3600*
100,cache-client}
15 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
16 #HTTP_HEADER{Vary: Accept-Encoding}
18 #bando_haut { /*font-size:
1em;*/ position: relative; z-index:
1001;}
19 #bando_haut a { text-decoration: none; }
22 #bando_haut #bando_liens_rapides {position:absolute;top:
0;z-index:
0;width:
100%;}
23 #bando_haut #bando_liens_rapides.actif {z-index:
11;background:#
000;min-height:
25px;line-height:
2em;color: #fff; overflow:hidden; border-bottom:
1px solid #
222;}
24 #bando_haut #bando_liens_rapides a {color:#fff;font-weight:bold;}
26 #bando_haut ul{margin:
0; padding:
0; list-style: none;}
28 #bando_haut ul.deroulant li { /*position:relative; */float:#ENV{left}; display: block; }
29 #bando_haut ul.deroulant li ul li {float:none;position:static;}
30 #bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; z-index:
100; }
31 #bando_haut ul.deroulant li ul {border:
1px solid #aaaaaa; border-top:
0; text-align:#ENV{left}; height: auto; width: auto; display: block; position:absolute; #ENV{left}:-
3000em;margin-#ENV{left}:-
1px; }
32 #bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #ENV{left}:auto;}
33 #bando_haut ul.deroulant li a { display: block; color:#
444; font-weight:bold;}
34 #bando_haut ul.deroulant li ul li { background-color: #fff; }
35 #bando_haut ul.deroulant li ul li a { }
36 #bando_haut ul.deroulant li ul li a:hover,
37 #bando_haut ul.deroulant li ul li a:focus { background-color: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; }
39 #bando_identite { line-height:
2em; background: #[(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)]; color: #
666; overflow:hidden; z-index:
10;position:relative;}
40 #bando_identite p { width:
50%; padding:
1px
0; margin:
0;}
41 #bando_identite p img { vertical-align: middle; }
42 #bando_identite p.nom_site_spip { width:
45%; float:#ENV{right};text-align:#ENV{right}; }
43 #bando_identite p.session { width:
55%; float:#ENV{left}; text-align:#ENV{left}; }
44 #bando_identite p.session .menu_lang { }
45 #bando_identite a, #bando_identite strong, #identite a { color: #
666; }
46 #bando_identite a:hover { text-decoration: underline; }
48 #bando_outils { bottom:
0px; width:
100%; clear:both; background: #ENV{claire}; }
50 #bando_outils li.boussole {margin-#ENV{right}:
20px;}
51 #bando_outils li.boussole a#boutonbandeautoutsite {display:block;line-height:
1em;}
52 #bando_outils li.boussole a#boutonbandeautoutsite img {padding:
2px; }
53 #bando_outils li.boussole a#boutonbandeautoutsite:hover,#bando_outils li.boussole a#boutonbandeautoutsite:focus {background:#fff;}
54 #bando_outils li.boussole a .image_loading {float:#ENV{right};}
56 #bando_outils ul.deroulant {font-size:
0.9em;}
57 #bando_outils ul.deroulant li ul {background:#fff;[border:
1px solid (#ENV{claire});]padding:
0px;border-top:
0;padding-top:
0;margin-left:-
1px;}
58 #bando_outils ul.deroulant li ul ul {[border:
1px solid (#ENV{claire});]}
59 #bando_outils ul.deroulant li li a { padding:
3px
3px;padding-#ENV{right}:
10px;background-repeat:no-repeat;background-position:[(#ENV{right}) ]
3px;}
60 #bando_outils ul.deroulant li li { background-repeat:no-repeat;background-position:[(#ENV{left}|=={left}|?{
"1%",
"99%"}) ] center;padding-#ENV{left}:
15px;}
62 #bando_outils ul.deroulant li.haschild
> a {background-image:url(#CHEMIN_IMAGE{triangle-droite#ENV{rtl}|concat{.gif}});}
63 #bando_outils ul.deroulant li li {background-image:url(#CHEMIN_IMAGE{secteur-
12.png});}
64 #bando_outils ul.deroulant li li li {background-image:url(#CHEMIN_IMAGE{rubrique-
12.png});}
65 #bando_outils ul.deroulant li.toutsite {background-image:none;}
67 #bando_outils ul.deroulant li ul li {float:none;position:relative;}
68 #bando_outils ul.deroulant li.actif li ul, #bando_outils ul.deroulant li.actif_tempo li ul { #ENV{left}:-
3000em;}
69 #bando_outils ul.deroulant li li.actif
>ul,#bando_outils ul.deroulant li li.actif_tempo
>ul {#ENV{left}:
50px;top:
1.5em;}
71 #bando_outils ul.deroulant li ul {width:
770px;}
72 .large #bando_outils ul.deroulant li ul {width:
970px;}
73 #bando_outils ul.deroulant li ul.cols_1 {width:
200px;}
74 #bando_outils ul.deroulant li ul.cols_1
> li {width:
185px;}
75 #bando_outils ul.deroulant li ul.cols_2 {width:
350px;}
76 #bando_outils ul.deroulant li ul.cols_2
> li {float:#ENV{left};width:
160px;}
77 #bando_outils ul.deroulant li ul.cols_3 {width:
495px;}
78 #bando_outils ul.deroulant li ul.cols_3
> li {float:#ENV{left};width:
150px;}
80 #bando_outils ul.deroulant li ul.cols_4 {width:
620px;}
81 #bando_outils ul.deroulant li ul.cols_4
> li {float:#ENV{left};width:
140px;}
82 .large #bando_outils ul.deroulant li ul.cols_4 {width:
800px;}
83 .large #bando_outils ul.deroulant li ul.cols_4
> li {float:#ENV{left};width:
185px;}
84 #bando_outils ul.deroulant li ul.cols_5
> li {float:#ENV{left};width:
139px;}
85 .large #bando_outils ul.deroulant li ul.cols_5
> li {float:#ENV{left};width:
179px;}
86 #bando_outils ul.deroulant li ul.cols_6
> li {float:#ENV{left};width:
113px;}
87 .large #bando_outils ul.deroulant li ul.cols_6
> li {float:#ENV{left};width:
146px;}
88 #bando_outils ul.deroulant li ul.cols_7
> li {float:#ENV{left};width:
113px;}
89 .large #bando_outils ul.deroulant li ul.cols_7
> li {float:#ENV{left};width:
123px;}
90 #bando_outils ul.deroulant li ul.cols_8
> li {float:#ENV{left};width:
113px;}
91 .large #bando_outils ul.deroulant li ul.cols_8
> li {float:#ENV{left};width:
123px;}
93 #bando_outils ul.creer {float:#ENV{left};}
94 #bando_outils ul.collaborer {float:#ENV{left};margin-#ENV{right}:
20px;}
95 #bando_outils ul.rapides li.bouton{ float:#ENV{left}; }
96 #bando_outils ul.rapides li.bouton a{ display:block; padding:
2px;background-position:center;background-repeat:no-repeat; }
97 #bando_outils ul.rapides li.bouton a span { visibility:hidden;display:block;height:
24px;width:
24px;overflow:hidden; }
98 #bando_outils ul.rapides li.bouton a:hover, #bando_outils ul.rapides li.bouton a:focus{background-color:#[(#ENV{claire}|couleur_eclaircir)];}
99 #bando_outils ul.rapides li.bouton{ margin-top:
0px;}
101 #bando_outils #rapides {float:#ENV{right};}
102 #bando_outils #rapides .formulaire_recherche {margin:
3px
0;clear:none;}
104 #bando_navigation ul.deroulant
> li {min-width:
85px; max-width:
115px; text-align:center; }
105 #bando_navigation ul li ul {min-width:
85px; max-width:
250px;z-index:
1;}
106 #bando_navigation ul li ul li {width: auto;float:none;text-align:#ENV{left};position:static;}
108 #bando_navigation { position: relative;z-index:
10; }
109 #bando_navigation { clear:both; background: #fff; }
110 #bando_navigation ul li a { display: block; padding:
.8em
0.5em; font-weight: bold; }
111 #bando_navigation ul li a:hover,
112 #bando_navigation ul li a:focus { text-decoration: underline; }
114 #bando_navigation ul li.first { }
115 #bando_navigation ul.deroulant
> li
> a { color:#
333; }
117 #bando_navigation .largeur { position:relative; }
118 #bando_navigation #masquer_outils{ position:absolute; #ENV{right}:-
33px; bottom:-
23px; height:
18px; width:
18px; background:transparent url([(#VAL{images/fermer-
16.png}|find_in_theme)]) center center no-repeat;}
119 .navigation_sans_outils #bando_navigation { border-bottom:
1px solid #ddd; }
120 .navigation_sans_outils #bando_navigation #masquer_outils{background-image:url([(#VAL{images/ouvrir-
16.png}|find_in_theme)]); }
121 #bando_navigation #masquer_outils span{ display: none; }
124 /* par defaut on style pour des icones standards en
48px
125 Les styles pour les icones pochoir de diala sont dans themes/spip/style_prive_theme
128 .navigation_avec_icones #bando_navigation ul.deroulant
> li
> a { }
129 .navigation_avec_icones #bando_navigation ul.deroulant
> li
> a:hover,
130 .navigation_avec_icones #bando_navigation ul.deroulant
> li
> a:focus { background-color: #[(#ENV{claire}|couleur_eclaircir)]; }
132 .navigation_avec_icones #bando_navigation ul li a {background-position:center
5px;background-repeat:no-repeat;padding-top:
60px;}
133 .navigation_avec_icones #bando_navigation ul li ul li a {margin-#ENV{left}:
7px; margin-#ENV{right}:
1.0em; background-position:[(#ENV{left})] center;margin-top:
0;padding-#ENV{left}:
24px;padding-top:
0.8em;}
135 .navigation .sous_navigation .item a {display:block;background-position:left center;margin-left:
7px;padding:
2px;padding-left:
24px;background-repeat:no-repeat;}
138 /* messages de statut et d'avertissement dans le bandeau */
139 div.wrap-messages, div.en_lignes { padding:
5px; border-bottom:
1px solid #ENV{foncee}; font-weight: bold;}
140 div.wrap-messages {background:#
333;color:#fff;}
141 div.messages {margin-top:
0;/*font-size:
11px;*/}
142 div.messages ul {text-align:left;}
144 div.en_lignes { /*font-size:
10px;*/}
146 [(#REM|bando_images_background)]