/******************************************** * Personnalisation du thème html5up_txt * *Seuil des responsives * - 1680px * - 1280px * - 980px * - 840px * - 736px * - 480px * **********************************************/ /* Correctif html5up_TXT - SPIP -----------------------------------------------*/ /* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('#CHEMIN{polices/open-sans-v35-latin-300.woff2}') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('#CHEMIN{polices/open-sans-v35-latin-300italic.woff2}') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('#CHEMIN{polices/open-sans-v35-latin-500.woff2}') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('#CHEMIN{polices/open-sans-v35-latin-500italic.woff2}') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('#CHEMIN{polices/open-sans-v35-latin-700.woff2}') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('#CHEMIN{polices/open-sans-v35-latin-700italic.woff2}') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* Force les margin du body à 0 */ body { margin:0 } /* Surchage l'image de fond de la bannière */ #banner { background-image: url("#URL_DOCUMENT"); background-size:cover; background-position: center; } /* Eclaicie le fond de la bannière */ #banner .content { background-color: rgba(21, 28, 23, 0.50); } /* Classe incolore */ #banner .incolore { background-color: inherit; background-image: none; } /* Barre admin spip */ #spip-admin {bottom: 0;top: auto; z-index: 1001;} /* Surcharge la feuille de style Typo */ .box { margin: 0; padding: 0 0 1em 0; border: none; } /* inclure plugin newsletters */ #cta { padding: 2em 0 0 0; text-align: center; } #cta form { margin: 0 auto; width: 50% } /* la police "Open Sans" n'existe pas en 400 => modification en 300 */ body, input, textarea, select { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #6b7770; font-size: 12pt; line-height: 1.75em; } /* les squelettes SPIP utilisent h1 (et non h2) => h1 reprend les valeur de h2 quand on en a besoin */ h1 { font-size: 1.65em; } .box.page-content h1 { font-size: 3em; margin: 0 0 0.5em 0; } #banner .content h1 { color: #fff; font-size: 2.75em; margin: 0 0 0.5em 0; } /* Large */ @media screen and (max-width: 1280px) { #banner .content h1 { margin: 0 0 0.65em 0; } } * Small */ @media screen and (max-width: 736px) { h1 { font-size: 1.25em; } .box.page-content h1 { font-size: 2em; } #banner .content h1 { font-size: 2em; } } /* les squelettes SPIP utilisent h1 (et non h2) => h2 reprend les valeur de P pour le sous-titre de l'article */ .box.page-content h2 { font-size: 1.65em; margin: 0 0 0.5em 0; color: #c1cac5; } @media screen and (max-width: 736px){ .box.page-content h2 { font-size: 1.25em; } } /* L'icône hamberger est placé dans images plutôt que de prendre la librairie complète fontawsome*/ #titleBar .toggle:before { content: url('#CHEMIN{images/bars-solid.svg}'); padding: 10px; background-position: center; } /* Le portfolio */ #documents_portfolio a {margin:0;padding:0;border:0 !important;box-shadow:none;} #documents_portfolio ul { list-style: none; padding: 0; }