[(#REM) Ce squelette definit les styles de l'espace prive Note: l'entete "Vary:" sert a repousser l'entete par defaut "Vary: Cookie,Accept-Encoding", qui est (un peu) genant en cas de "rotation du cookie de session" apres un changement d'IP (effet de clignotement). ATTENTION: il faut absolument le charset sinon Firefox croit que c'est du text/html ! ] #CACHE{3600*100,cache-client} #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} #HTTP_HEADER{Vary: Accept-Encoding} #SET{claire,##ENV{couleur_claire,edf3fe}} #SET{foncee,##ENV{couleur_foncee,3874b0}} #SET{left,#ENV{ltr}|choixsiegal{left,left,right}} #SET{right,#ENV{ltr}|choixsiegal{left,right,left}} #SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}} [(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition] [(#INCLURE{fond=style_vieilles_def}{couleur_claire}{couleur_foncee}{lang}{ltr})] /* ------------------------------------------ /* Habillage des elements du contenu /* ------------------------------------------ */ body { margin-bottom:1em; background-color: #f8f7f3; margin: 0; border: 0; color: #000;} body { font-size:0.625em; font-family: Verdana, Geneva, Sans, sans-serif; } /*-- spip-admin pour le debug --*/ #INCLURE{prive/spip_admin.css} /* Espaceur de blocs */ .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%; } .none { display: none; } /* ajax */ .image_loading {float:#GET{right};} /* Layout */ #page { font-size:11px;} /* ecran etroit*/ #haut {text-align:center;margin-top:10px;} .largeur { width: 780px; margin: auto; text-align:#GET{left}; } #conteneur,.table_page,div.messages { clear: both; margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 780px; margin-top:0.5em;} #navigation { float: #GET{left}; width: 200px; min-height: 100px; } #extra { float: #GET{left}; clear:#GET{left}; width: 200px; } #contenu { float: #GET{right} ; margin-#GET{left}: 30px; width: 550px; } /* ecran large*/ .large .largeur {width:974px;} .large #conteneur,.large .table_page,.large div.messages { width: 974px; } .large #navigation { } .large #extra { float: #GET{right}; clear:none; width: 200px; } .large #contenu { float: #GET{left}; margin-#GET{left}: 17px; width: 540px; } /* les formulaires sont en 600px en config large */ .articles_edit .large #contenu, .mots_edit .large #contenu, .breves_edit .large #contenu, .rubriques_edit .large #contenu {width:600px; margin-top: 20px;} .articles_edit .large #extra, .mots_edit .large #extra, .breves_edit .large #extra, .rubriques_edit .large #extra {width:140px;} /* style par defaut sur les tables. selecteur generique pour avoir une faible priorite */ table { border-collapse: collapse; /* equivalent a cellspacing=0 */ } td { padding: 0; /* equivalent a cellpadding=0 */ } div.table_page { margin-top: 1em; } #contenu { font-size:12px; } #copyright {text-align:right;font-size:x-small;padding-top:1em;border-top:1px solid #eee;} #chemin { overflow: hidden; margin: 0; padding: 0; text-align:#GET{left};} #chemin > a { color: #444; } #chemin > a:hover { text-decoration: underline; } #chemin .bouton_deplacer {display:block;float:#GET{right};position:relative;padding:3px;padding-#GET{left}:20px;} #chemin .bouton_deplacer .image_loading {position:absolute;top:0;#GET{left}:0;} #chemin .aide {padding-top: 0px; } h1 { color: #GET{foncee}; font-size:large; font-family: Arial, Sans, sans-serif; margin: 16px 0 0.25em 0; } h2 { color: #000; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; } h3 { color: #666; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; } td { text-align: #GET{left}; } #bando_haut { font-size: 110%; position: relative; z-index: 99;} #bando_haut a { text-decoration: none; } #bando_haut #bando_liens_rapides {position:absolute;top:0;z-index:0;width:100%;} #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;} #bando_haut #bando_liens_rapides a {color:#fff;font-weight:bold;} #bando_haut ul{margin: 0; padding: 0; list-style: none;} #bando_haut ul.deroulant li { /*position:relative; */float:#GET{left}; display: block; } #bando_haut ul.deroulant li ul li {float:none;position:static;} #bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; z-index: 100; } #bando_haut ul.deroulant li ul {border: 1px solid #aaaaaa; border-top: 0; text-align:#GET{left}; height: auto; width: auto; display: block; position:absolute; #GET{left}:-3000em; } #bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #GET{left}:auto;} #bando_haut ul.deroulant li a { display: block; color:#444; font-weight:bold;} #bando_haut ul.deroulant li ul li { background-color: #fff; } #bando_haut ul.deroulant li ul li a { } #bando_haut ul.deroulant li ul li a:hover, #bando_haut ul.deroulant li ul li a:focus { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; } #bando_identite { line-height:2em; background: #[(#GET{foncee}|couleur_foncer|couleur_foncer)]; color: #eee; overflow:hidden; border-bottom:1px solid #222; z-index:10;position:relative;} #bando_identite p { width: 50%; padding: 1px 0; margin:0;} #bando_identite p img { vertical-align: middle; } #bando_identite p.nom_site_spip { width: 40%; float:#GET{right};text-align:#GET{right}; } #bando_identite p.session { width: 60%; float:#GET{left}; text-align:#GET{left}; } #bando_identite p.session .menu_lang { vertical-align: middle; } #bando_identite strong, #identite a { color: #afafaf; } #bando_identite a { color: #fff; } #bando_identite a:hover { text-decoration: underline; } #bando_outils { bottom:0px; width:100%; line-height:1.5em;clear:both; background: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; border-bottom: 1px solid #888; } #bando_outils li.boussole {margin-#GET{right}:20px;} #bando_outils li.boussole a#boutonbandeautoutsite {display:block;line-height:1em;} #bando_outils li.boussole a#boutonbandeautoutsite img {padding:2px; } #bando_outils li.boussole a#boutonbandeautoutsite:hover,#bando_outils li.boussole a#boutonbandeautoutsite:focus {background:#fff;} #bando_outils ul.deroulant {font-size:0.9em;} #bando_outils ul.deroulant li ul {background:#fff;[border:1px solid (#GET{claire});]padding:0px;border-top:0;padding-top:0;margin-left:-1px;} #bando_outils ul.deroulant li ul ul {[border:1px solid (#GET{claire});]} #bando_outils ul.deroulant li li a { padding: 3px 3px;padding-#GET{right}:10px;background-repeat:no-repeat;background-position:[(#GET{right}) ]3px;} #bando_outils ul.deroulant li li { background-repeat:no-repeat;background-position:[(#GET{left}|=={left}|?{"1%","99%"}) ] center;padding-#GET{left}:15px;} #bando_outils ul.deroulant li.haschild > a {background-image:url(#CHEMIN_IMAGE{triangle-droite#GET{rtl}|concat{.gif}});} #bando_outils ul.deroulant li li {background-image:url(#CHEMIN_IMAGE{secteur-12.gif});} #bando_outils ul.deroulant li li li {background-image:url(#CHEMIN_IMAGE{rubrique-12.gif});} #bando_outils ul.deroulant li.toutsite {background-image:none;} #bando_outils ul.deroulant li ul li {float:none;position:relative;} #bando_outils ul.deroulant li.actif li ul, #bando_outils ul.deroulant li.actif_tempo li ul { #GET{left}:-3000em;} #bando_outils ul.deroulant li li.actif >ul,#bando_outils ul.deroulant li li.actif_tempo >ul {#GET{left}:50px;top:1.5em;} #bando_outils ul.deroulant li ul {width:770px;} .large #bando_outils ul.deroulant li ul {width:970px;} #bando_outils ul.deroulant li ul.cols_1 {width:200px;} #bando_outils ul.deroulant li ul.cols_1 > li {width:185px;} #bando_outils ul.deroulant li ul.cols_2 {width:350px;} #bando_outils ul.deroulant li ul.cols_2 > li {float:#GET{left};width:160px;} #bando_outils ul.deroulant li ul.cols_3 {width:495px;} #bando_outils ul.deroulant li ul.cols_3 > li {float:#GET{left};width:150px;} #bando_outils ul.deroulant li ul.cols_4 {width:620px;} #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:140px;} .large #bando_outils ul.deroulant li ul.cols_4 {width:800px;} .large #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:185px;} #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:139px;} .large #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:179px;} #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:113px;} .large #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:146px;} #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:113px;} .large #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:123px;} #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:113px;} .large #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:123px;} #bando_outils ul.creer {float:#GET{left};} #bando_outils ul.collaborer {float:#GET{left};margin-#GET{right}:20px;} #bando_outils ul.rapides li.bouton{ float:#GET{left}; } #bando_outils ul.rapides li.bouton a{ display:block; padding:2px;background-position:center;background-repeat:no-repeat; } #bando_outils ul.rapides li.bouton a span { visibility:hidden;display:block;height:24px;width:24px;overflow:hidden; } #bando_outils ul.rapides li.bouton a:hover, #bando_outils ul.rapides li.bouton a:focus{background-color:#[(#GET{claire}|couleur_eclaircir)];} #bando_outils ul.rapides li.bouton{ margin-top:0px;} #bando_outils #rapides {float:#GET{right};} #bando_outils #rapides .spip_recherche {padding:3px 0;} #bando_outils #rapides .spip_recherche form {display:inline;} #bando_outils #rapides .spip_recherche .recherche {margin-bottom:0;margin-top:1px;} #bando_outils #rapides .spip_recherche .submit {vertical-align:bottom;} #bando_navigation ul.deroulant > li {min-width:85px; max-width:115px; text-align:center;border-#GET{right}: 1px solid #eee; } #bando_navigation ul li ul {min-width: 85px; max-width:250px;} #bando_navigation ul li ul li {width: auto;float:none;text-align:#GET{left};position:static;} #bando_navigation { position: relative; } #bando_navigation { clear:both; background: #fff; border-bottom: 1px solid #aaa; } #bando_navigation ul li a { display: block; padding: .8em 0.5em; font-weight: bold; } #bando_navigation ul li a:hover, #bando_navigation ul li a:focus { text-decoration: underline; } #bando_navigation ul li.first { border-#GET{left}: 1px solid #eee;} #bando_navigation ul.deroulant > li > a { color:#333; } /* par defaut on style pour des icones standards en 48px Les styles pour les icones pochoir de diala sont dans themes/spip/style_prive_theme */ .navigation_avec_icones #bando_navigation ul.deroulant > li > a { } .navigation_avec_icones #bando_navigation ul.deroulant > li > a:hover, .navigation_avec_icones #bando_navigation ul.deroulant > li > a:focus { background-color: #[(#GET{claire}|couleur_eclaircir)]; } .navigation_avec_icones #bando_navigation ul li a {background-position:center 5px;background-repeat:no-repeat;padding-top:60px;} .navigation_avec_icones #bando_navigation ul li ul li a {margin-#GET{left}:7px; margin-#GET{right}: 1.0em; background-position:[(#GET{left})] center;margin-top:0;padding-#GET{left}:24px;padding-top:0.8em;} .navigation .sous_navigation .item a {display:block;background-position:left center;margin-left:7px;padding:2px;padding-left:24px;background-repeat:no-repeat;} .centered { margin: 0 auto; text-align: center; } #page { margin: auto; text-align: center; } .table_page{ margin: auto; text-align: #GET{left}; } /* selecteur de rubriques */ .selecteur_parent{font-size: 90%; width: 99%; max-height: 24px;} /* appliquee sur le