#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; line-height: [(#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; }]] #espace{ max-width: [(#CONFIG{escal/config/largeurmaxlayoutfluide,2000})]px; } [(#CONFIG{escal/config/nbrecol}|non) .laune ul.anchors li { width: 40%; } ] [(#CONFIG{escal/config/nbrecol}|=={1}|oui) .laune ul.anchors li { width: 90%; } ] [(#CONFIG{escal/config/nbrecol}|=={2}|oui) .laune ul.anchors li { width: 40%; } ] [(#CONFIG{escal/config/nbrecol}|=={3}|oui) .laune ul.anchors li { width: 25%; } ] [(#CONFIG{escal/config/nbrecolrub}|non) .cadre-articles-rubrique { width: 90%; } .introduction-articles-rubrique { margin-left: [(#CONFIG{escal/config/taillelogorub,150})]px; } ] [(#CONFIG{escal/config/nbrecolrub}|=={1}|oui) .cadre-articles-rubrique { width: 90%; } .introduction-articles-rubrique { margin-left: [(#CONFIG{escal/config/taillelogorub,150})]px; } ] [(#CONFIG{escal/config/nbrecolrub}|=={2}|oui) .cadre-articles-rubrique { width: 40%; } ] [(#CONFIG{escal/config/nbrecolrub}|=={3}|oui) .cadre-articles-rubrique { width: 25%; } ] [(#CONFIG{escal/config/checkboxliste}|=={ligne}|oui) #formulaire-contact .checkbox .listitem{ display: inline !important; } #formulaire-contact .checkbox{ padding-bottom: 10px; } ] /* annonces defilantes */ /***********************/ #annonces-defilantes { height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px; } .annoncedefil { height: [(#CONFIG{escal/config/hauteurannoncedefil,210}|moins{35})]px; } /* noisette annonces defilantes */ .annonce-descriptif { margin-left: [(#CONFIG{escal/config/taillelogoannonce,150}|plus{20})]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; } /* 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}); } /* page contact */ #nom, #nom:focus{ background-image: url(#CHEMIN{images/contact-nom.svg}); } #prenom, #prenom:focus{ background-image: url(#CHEMIN{images/contact-prenom.svg}); } #email, #email:focus{ background-image: url(#CHEMIN{images/contact-mail.svg}); } #champsup1, #champsup1:focus{ background-image: url(#CHEMIN{images/contact-sup1.svg}); } #champsup2, #champsup2:focus{ background-image: url(#CHEMIN{images/contact-sup2.svg}); } #checkbox{ background-image: url(#CHEMIN{images/contact-checkbox.svg}); } #motif{ background-image: url(#CHEMIN{images/contact-motif.svg}); } #message{ background-image: url(#CHEMIN{images/contact-message.svg}); } /* 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, .revisions, .cadre-articles-event, .titre-articles-rubrique, .introduction-articles-rubrique, .cadre-rubrique-accueil, .texte-insert, table #nav-agenda, .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, .reponse-article, .repondre-article a, .graph .bar, 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})] !important; } /* 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-articles-event, .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%; 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; } /******************************/ /* le modele choix-article */ /******************************/ .choix-article{ background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})]; border-radius: [(#CONFIG{escal/config/arrondi1,10px})]; } .choix-article a{ background-color: [(#CONFIG{escal/config/couleuruneart,#DAE6F6})]; color: [(#CONFIG{escal/config/textuneart,#000000})]; border-radius: [(#CONFIG{escal/config/arrondi1,10px})]; } .choix-article a:hover{ background-color: [(#CONFIG{escal/config/couleur4,#224466})] !important; color: [(#CONFIG{escal/config/text4,#FFFFFF})] !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 }