#CACHE{0} #HTTP_HEADER{Content-Type: text/css;} html { font-size: [(#CONFIG{escal/config/taillepolice,75})]%; } [(#CONFIG{escal/config/policesite}|=={luciole}|non) body { font-family: Verdana, Arial, Helvetica, sans-serif; } ] [(#CONFIG{escal/config/policesite}|=={luciole}|oui) @font-face { font-family: 'Luciole'; src: url("#CHEMIN{fonts/Luciole-Regular.eot}"); src: url("#CHEMIN{fonts/Luciole-Regular.woff}") format('woff'), url("#CHEMIN{fonts/Luciole-Regular.woff2}") format('woff2'), url("#CHEMIN{fonts/Luciole-Regular.ttf}") format('truetype'), url("#CHEMIN{fonts/Luciole-Regular.svg}") format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'Luciole'; } ] body { [(#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}|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 */ ] } /* ====================================================================== 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; }] #SET{saison,#DATE|saison} [(#CHEMIN{images/pointeurs/#GET{saison}.cur}|oui) body { cursor: [url("(#CHEMIN{images/pointeurs/#GET{saison}.cur})")], auto; } ] [(#CHEMIN{images/pointeurs/#GET{saison}a.cur}|oui) a { cursor: [url("(#CHEMIN{images/pointeurs/#GET{saison}a.cur})")], auto; } ] [(#CONFIG{escal/config/ombres}|=={oui}|oui) #ombre-droite { margin: 0 auto; width: [(#CONFIG{escal/config/largeurlayoutbase,1200})]px; box-shadow: [(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,#000000}; } #ombre-gauche { margin: 0 auto; width: [(#CONFIG{escal/config/largeurlayoutbase,1200})]px; box-shadow: -[(#CONFIG{escal/config/decalombre,5})]px 0 [(#CONFIG{escal/config/degradeombre,10})]px #CONFIG{escal/config/couleurombre,#000000}; }] [(#CONFIG{escal/config/ombres}|=={oui}|non) #ombre-droite { background: none; } #ombre-gauche { background: none; }] #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/menufixe}|=={oui}|oui) div:target{ padding-top: 7em !important; margin-top: -7em !important; } #contenu:target{ padding-top: 12em !important; margin-top: -12em !important; } ] [(#CONFIG{escal/config/espace}|=={haut}|oui) [(#CONFIG{escal/config/fixespace}|=={oui}|oui) #entete .menu.floatable { top: 25px; }]] [(#CONFIG{escal/config/formrecherche}|=={menuH}|oui) #formulaire_recherche { float: none; } ] [(#CONFIG{escal/config/formrecherche}|=={menuH}|oui) [(#CONFIG{escal/config/choixMenuH}|=={menuH2}|oui) #formulaire_recherche { display: block; margin-top: 15px; } ]] #espace, #entete .menudesktop.floatable{ max-width: [(#CONFIG{escal/config/largeurmaxlayoutfluide,1200})]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/nbrecolter}|non) .laune ul.ter li { width: 40%; } ] [(#CONFIG{escal/config/nbrecolter}|=={1}|oui) .laune ul.ter li { width: 90%; } ] [(#CONFIG{escal/config/nbrecolter}|=={2}|oui) .laune ul.ter li { width: 40%; } ] [(#CONFIG{escal/config/nbrecolter}|=={3}|oui) .laune ul.ter li { width: 25%; } ] [(#CONFIG{escal/config/nbrecolmotcle}|non) .laune ul.motcle li { width: 40%; } ] [(#CONFIG{escal/config/nbrecolmotcle}|=={1}|oui) .laune ul.motcle li { width: 90%; } ] [(#CONFIG{escal/config/nbrecolmotcle}|=={2}|oui) .laune ul.motcle li { width: 40%; } ] [(#CONFIG{escal/config/nbrecolmotcle}|=={3}|oui) .laune ul.motcle li { width: 25%; } ] [(#CONFIG{escal/config/nbrecolrub}|non) .cadre-articles-rubrique, .cadre-sous-rubrique { width: 90%; } .introduction-articles-rubrique { margin-left: [(#CONFIG{escal/config/taillelogorub,150}|plus{10})]px; } ] [(#CONFIG{escal/config/nbrecolrub}|=={1}|oui) .cadre-articles-rubrique, .cadre-sous-rubrique { width: 90%; } .introduction-articles-rubrique { margin-left: [(#CONFIG{escal/config/taillelogorub,150}|plus{10})]px; } ] [(#CONFIG{escal/config/nbrecolrub}|=={2}|oui) .cadre-articles-rubrique, .cadre-sous-rubrique { width: 40%; } ] [(#CONFIG{escal/config/nbrecolrub}|=={3}|oui) .cadre-articles-rubrique, .cadre-sous-rubrique { width: 25%; } ] .accueil.cadre-articles-rubrique{ width: 94%; } #texte-article p, .texte-article p { text-indent: [(#CONFIG{escal/config/indent,0})]px; } [(#CONFIG{escal/config/checkboxliste}|=={ligne}|oui) #formulaire-contact .checkbox .listitem{ display: inline-flex !important; } #formulaire-contact .checkbox{ padding-bottom: 10px; } ] .spip_doc_titre, .spip_doc_descriptif, .spip_doc_credits { max-width: [(#CONFIG{escal/config/largeurimage,400})]px; } /* annonces defilantes */ /***********************/ #annonces-defilantes { height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px; } .annoncedefil { height: [(#CONFIG{escal/config/hauteurannoncedefil,210}|moins{35})]px; } @media screen and (max-width: 640px) { .annoncedefil { height: [(#CONFIG{escal/config/hauteurannoncedefil,210})]px; } } /* noisette annonces defilantes */ [(#CONFIG{escal/config/textesousimage}|=={dessous}|non) .annoncedefil .spip_logo { float: left; margin-right: 10px; } ] /* noisette inc-actus */ /**********************/ #actus-defilantes { height: [(#CONFIG{escal/config/hauteuractus,100})]px; } .une-actu-defilante { top: [(#CONFIG{escal/config/hauteuractus,100})]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 ======================================================================*/ [(#CONFIG{escal/config/taillelogorubmenu}|oui) #SET{taillelogo,#CONFIG{escal/config/taillelogorubmenu}} ] [(#CONFIG{escal/config/taillelogorubmenu}|non) #SET{taillelogo,20} ] /* articles du menu horizontal */ #menu ul li.article { background: url("#CHEMIN{images/artmenu.svg}") no-repeat center left 2px; background-size: auto 16px; } /* menu vertical */ #menuV ul#accueilmenu li { background: url("#CHEMIN{images/accueil.svg}") no-repeat center left; background-size: 16px; } #menuV ul.rubriques li { background: url("#CHEMIN{images/rubnormal.svg}") no-repeat top left; background-size: 16px; } #menuV ul.rubriques li.on { background: url("#CHEMIN{images/rubexpose.svg}") no-repeat top left; background-size: 16px; } #menuV ul.articles li { background: url("#CHEMIN{images/artnormal.svg}") no-repeat center left; background-size: auto 16px; } #menuV ul.articles li.on { background: url("#CHEMIN{images/artexpose.svg}") no-repeat center left; background-size: auto 16px; } #menuV ul.menugrmots li { background: url("#CHEMIN{images/grmots.svg}") no-repeat top left; background-size: 16px; } #menuV ul.menumots li { background: url("#CHEMIN{images/artnormal.svg}") no-repeat center left; background-size: auto 16px; } #menuV ul.menumots li.on { background: url("#CHEMIN{images/artexpose.svg}") no-repeat center left; background-size: auto 16px; } .sm-blue li.article a { background: left 50% no-repeat url("#CHEMIN{images/artnormal.svg}"); } .article-pdf { background: center top no-repeat url("#CHEMIN{images/article_pdf.svg}"); background-size: contain; } .url_site{ background: url("#CHEMIN{images/fleche_droite_blanche.svg}") center left no-repeat ; background-size: 16px; } .donnee-lieu { background: url("#CHEMIN{images/geoloc.svg}") top .2rem left no-repeat ; background-size: 10px; } .donnee-heure { background: url("#CHEMIN{images/heure.svg}") top .2rem left no-repeat ; background-size: auto 12px; } /* liens */ a.spip_out, .spip_out { background: transparent url("#CHEMIN{images/spip_out.svg}") no-repeat scroll right center; background-size: 10px; } a.spip_out img { background: none; } /* noisettes dépliables/repliables */ .toggleimage1 {; background: transparent url("#CHEMIN{images/loupeplus.svg}") no-repeat scroll right center; } .toggleimage2 { background: transparent url("#CHEMIN{images/loupemoins.svg}") no-repeat scroll right center; } /* formulaire de recherche */ .formulaire_recherche input.text { background: url("#CHEMIN{images/loupe.svg}") left 5px center no-repeat; background-size: 18px; } .connexion{ background: url("#CHEMIN{images/connexion.svg}") left 5px center no-repeat; background-size: 17px; } .deconnexion{ background: url("#CHEMIN{images/deconnexion.svg}") left 5px center no-repeat; background-size: 17px; } .backoffice{ background: url("#CHEMIN{images/ecrire.svg}") left 5px center no-repeat; background-size: 22px; } /* taille des icones */ .outil img, .article-pdf img, #diminuer img, #augmenter img{ height: [ (#CONFIG{escal/config/tailleoutilsarticle,32})]px; } #diminuer, #augmenter{ line-height: [ (#CONFIG{escal/config/tailleoutilsarticle,32})]px; } .article-pdf img{ width: [ (#CONFIG{escal/config/tailleoutilsarticle,32})]px; } img.icone-pied{ height: [ (#CONFIG{escal/config/tailleiconespied,32})]px; } /* blocs d'infos d'Escal */ #texte-article .aide, .texte-article .aide, #texte-rubrique .aide { background-image: url("#CHEMIN{images/aide.svg}"); } #texte-article .important, .texte-article .important, #texte-rubrique .important { background-image: url("#CHEMIN{images/important.svg}"); } #texte-article .avertissement, .texte-article .avertissement, #texte-rubrique .avertissement { background-image: url("#CHEMIN{images/avertissement.svg}"); } #texte-article .info-escal, .texte-article .info-escal, #texte-rubrique .info-escal { background-image: url("#CHEMIN{images/info.svg}"); } .spip_cadre, .coloration_code { background-image: url("#CHEMIN{images/code.svg}"); } /* 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}"); } #fichier{ background-image: url("#CHEMIN{images/contact-fichier.svg}"); } #message{ background-image: url("#CHEMIN{images/contact-message.svg}"); } /* noisette rainette */ li.meteo:before { content: ''; display: inline-block; width: 16px; height: 10px; background: url("#CHEMIN{images/fleche_droite.svg}") center left no-repeat; background-size:contain; } #recommander h2:after{ background: url("#CHEMIN{images/down.svg}"); background-size: 16px; } /*********************************************/ /* Les arrondis */ /*********************************************/ ul#menu li a{ border-radius: [(#CONFIG{escal/config/arrondi1,10px})]; } #menuV2 ul{ border-radius: [(#CONFIG{escal/config/arrondi2,10px})]; } #menuV2 ul li:first-child > a{ border-radius: [(#CONFIG{escal/config/arrondi2,10px})] [(#CONFIG{escal/config/arrondi2,10px})] 0 0; } #menuV2 ul li:last-child > a{ border-radius: 0 0 [(#CONFIG{escal/config/arrondi2,10px})] [(#CONFIG{escal/config/arrondi2,10px})]; } ul.onglets li a { border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})]; } .laune ul.anchors li, .cadre-rubrique-accueil { border-radius: [(#CONFIG{escal/config/arrondi32,5px})]; } h2.cadre { border-radius: [(#CONFIG{escal/config/arrondi41,0px 20px 0px 0px})]; } .texte { border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})]; } .identification-light, .formulaire_recherche input.text, .formulaire_recherche input.submit, .cadre-couleur .formulaire_spip input { border-radius: [(#CONFIG{escal/config/arrondi5,5px})]; } .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})]; } /******************/ /* le popup */ /******************/ .mon-popup > div{ width:[(#CONFIG{escal/config/largeurpopup,500})]px; } .mon-popup .texte-popup a{ font-weight: bold; } /************************************************************************/ /* fixation de la barre d'outils sauf si écran de moins de 640px */ /************************************************************************/ @media all and (min-width: 640px) { [(#CONFIG{escal/config/espace}|=={haut}|oui) [(#CONFIG{escal/config/fixespace}|=={oui}|oui) #espace { position: fixed; width: 100%; z-index: 100; } #entete{ padding-top: 30px; } ]]} /*********************************************/ /* Les cadres latéraux */ /*********************************************/ [(#CONFIG{escal/config/bordcadres}|=={non}|oui) .cadre-couleur .texte { border: none; }] /* la noisette inc-liste_auteurs */ /*********************************/ [(#CONFIG{escal/config/iconesauteurs}|=={non}|non) .legende_admin{ background: [url("(#CHEMIN{images/admin.svg})")] center left no-repeat; } .legende_redacteur{ background: [url("(#CHEMIN{images/redacteur.svg})")] center left no-repeat; } .legende_visiteur{ background: [url("(#CHEMIN{images/visiteur.svg})")] center left no-repeat; } .legende_admin, .legende_redacteur, .legende_visiteur{ background-size: 12px; padding-left: 20px; } ] /******************************/ /* le modele choix-article */ /******************************/ .choix-article{ border-radius: [(#CONFIG{escal/config/arrondi1,10px})]; } .choix-article a{ border-radius: [(#CONFIG{escal/config/arrondi1,10px})]; } /*********************************************/ /* La page contact */ /*********************************************/ [(#CONFIG{escal/config/checkbox}|=={non}|oui) li#checkbox { display: none; } ] /**************************/ /* Le modele image_fluide */ /**************************/ dl.image_fluide{ max-width:100%; margin:auto; } dl.image_fluide img{ max-width:100% !important; margin: auto; position: static; height: auto; box-sizing: border-box; } /***************************************/ /* personnalisation du plugin galleria */ /***************************************/ .galleria-info-title { font-size: [(#CONFIG{escal/config/galleriatailletitre,14})]px !important; } .galleria-counter { opacity: 1 !important; } /***************************************/ /* personnalisation du plugin shoutbox */ /***************************************/ .formulaire_shoutbox #contenu_shoutbox_taille{ height: [(#CONFIG{escal/config/hauteurshoutbox,200})]px } [(#PLUGIN{BADGE_DON}|oui) #credits { margin-right: 100px; } ]