source: spip-zone/_plugins_/_core_/bandeau/prive/style_prive_plugin_bando.html @ 26993

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

Correction bug affichage sur page principal ( cf message contrib ) merci denisb !

File size: 8.4 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        <style>
13]
14#CACHE{3600*100,cache-client}
15#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
16#HTTP_HEADER{Vary: Accept-Encoding}
17
18#SET{claire,##ENV{couleur_claire,edf3fe}}
19#SET{foncee,##ENV{couleur_foncee,3874b0}}
20#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
21#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
22#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
23
24/*  ------------------------------------------
25/*  Habillage des elements du contenu
26/*  ------------------------------------------ */
27body { font-size:0.625em; margin-bottom:5em;}
28/* redefinir la largeur de l'ecran etroit*/
29#conteneur,.table_page,div.messages { width: 780px; margin-top:0.5em;}
30#navigation {}
31#contenu {width: 535px; }
32#extra {}
33
34/* ecran large*/
35.large #conteneur,.large .table_page,.large div.messages {}
36.large #navigation {}
37.large #contenu {}
38.large #extra {}
39
40
41#bando_haut { font-size: 110%; position:relative;}
42#bando_haut a { text-decoration: none; }
43#bando_haut .largeur { width: 780px; margin: auto; text-align:#GET{left}; }
44.large #bando_haut .largeur {width:974px;}
45
46
47#bando_haut #bando_liens_rapides {position:absolute;top:0;z-index:0;width:100%;}
48#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;}
49#bando_haut #bando_liens_rapides a {color:#fff;font-weight:bold;}
50
51#bando_haut ul{margin: 0; padding: 0; list-style: none;}
52
53#bando_haut ul.deroulant li { /*position:relative; */float:#GET{left}; display: block;}
54#bando_haut ul.deroulant li ul li {float:none;position:static;}
55#bando_haut ul.deroulant li:hover, #bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
56#bando_haut ul.deroulant li ul {border: 1px solid #666; border-top: 0; text-align:#GET{left}; height: auto; width: auto; display: block; position:absolute; #GET{left}:-3000em; z-index: 99; }
57#bando_haut ul.deroulant li:hover ul, #bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #GET{left}:auto;}
58#bando_haut ul.deroulant li a { display: block; }
59#bando_haut ul.deroulant li ul li { background-color: #fff; border-top: 1px solid #ccc;}
60#bando_haut ul.deroulant li ul li a { font-weight: normal; }
61#bando_haut ul.deroulant li ul li a:hover,
62#bando_haut ul.deroulant li ul li a:focus { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
63
64#bando_identite { line-height:2em; background: #333; color: #eee; overflow:hidden; border-bottom:1px solid #222; z-index:10;position:relative;}
65#bando_identite p { width: 50%; padding: 1px 0; margin:0;}
66#bando_identite p img { vertical-align: middle; }
67#bando_identite p.nom_site_spip { width: 40%; float:#GET{left}; }
68#bando_identite p.session { width: 60%; float:#GET{right}; text-align:#GET{right}; }
69#bando_identite p.session .menu_lang { vertical-align: middle; }
70#bando_identite strong, #identite a { color: #eee; }
71#bando_identite a:hover { text-decoration: underline; }
72
73
74#bando_outils { /*position:fixed;*/ bottom:0px; width:100%; line-height:1.5em;clear:both; background: #ddd; border-bottom: 1px solid #888; z-index:10000;}
75
76#bando_outils li.boussole {margin-#GET{right}:20px;}
77#bando_outils li.boussole a#boutonbandeautoutsite {display:block;line-height:1em;}
78#bando_outils li.boussole a#boutonbandeautoutsite img {padding:2px; }
79#bando_outils li.boussole a#boutonbandeautoutsite:hover,#bando_outils li.boussole a#boutonbandeautoutsite:focus {background:#fff;}
80
81#bando_outils ul.deroulant {font-size:0.9em;}
82#bando_outils ul.deroulant li ul {background:#fff;border:2px solid #444;padding:1px;border-top:0;padding-top:0;}
83#bando_outils ul.deroulant li li a { padding: 3px 3px;padding-#GET{right}:10px;background-repeat:no-repeat;background-position:[(#GET{right}) ]3px;}
84#bando_outils ul.deroulant li li { background-repeat:no-repeat;background-position:[(#GET{left}) ]3px;padding-#GET{left}:15px;}
85
86#bando_outils ul.deroulant li.haschild > a {background-image:url(#CHEMIN{images/triangle-droite#GET{rtl}|concat{.gif}});}
87#bando_outils ul.deroulant li li {background-image:url(#CHEMIN{images/secteur-12.gif});}
88#bando_outils ul.deroulant li li li {background-image:url(#CHEMIN{images/rubrique-12.gif});}
89#bando_outils ul.deroulant li.toutsite {background-image:none;}
90
91#bando_outils ul.deroulant li ul li {float:none;position:relative;}
92#bando_outils ul.deroulant li:hover li ul, #bando_outils ul.deroulant li.actif li ul, #bando_outils ul.deroulant li.actif_tempo li ul { #GET{left}:-3000em;}
93#bando_outils ul.deroulant li li:hover >ul,#bando_outils ul.deroulant li li.actif >ul,#bando_outils ul.deroulant li li.actif_tempo >ul  {#GET{left}:50px;top:1.5em;}
94
95#bando_outils ul.deroulant li ul {width:770px;}
96.large #bando_outils ul.deroulant li ul {width:970px;}
97#bando_outils ul.deroulant li ul.cols_1 {width:200px;}
98#bando_outils ul.deroulant li ul.cols_1 > li {width:185px;}
99#bando_outils ul.deroulant li ul.cols_2 {width:350px;}
100#bando_outils ul.deroulant li ul.cols_2 > li {float:#GET{left};width:160px;}
101#bando_outils ul.deroulant li ul.cols_3 {width:495px;}
102#bando_outils ul.deroulant li ul.cols_3 > li {float:#GET{left};width:150px;}
103
104#bando_outils ul.deroulant li ul.cols_4 {width:620px;}
105#bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:140px;}
106.large #bando_outils ul.deroulant li ul.cols_4 {width:800px;}
107.large #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:185px;}
108#bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:139px;}
109.large #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:179px;}
110#bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:113px;}
111.large #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:146px;}
112#bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:113px;}
113.large #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:123px;}
114#bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:113px;}
115.large #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:123px;}
116
117#bando_outils ul.creer {float:#GET{left};}
118#bando_outils ul.creer li.bouton{ float:#GET{left}; }
119#bando_outils ul.creer li.bouton a{ display:block; padding:2px;background-position:center;background-repeat:no-repeat; }
120#bando_outils ul.creer li.bouton a span { visibility:hidden;display:block;height:24px;width:24px;overflow:hidden; }
121#bando_outils ul.creer li.bouton a:hover, #bando_outils ul.creer li.bouton a:focus{background-color:white;}
122#bando_outils ul.creer li.bouton{ margin-top:0px;}
123
124#bando_navigation ul li {min-width:80px; text-align: center; border-#GET{right}: 1px solid #eee; }
125#bando_navigation ul li ul li {float:none;text-align:#GET{left};position:static;}
126
127#bando_navigation { clear:both; background: #fff; border-bottom: 1px solid #999; border-top: 1px solid #ddd;  }
128#bando_navigation ul li a { display: block; padding: .8em 1.2em; font-weight: bold; }
129#bando_navigation ul li a:hover,
130#bando_navigation ul li a:focus { text-decoration: underline; }
131
132#bando_navigation ul li.first { border-#GET{left}: 1px solid #eee;}
133#bando_navigation ul.deroulant > li > a { color:#333;}
134
135/* pour les icones pochoir de diala */
136.navigation_avec_icones #bando_navigation ul.deroulant > li > a { background-color: #[(#GET{claire}|couleur_eclaircir)];}
137.navigation_avec_icones #bando_navigation ul.deroulant > li > a:hover,
138.navigation_avec_icones #bando_navigation ul.deroulant > li > a:focus { background-color: #GET{claire}; }
139
140.navigation_avec_icones #bando_navigation ul li a {background-position:center top;background-repeat:no-repeat;margin-top:5px;padding-top:55px;}
141.navigation_avec_icones #bando_navigation ul li ul li a {margin-#GET{left}:7px;background-position:[(#GET{left})] center;margin-top:0;padding-#GET{left}:30px;padding-top:0.8em;}
142
143[(#REM|bando_images_background)]
144
145.liste_items .item a{background-position:left center;
146margin-left:7px;
147padding-left:30px;}
148
149.formulaire_configurer_langage li .choix {width:48%;margin-#GET{right}:1%;float:#GET{left};}
150.formulaire_configurer_preferences .editer_couleur .choix label {vertical-align:bottom;}
151
152[(#REM)</style>]
Note: See TracBrowser for help on using the repository browser.