[(#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}} #SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}} [(#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})] body { background-color: #f8f7f3; margin: 0; border: 0; color: #000; } body{ font-size: 100%;font-family: Verdana, Geneva, Sans, sans-serif; } /*-- spip-admin pour le debug --*/ #INCLURE{prive/spip_admin.css} /* Espaceurns 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};} #page { font-size: small; } /* ecran etroit*/ #conteneur,.table_page,div.messages { clear: both; margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 750px; margin-top:0.5em;} #navigation { float: #GET{left}; width: 200px; min-height: 100px; } #contenu { float: #GET{left} ; margin-#GET{left}: 30px; width: 505px; } #extra { float: #GET{left}; width: 200px; } /* ecran large*/ .large #conteneur,.large .table_page,.large div.messages { margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 974px; } .large #navigation { float: #GET{left}; width: 200px; } .large #contenu { float: #GET{left}; margin-#GET{left}: 17px; width: 540px; } .large #extra { float: #GET{right}; width: 200px; } /* 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;} div.table_page { margin-top: 1em; } #contenu { font-size: small; } #chemin { font-size: 0.85em; overflow: hidden; margin: 0; padding: 0; } #chemin li a { color: black; } #chemin li a:hover { text-decoration: underline; } #chemin ul, #chemin li, #chemin li .bloc { margin: 0; padding: 0; margin-top: 0; padding-top: 0; list-style-type: none; display: inline; } #chemin li .bloc { padding: 2px; padding-bottom: 4px; display: -moz-inline-box; display: inline-block; } #chemin li .bloc:hover { } #chemin li li .bloc { margin-top: 2px; } #chemin li li .bloc a { color: #444; } #chemin .aide {padding-top: 0px; } h1 { color: #GET{foncee}; font-size:large; font-family: Arial, Sans, sans-serif; margin: 0.5em 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}; } select.fondl { padding: 0; } .maj-debut:first-letter { text-transform: uppercase; } /*style for horizontal list
*/ /*for IE item list must be specified in .menu-item*/ /*possible added classes #GET{left}ed centered righted vcentered*/ .h-list { display: table} .h-list ul { display: table-row; list-style: none; margin: 0; padding: 0; } .h-list li { display: table-cell; margin: 0; padding: 0; } #bandeau-principal .h-list ul>li .menu-item { width: auto !important} .vcentered li { vertical-align:middle} .#GET{left}ed { margin: 0 auto 0 0; } .centered { margin: 0 auto; text-align: center; } .#GET{right}ed { margin: 0 0 0 auto; } #page { margin: auto; text-align: center; } .table_page{ margin: auto; text-align: #GET{left}; } /*style for bandeau-principal*/ #bandeau-principal { padding-top: 5px; border-bottom: 1px solid #ccc; position: relative; z-index: 90; background: #fff; } #bandeau-principal .h-list .menu-item { margin: 0 auto} #bandeau-principal a {cursor:hand;} #bandeau-principal a .icon_fond { width: 48px; height: 48px; background: [#(#ENV{couleur_claire})]; margin: auto; } #bandeau-principal a.selection .icon_fond { width: 48px; margin:auto } #bandeau-principal a:hover span.icon_fond { background: [#(#ENV{couleur_claire}|couleur_eclaircir)]; width: 48px; height: 48px; margin: auto; } #bandeau-principal li.boutons_admin:hover .bandeau_sec, #bandeau-principal li.boutons_admin.sfhover .bandeau_sec { display: block; } #bandeau-principal span.icon_fond span { background: center top no-repeat; height: 48px; display: block; width: 48px; margin: 0; } /*style for submenus*/ .bandeau_sec { margin-top: 0; padding: 2px; padding-top: 0; background-color: #fff; border-bottom: 1px solid #ccc; border-#GET{left}: 1px solid #ccc; border-#GET{right}: 1px solid #ccc; z-index: 100; display: none; position:absolute; } /*style for #bandeau_couleur*/ .bandeau_couleur {text-align: #GET{left}; margin: 0; padding: 0; } .bandeau_couleur a {color:#666;} #bandeau_couleur { min-height: 20px; padding: 2px 0; max-height: 40px; width: 100%; background: #GET{claire}; } #bandeau_couleur1 .menu-item { width: 230px; text-align: #ENV{ltr}} #bandeau_couleur3 .menu-item { width: 150px; text-align: #GET{right}} #bandeau_couleur4 .menu-item { width: 68px; margin: 0 5px; text-align: #GET{right}; } #bandeau_couleur4 .menu-item a {font-weight:normal; color: black;} #bandeau_couleur5 .menu-item { width: 114px; } #bandeau_couleur6 .menu-item { width: 32px; } #preferences_couleurs, #preferences_menu, #preferences_ecran {display:inline; padding:0 3px;} #preferences_map {display:none;} #preferences_couleurs { white-space: nowrap; } #bandeau_couleur5 label {position:absolute;top:-500px;} /* * Icones et bandeaux */ /* Da cancellare #bandeau-principal { background-color: #fff; margin: 0; padding: 0; border-bottom: 1px solid #000; } .bandeau-icones { background-color: #fff; margin: 0; padding: 0; padding-bottom: 2px; padding-top: 4px; } */ /* .bandeau_sec .gauche { margin-top: 0; padding: 2px; padding-top: 0; background-color: #fff; border-bottom: 1px solid #000; border-#GET{left}: 1px solid #000; border-#GET{right}: 1px solid #000; z-index: 100; } */ /* .bandeau-icones.separateur { vertical-align: middle; height: 100%; width: 11px; margin: 0; padding: 0; background: url(#GET{chemin_img_pack}file=tirets-separation.gif); background-position: 5px 0px; } */ .bandeau_couleur { padding-#GET{right}: 4px; padding-#GET{left}: 4px; font-family: verdana, helvetica, arial, sans; font-size: 11px; color: #000; text-align: center; font-weight: bold; height: 22px; } .bandeau_couleur_sous { position: absolute; visibility: hidden; top: 1px; background-color: white; border: 1px solid #GET{claire}; color: #000; padding: 5px; padding-top: 2px; font-family: verdana, helvetica, arial, sans; font-size: 11px; } a.lien_sous { color: #666; } a.lien_sous:hover { color: #000; text-decoration: underline; } .cadre-bandeau-rubriques { background-color: #eee; z-index: 1; } .cadre-bandeau-rubriques .titrem { background: #GET{claire}; } .cadre-bandeau-rubriques .cadre_padding { padding: 0; } .cadre-meme-rubriques { background: #eee; border: 1px solid #ccc; } .cadre-meme-rubriques .cadre_padding.padding_x { padding: 0; } .cadre-meme-rubriques .padding_x .bloc_depliable { padding: 0; } a.bandeau_rub { display: block; font-size: 10px; padding: 3px; padding-#GET{right}: 13px; padding-#GET{left}: 16px; color: #666; text-decoration: none; border-bottom: 1px solid #ccc; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center; background-image: url(#GET{chemin_img_pack}rubrique-12.gif); } a.bandeau_rub:hover { background-color: #fff; text-decoration: none; color: #333; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,1,99})%] center; } div.bandeau_rub { position: absolute; #GET{left}: 120px; background-color: #eee; padding: 0; border: 1px solid #ccc; border-bottom: 0px; visibility: hidden; min-width:100%; } div.brt { background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; } div.pos_r { position: relative; } /* selecteur de rubriques */ .selecteur_parent{font-size: 90%; width: 99%; max-height: 24px;} /* appliquee sur le