source: spip-zone/_squelettes_/escal/branche_V3/config.css.html @ 106847

#CACHE{0}
#HTTP_HEADER{Content-Type: text/css;}

/* ======================================================================
                          LES ELEMENTS
   ======================================================================*/
[(#CONFIG{escal/config/pointeurbody}|oui)
body {
cursor: [url((#CHEMIN{#CONFIG{escal/config/pointeurbody}}))], auto;
}]
[(#CONFIG{escal/config/pointeura}|oui)
a {
cursor: [url((#CHEMIN{#CONFIG{escal/config/pointeura}}))], auto;
}]
/*

[(#CONFIG{escal/config/ombres}|non)
#ombre-droite {
        background: [url((#CHEMIN{images/ombre-droitegris.png}))] repeat-y scroll right center;
        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
}
#ombre-gauche {
        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
        margin: 0 auto;
        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
}]

[(#CONFIG{escal/config/ombres}|=={gris}|oui)
#ombre-droite {
        background: [url((#CHEMIN{images/ombre-droitegris.png}))] repeat-y scroll right center;
  width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;  
}
#ombre-gauche {
        background: [url((#CHEMIN{images/ombre-gauchegris.png}))] repeat-y scroll left center;
        margin: 0 auto;
        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
}]

[(#CONFIG{escal/config/ombres}|=={blanc}|oui)
#ombre-droite {
        background: [url((#CHEMIN{images/ombre-droiteblanc.png}))] repeat-y scroll right center;
        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
}
#ombre-gauche {
        background: [url((#CHEMIN{images/ombre-gaucheblanc.png}))] repeat-y scroll left center;
        margin: 0 auto;
        width: [(#CONFIG{escal/config/largeurlayoutbase,950}|plus{34})]px;
}]
[(#CONFIG{escal/config/ombres}|=={noir}|oui)
#ombre-droite {
        background: none;
}
#ombre-gauche {
        background: none;
}
#conteneur{
        border-left: 1px solid black;
        border-right: 1px solid black;
}]
[(#CONFIG{escal/config/ombres}|=={non}|oui)
#ombre-droite {
        background: none;
}
#ombre-gauche {
        background: none;
}]

*/
[(#CONFIG{escal/config/ombres}|=={oui}|oui)
#ombre-droite {
        margin: 0 auto;
        width: [(#CONFIG{escal/config/largeurlayoutbase,950})]px;
        box-shadow: [(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,black};
}
#ombre-gauche {
        margin: 0 auto;
        width: [(#CONFIG{escal/config/largeurlayoutbase,950})]px;
        box-shadow: -[(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,black};
}]
[(#CONFIG{escal/config/ombres}|=={oui}|non)
#ombre-droite {
        background: none;
}
#ombre-gauche {
        background: none;
}]



div#bandeau {
        text-align: [(#CONFIG{escal/config/alignbandeau, left})]; 
}

[(#CONFIG{escal/config/nomsite}|=={non}|oui)
#nom-site-spip {
  display:  none;
}]

#nom-site-spip {
  font-size: [(#CONFIG{escal/config/nomsitetaille,50})]px;
}
[(#CONFIG{escal/config/slogansite}|=={non}|oui)
#slogan-site-spip {
  display:  none;
}]
#slogan-site-spip {
  font-size: [(#CONFIG{escal/config/slogansitetaille,25})]px;
}
[(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
#descriptif-site-spip {
  display:  none;
}]
#descriptif-site-spip {
  font-size: [(#CONFIG{escal/config/descriptifsitetaille,12})]px;
}
[(#CONFIG{escal/config/nomsite}|=={non}|oui)
  [(#CONFIG{escal/config/slogansite}|=={non}|oui)
    [(#CONFIG{escal/config/descriptifsite}|=={non}|oui)
#titrepage{
  display:  none;
  }]]]
  
[(#CONFIG{escal/config/espace}|=={haut}|oui)  
        [(#CONFIG{escal/config/fixespace}|=={oui}|oui)
#entete .menu.floatable {
        top: 25px;
}]]

.laune ul.anchors li a {
        height: [(#CONFIG{escal/config/hauteurblocsune,85})]px;
}
[(#CONFIG{escal/config/nbrecol}|non)
.laune ul.anchors li {
        width: 50%;
}
]
[(#CONFIG{escal/config/nbrecol}|=={1}|oui)
.laune ul.anchors li {
        width: 100%;
}
]
[(#CONFIG{escal/config/nbrecol}|=={2}|oui)
.laune ul.anchors li {
        width: 50%;
}
]
[(#CONFIG{escal/config/nbrecol}|=={3}|oui)
.laune ul.anchors li {
        width: 33%;
}
]

#annonces-defilantes {
        height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px;
}

.annoncedefil {
        height: [(#CONFIG{escal/config/hauteurannoncedefil,210}|moins{35})]px;
}

/* noisette inc-photos */
/***********************/

#photos-defilantes {
        height: #CONFIG{escal/config/largeurimagenoisettes,170}px;
        width: #CONFIG{escal/config/largeurimagenoisettes,170}px;
}
.une-photo-defilante {
        top: #CONFIG{escal/config/largeurimagenoisettes,170}px;
        line-height: #CONFIG{escal/config/largeurimagenoisettes,170}px;
}

/* noisette inc-sites_favoris */
/***********************/

#sites-defilants {
        height: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
        width: #CONFIG{escal/config/largeurimagenoisettes,170}px;
}
.un-site-defilant {
        top: [(#CONFIG{escal/config/largeurimagenoisettes,170})]px;
}

/* ======================================================================
                          LES ICONES
   ======================================================================*/

/* articles du menu horizontal */
#menu ul li.article {
        background: url(#CHEMIN{images/artmenu.png}) no-repeat top left;
}

/* menu vertical */
#menuV ul#accueilmenu li {
  background: url(#CHEMIN{images/accueil.png}) no-repeat top left;
}
#menuV ul.rubriques li {
        background: url(#CHEMIN{images/rubnormal.png}) no-repeat top left;
}
#menuV ul.rubriques li.on {
        background: url(#CHEMIN{images/rubexpose.png}) no-repeat top left;
}
#menuV ul.articles li {
        background: url(#CHEMIN{images/artnormal.png}) no-repeat top left;
}
#menuV ul.articles li.on {
        background: url(#CHEMIN{images/artexpose.png}) no-repeat top left;
}

#menuV ul.menugrmots li {
        background: url(#CHEMIN{images/grmots.png}) no-repeat top left;
}
#menuV ul.menumots li {
        background: url(#CHEMIN{images/artnormal.png}) no-repeat top left;
}
#menuV ul.menumots li.on {
        background: url(#CHEMIN{images/artexpose.png}) no-repeat top left;
}

.introduction-articles-rubrique {
        margin-left: [(#CONFIG{escal/config/taillelogorub,150})]px;
}


/* liens */
a.spip_out {
        background: transparent url(#CHEMIN{images/spip_out.gif}) no-repeat scroll right center;
}
a.spip_out img {
        background: none;
}
a.spip_mail{
        background: transparent url(#CHEMIN{images/mail.gif}) no-repeat scroll right center;
}

/* noisettes dépliables/repliables */
.toggleimage1 {;
        background: transparent url(#CHEMIN{images/loupeplus.png}) no-repeat scroll right center;
}
.toggleimage2 {
        background: transparent url(#CHEMIN{images/loupemoins.png}) no-repeat scroll right center;
}

/* formulaire de recherche */
.formulaire_recherche input.text {
        background: url(#CHEMIN{images/loupe.gif}) no-repeat;
}

/* blocs d'infos d'Escal */
#texte-article .aide {
        background-image: url(#CHEMIN{images/aide.png});
}
#texte-article .important {
        background-image: url(#CHEMIN{images/important.png});
}
#texte-article .avertissement {
        background-image: url(#CHEMIN{images/avertissement.png});
}
#texte-article .info {
        background-image: url(#CHEMIN{images/info.png});
}
.spip_cadre, .coloration_code {
        background-image: url(#CHEMIN{images/code.png});
}


/* noisette rainette */
li.meteo {
        list-style-image: url(#CHEMIN{images/fleche_droite.png})
}
/* ======================================================================
                          LES COULEURS   (pour tout le site)
   ======================================================================*/

/* les fonds et les textes associés */
/*************/
body {
  background-color: [ (#CONFIG{escal/config/couleurfond,#DFDFDF})];
  [(#CONFIG{escal/config/imagefond}|?{
    background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond}})]);
    ,
    [(#CONFIG{escal/config/imagefond2}|?{
      background-image: url([(#CHEMIN{#CONFIG{escal/config/imagefond2}})]);
      ,
      background-image: none;
      })]
  })]
  [(#CONFIG{escal/config/imagefondunique}|=={oui})
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position: top center;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  ]
}
/* bandeau */
div#entete {
        background-color: [(#CONFIG{escal/config/couleur9,#336699})];
        color:  [(#CONFIG{escal/config/texte01,#FFFFFF})];
}

/* fond des pages */
div#conteneur{
 background-color: [(#CONFIG{escal/config/couleurpage,#FFFFFF})];
 color:  [(#CONFIG{escal/config/textpage,#000000})];

}
/* bloc a la une */
ul.onglets li a.active, ul.onglets li a.active:hover, .laune, .laune .fragment a, 
.contenu_1, .contenu_2, .contenu_3, .contenu_4, .contenu_5, .contenu_6, .contenu_7, .contenu_8, .contenu_9, .contenu_10, 
#cadre-plan, #cadre-plan a, .texte#accueil{
        background-color: [(#CONFIG{escal/config/couleurune,#336699})];
        color:  [(#CONFIG{escal/config/textune,#FFFFFF})];
}
/* onglets inactifs */
ul.onglets li a{
  background-color: [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
  color:  [(#CONFIG{escal/config/textuneinact,#000000})];
}
/* articles en une */
.laune ul.anchors li a {
        background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})];
        color:  [(#CONFIG{escal/config/textuneart,#000000})];
}
/* gris */
.calendar_not_this_month,
#ariane-forum, table.forum tr.rub-forum,
#forum-site .descriptif, #forum-site .texte {
  background-color: [(#CONFIG{escal/config/couleur1,#DFDFDF})];
  color:  [(#CONFIG{escal/config/text1,#000000})];
}
/* blanc */
#cadre-article, .cadre-sous-rubrique, .cadre-articles-rubrique, .titre-articles-rubrique, .introduction-articles-rubrique,
.cadre-rubrique-accueil,
.texte-insert,
table #nav-agenda, .fc-content,
.valeur2, .valeur3,
table.forum, .forum-thread, .forum_reponse, .pages .on,
.trombino, .entry-content, #mentions {
 background-color: [(#CONFIG{escal/config/couleur2,#FFFFFF})];
 color:  [(#CONFIG{escal/config/text2,#000000})] ;

}
/* bleu fonce de base */
#cadre-rubrique, #cadre-titre-article, #cadre-titre-article a, .accueil .cadre-chemin, .accueil .cadre-chemin a, .cadre-chemin a, .repondre-article a,
table.forum th, a.lien_pagination,
#menu, ul#menu ul, ul#menu li a, .slicknav_menu, .slicknav_menu a,
#menuV2 ul.menulist a:hover, #menuV2 ul.menulist li.smenu:hover,
#menuV2 ul.menulist li.smenu>a:hover{
        background-color: [(#CONFIG{escal/config/couleur3,#336699})];
        color:  [(#CONFIG{escal/config/text3,#FFFFFF})]  ;
}
/* bleu tres fonce */
.laune ul.anchors li a:hover, .laune .art-exergue:hover, #menu li:hover > a, ul#menu ul li:hover,
.cadre-rubrique-accueil:hover, .cadre-chemin a:hover, .repondre-article a:hover {
        background-color: [(#CONFIG{escal/config/couleur4,#224466})] !important;
        color:  [(#CONFIG{escal/config/text4,#FFFFFF})] !important;
}
/* bleu clair */
.identification-light:hover, .formulaire_recherche input.text:hover,
table.spip tr.row_first,
#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a,
.titre-message,
#formulaire_forum div, .formulaire_spip.formulaire_forum, .small_mini,
.calendar_head_mini, #entete-evenement, #nouvel-evenement{
  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
  color:  [(#CONFIG{escal/config/text5,#000000})];
}
/* gris-bleu tres clair */
.identification-light, .formulaire_recherche input.text,
table.spip tr.row_even, table.forum tr.art-forum,
#formulaire-contact,
.calendar_this_month,
#documents_portfolio, #ps,
.forum_reponse .titre-message, #formulaire_forum input.barre,
#signatures li {
        background-color: [(#CONFIG{escal/config/couleur6,#EFEFEF})];
        color:  [(#CONFIG{escal/config/text6,#000000})];
}
/* un autre bleu */
ul#menu li .on, ul#menu li .on > a, #menu li:hover > a.on,  ul#menu ul li.on:hover,
#formulaire_forum div#previsu, #formulaire_forum div#previsu .forum-message, #formulaire_forum div#previsu .forum-chapo,
.calendar_this_day,
table.spip tr.row_odd  {
        background-color: [(#CONFIG{escal/config/couleur7,#BBCCDD})];
        color:  [(#CONFIG{escal/config/text7,#000000})];
}
/* orange */
.annonce,.annoncedefil, .une-annonce-defilante, .calendar_mini_event, .spip_surligne {
        background-color: [(#CONFIG{escal/config/couleur10,#EC7942})];
  color:  [(#CONFIG{escal/config/text10,#FFFFFF})];
}

/* le pied */
#pied {
        background-color: [(#CONFIG{escal/config/couleur11,#BBCCDD})];
        color:  [(#CONFIG{escal/config/text11,#000000})];
}

/* ombre trombinoscope */
.boite img{
        box-shadow: 5px 5px 5px [(#CONFIG{escal/config/couleur3,#336699})];
}

/* les caracteres */
/******************/

a:link, a.spip_cadre_link {
        color: [(#CONFIG{escal/config/texte1,#000099})];
}
a:visited {
        color: [(#CONFIG{escal/config/texte2,#000099})];
}

a:hover, a.zeroclipboard-is-hover,
ul.onglets li a:hover,
#cadre-plan a:hover, table.forum a:hover,
.content a.lien_pagination:hover{
        color: [(#CONFIG{escal/config/texte3,#FF8000})];
}

#ariane-forum, #ariane-forum a,
table.forum tr.rub-forum td, table.forum a, table.forum tr.art-forum td  {
        color: [(#CONFIG{escal/config/texte4,#336699})];
}

.alerte1, .alerte {
        color: [(#CONFIG{escal/config/texte5,#FF0000})];
}
/* les bordures */
/****************/

ul#menu li a, ul#menu ul {
        border-color: [(#CONFIG{escal/config/bord1,#CCCCCC})];
}
ul.onglets li a {
  border: 1px solid [(#CONFIG{escal/config/couleuruneinact,#82ADE2})];
  border-top : 1px solid white;
}
ul.onglets li a.active {
  border: 1px solid [(#CONFIG{escal/config/couleurune,#336699})];
}
.cadre-articles-rubrique, .cadre-sous-rubrique, #cadre-article, #documents_portfolio,
.forum-thread, .forum_reponse,
#formulaire-contact, .valeur2, .valeur3,
#signatures li, #signatures li p.message {
        border-color: [(#CONFIG{escal/config/bord2,#CCCCCC})];
}

table.spip, table.spip td, table.spip th {
        border-color: [(#CONFIG{escal/config/bord3,#FFFFFF})];
}

#menuV2 ul.menulist li {
        border-color: [(#CONFIG{escal/config/bord4,#FFFFFF})];
}
.formulaire_recherche input.text,
.identification-light,
ul#menu li a:hover,
.calendar_mini_event  {
        border-color: [(#CONFIG{escal/config/bord5,#CCCCCC})];
}

#ariane-forum, table.forum {
        border-color: [(#CONFIG{escal/config/bord6,#006699})];
}
/*********************************************/
/*    Les arrondis                           */
/*********************************************/
ul#menu li a, ul#menu ul, ul#menu ul li {
  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
}
#menuV2 ul.menulist, #menuV2 ul.menulist a {
  border-radius: [(#CONFIG{escal/config/arrondi2,10px})];
}
ul.onglets li a {
  border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})];
}
.laune ul.anchors li a, .cadre-rubrique-accueil {
  border-radius: [(#CONFIG{escal/config/arrondi32,5px})];
}
h1.cadre {
  border-radius: [(#CONFIG{escal/config/arrondi41,0px 50px 0px 0px})];
}
div.texte {
  border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})];
}
.identification-light, .formulaire_recherche input.text {
  border-radius: [(#CONFIG{escal/config/arrondi5,10px})];
}
.annonce, .annoncedefil, .une-annonce-defilante {
  border-radius: [(#CONFIG{escal/config/arrondi6,15px})];
}
#entete-evenement, #nouvel-evenement {
  border-radius: [(#CONFIG{escal/config/arrondi7,8px 8px 0 0})];
}

/************************************************************************/
/*    fixation de la barre d'outils sauf si écran de moins de 950px     */
/************************************************************************/
@media all and (min-width: 950px) {
[(#CONFIG{escal/config/espace}|=={haut}|oui) 
[(#CONFIG{escal/config/fixespace}|=={oui}|oui)
#espace {
  position: fixed;
  width: 100%;
  max-width: [(#CONFIG{escal/config/largeurlayoutbase,950})]px;
  background-color: #ffffff;
  z-index: 100;
}  
#entete{
padding-top: 30px;
}
.identification-light, .formulaire_recherche input.text {
  border-radius: 0;
}
]]} 

/*********************************************/
/*    Les cadres latéraux                    */
/*********************************************/

div.cadre-couleur h1.cadre {
  background-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
  color:  [(#CONFIG{escal/config/text5,#000000})];
}
div.cadre-couleur .texte {
        background-color: [(#CONFIG{escal/config/couleur8,#DAE6F6})];
        color:  [(#CONFIG{escal/config/text8,#000000})];
  border-color: [(#CONFIG{escal/config/couleur5,#82ADE2})];
}
[(#CONFIG{escal/config/bordcadres}|=={non}|oui)
div.cadre-couleur .texte {
  border: none;
}] 
 /* la noisette inc-liste_auteurs */
 /*********************************/
[(#CONFIG{escal/config/iconesauteurs}|=={non}|non)
.legende_admin{ 
  background: [url((#CHEMIN{images/admin.png}))];
  padding-left: 20px;
  background-repeat : no-repeat;
}
.legende_redacteur{
        background-image: [url((#CHEMIN{images/redacteur.png}))];
  padding-left: 20px;
  background-repeat : no-repeat; 
}
.legende_visiteur{
        background-image: [url((#CHEMIN{images/visiteur.png}))];
  padding-left: 20px;
  background-repeat : no-repeat;
}
]
.legende_admin, .admin a{
  color: [(#CONFIG{escal/config/couleuradmin,#FF0066})] !important;
}
.legende_redacteur, .redacteur a{
  color: [(#CONFIG{escal/config/couleurredacteur,#009933})] !important;  
}
.legende_visiteur, .visiteur a{
  color: [(#CONFIG{escal/config/couleurvisiteur,#000000})] !important;
}
/*********************************************/
/*    La page contact                        */
/*********************************************/
[(#CONFIG{escal/config/checkbox}|=={non}|oui)
li#checkbox {
  display: none;
}
]
/**************************/
/* Le modele image_fluide */
/**************************/

dl.image_fluide{
  width:100%;
  margin:auto;
}
dl.image_fluide img{
  width:100%;
  margin: auto; 
  position: static;  
  height: auto;
  -ms-interpolation-mode: bicubic;
  box-sizing: border-box; 
}

/***************************************/
/* personnalisation du plugin galleria */
/***************************************/
.galleria-container {
 background-color: [(#CONFIG{escal/config/galleriafond,#FFFFFF})];
}
.galleria-info-link, .galleria-info-text,
.galleria-thumb-nav-left,  .galleria-thumb-nav-right {
        background-color: [(#CONFIG{escal/config/galleriaencarts,#336699})];
}
.galleria-info-title, .galleria-info-description {
        color: [(#CONFIG{escal/config/galleriacoulpolice,#FFFFFF})];
}
.galleria-info-title {
        font-size: [(#CONFIG{escal/config/galleriatailletitre,14})]px;
}
.galleria-counter {
  color: grey !important;
  opacity: 100 !important;
}


/***************************************/
/* personnalisation du plugin shoutbox */
/***************************************/
.formulaire_shoutbox #contenu_shoutbox_taille{
        height: [(#CONFIG{escal/config/hauteurshoutbox,200})]px
}