[(#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{rtl_inv,#ENV{ltr}|choixsiegal{right,'',_rtl}} #SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}} body { font-family: arial, helvetica, sans-serif; background-color: [#(#ENV{couleur_claire}|couleur_saturation{0.5})]; [(#CHEMIN{images/ispip/pinstripes.png}|background_image{[(#ENV{couleur_claire}|couleur_saturation{0.5})], center center })] } h1, 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 { font-family: arial, helvetica, sans-serif; } .formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip textarea, .formulaire_spip select { font-family: arial, helvetica, sans-serif; } #bandeau-principal { .bandeau_sec { -spip-border-bottom-left-radius: 8px; -spip-border-bottom-right-radius: 8px; position: absolute; } } #bandeau_couleur { height: 33px; padding-top: 8px; padding-bottom: 0px; border-bottom: 1px solid [#(#ENV{couleur_foncee}|couleur_saturation{0.95})]; background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.8})]; [(#CHEMIN{images/ispip/toolbar.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.8})], center center })] a, a.icone26 { color: white; font-size: 16px; text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{0.8})] -1px -1px 1px; } .bandeau_couleur_sous { top: 12px; border-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.95})]; background-color: #f1f1f1; border-top: 0px; color: #464646; -spip-border-bottom-left-radius: 8px; -spip-border-bottom-right-radius: 8px; position: absolute; . :hover { box-shadow: 0px 0px 2px #999; -spip-box-shadow: 0px 0px 2px #999; position: absolute; } a { font-size: 1em; color: #464646; text-shadow: #f1f1f1 0px 0px 0px; } } } #lesauteurs .cadre-icone {position:absolute;top: -24px;} .cadre, .dater { color: black; background: #fff; border-color: #B4B4B4; -spip-border-radius: 8px; .cadre-icone { position: relative; float: left; top: 0px; left: 0px; padding-left: 5px; padding-right: 5px; padding-top: 3px; } .cadre-icone + .titrem { padding-left: 50px; } .titrem { background: url(#CHEMIN{images/gray-grad.png}); padding-top: 8px; padding-bottom: 8px; text-shadow: white 0px 1px 1px; -spip-border-top-left-radius: 8px; -spip-border-top-right-radius: 8px; } } .fiche_objet, .no_onglets .fiche_objet { border-color: #dfdfdf; -spip-border-radius: 8px; } .cadre-sous_rub { background-color: #ededed; } .cadre-couleur-foncee { border: 1px solid [(#GET{claire})]; } div.liste, div.cadre-liste { border-color: #b4b4b4; -spip-border-radius: 8px; table { .tr_liste { background-color: white; td { border-color: #B4B4B4; padding-top: 8px; padding-bottom: 8px; } . :last-child { td:first-child { -spip-border-bottom-left-radius: 8px; -spip-border-top-left-radius: 8px; } td:last-child { -spip-border-bottom-right-radius: 8px; -spip-border-top-right-radius: 8px; } } . :nth-child(2n) { background-color: #fafafa; } } .tr_liste_over, .tr_liste:hover { background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.2})]; } } .titrem { background: url(#CHEMIN{rien.gif}); background-color: [#(#ENV{couleur_foncee}|couleur_saturation{0.4})]; border-bottom: 1px solid #b4b4b4; -spip-border-top-left-radius: 8px; -spip-border-top-right-radius: 8px; } .titrem.hover { background-color: #eee; } .tranches { padding: 4px 0px 4px 10px; background-color: #dfdfdf; border-color: #f0f0f0; border-top: 0; } } #contenu div.liste .titrem, #contenu div.cadre-liste .titrem { padding-top: 10px; padding-bottom: 10px; font-size: 14px; } #contenu div.liste .cadre-icone, #contenu div.cadre-liste .cadre-icone { padding-top: 7px; padding-left: 7px; } .icone36 { a img, img { -spip-border-radius: 6px; } } .icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img { border: 0px; margin-bottom: -12px; background-color: transparent; display: none; } .icone36 a img:only-child, a.icone36 img:only-child, .icone36 a:hover img:only-child, a.icone36:hover img:only-child { display: inline; } .danger, a.cellule-h-texte { background: none; } .icone36 { width: auto; margin-left: 10px; margin-right: 10px; } .icone36 a span, a.icone36 span { -spip-border-radius: 8px; border: 1px solid #bbb; padding: 8px 10px; width: auto; font-weight: normal; font-size: 11px; text-shadow: white 0px 1px 0px; color: #464646; [(#CHEMIN{images/ispip/bouton-ok.png}|background_image{eeeeee, center center })] height: auto; . :hover { color: black; border-color: #666; } } .cadre-formulaire-editer { .entete-formulaire { border: 0px; padding: 0px; padding-bottom: 1em; background: none; } .formulaire_spip { background-color: white; border: 1px solid #eee; -spip-border-radius: 8px; li.editer_parent { background-color: #f0f0f0; } li { input.text, input.password, textarea { border: 1px solid #ccc; } } .markItUpPreview { font-family: serif; } p.boutons { background-color: [(#ENV{couleur_foncee}|couleur_saturation{0.4})]; border-top: #eee; } li .erreur_message { border-color: #ccc; } .explication { border-color: #ccc; } } } .cadre-forum { -spip-border-bottom-left-radius: 0px; -spip-border-bottom-right-radius: 0px; } .cadre-thread-forum { -spip-border-radius: 0px; .titrem { -spip-border-radius: 0px; } } input[type="submit"] { [(#CHEMIN{images/ispip/bouton-ok.png}|background_image{[(#ENV{couleur_foncee}|couleur_saturation{0.85})], center center })] border: 2px solid [(#GET{foncee})]; padding: 8px 10px; font-weight: bold; text-shadow: #[(#ENV{couleur_foncee}|couleur_saturation{1})] -1px -1px 0px; color: white; -spip-border-radius: 8px; } input[type="submit"]:hover { border: 2px solid #[(#ENV{couleur_foncee}|couleur_saturation{0.85}|couleur_foncer)]; } #FILTRE{css_imbriques_decouper}