source: spip-zone/_plugins_/themes_interface_privee/style_prive_ispip.html @ 48883

[(#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}