/*---------------------------------------------- Correctif html5up_zerofour - SPIP -----------------------------------------------*/ /* Configuration couleur du thème */ #header .inner, #footer-wrapper, .dropotron, #navPanel{ background-color:[(#CONFIG{html5up_zerofour/fond_couleur})]; } @media screen and (max-width: 980px){ #titleBar { background-color:[(#CONFIG{html5up_zerofour/fond_couleur})]; } } /* Force les margin du body à 0 */ body { margin:0 } /* Le menu passe en flex */ #nav { position: static; padding-right: 2em; } #header nav > ul { display: flex; flex-wrap: nowrap; } .accueil { flex-grow: 1; } #nav > ul > li > a#logo{ font-size: 1.5em; } /* modification de la marge du haut pour les rows sauf la premiere du feature2 */ section.feature2 div.row:not(:first-child) { margin-top: 0; } /* Utilisation du plugin fontawesome pour les icônes */ .box.feature1 header, .box.feature2 header, .box.article-list h2, .box.spotlight h2 { display: inline-block; } .button i.icon.fa-icon { width: 24px; height: 24px; margin-right: 18px; vertical-align: middle; opacity: 0.5; } .fa-icon { width: 36px; height: 36px; margin-right: 18px; vertical-align: middle; opacity: 0.5; } /* Surchage l'image de fond de la bannière */ #header-wrapper { background: url("#URL_DOCUMENT"); background-size:cover; background-position: center; } /* Classe invisible pour le titre de la bannière */ span.texte-invisible {display:block;color:transparent;text-indent:-9999em;} #banner h1.invisible, #banner h1.invisible:before, #banner h1.invisible:after {border:none} /* Balise h2 devient h1 */ h1 { font-size: 2em; margin: 0 0 1.5em 0; line-height: 1em; } header h1 { margin: 0 0 0.25em 0; } header.major h1 { margin: 0 0 1.2em 0; } @media screen and (max-width: 736px) { /* Basic */ h1 { font-size: 13pt !important; } h1 { line-height: 1.5em; } } header h1 { margin: 0 0 0.25em 0; } .box.feature1 header.first h1 { font-size: 2.5em; } #banner h1 { border: solid 1px rgba(255, 255, 255, 0.25); border-left: 0; border-right: 0; color: #fff; color: rgba(255, 255, 255, 0.75); font-size: 2.35em; font-weight: 700; line-height: 1.3em; margin: 0 0 1.5em 0; } #banner h1 strong { font-weight: 800; color: inherit; } #banner h1:before { content: ''; display: block; border-top: solid 1px; border-color: #888; border-color: rgba(255, 255, 255, 0.25); margin: 10px 0 1.25em 0; } #banner h1:after { content: ''; display: block; border-bottom: solid 1px; border-color: #888; border-color: rgba(255, 255, 255, 0.25); margin: 1.25em 0 10px 0; } #banner h1 strong { font-weight: 800; color: inherit; } #banner h1:before { content: ''; display: block; border-top: solid 1px; border-color: #888; border-color: rgba(255, 255, 255, 0.25); margin: 10px 0 1.25em 0; } #banner h1:after { content: ''; display: block; border-bottom: solid 1px; border-color: #888; border-color: rgba(255, 255, 255, 0.25); margin: 1.25em 0 10px 0; } @media screen and (max-width: 736px) { #banner h1 { font-size: 18pt !important; } } /* Espace entre 2 lignes d'images feature1 */ .box.feature1 header.second { margin: 0 0 2.5em 0; } /* Barre admin spip */ #spip-admin { bottom: 0;top: auto; z-index: 1001; } /* inclure plugin newsletters */ .formulaire_newsletter { padding: 2em 0 0 0; text-align: center; margin: 0 auto; width: 50%; } .formulaire_newsletter label{ color:inherit } /* Surcharge la feuille de style Typo */ .box { border: none; } nav li { list-style-type: none; } /* Le portfolio */ #documents_portfolio a {margin:0;padding:0;border:0 !important;box-shadow:none;} #documents_portfolio ul { list-style: none; padding: 0; }