/* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local(''), url('#CHEMIN{polices/source-sans-pro-v14-latin-300.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('#CHEMIN{polices/source-sans-pro-v14-latin-300.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local(''), url('#CHEMIN{polices/source-sans-pro-v14-latin-regular.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('#CHEMIN{polices/source-sans-pro-v14-latin-regular.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: local(''), url('#CHEMIN{polices/source-sans-pro-v14-latin-600.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('#CHEMIN{polices/source-sans-pro-v14-latin-600.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } h1, h2, h3 { font-size: 2em; line-height: 1.25em; } h2 { font-size: 1.625em; } h3 { font-size: 1.25em; } img { vertical-align: top; } strong {color: inherit;} picture.adapt-img-wrapper { vertical-align: top; } /* cf https://github.com/nursit/AdaptiveImages/issues/13 */ /* *** Le menu principal *** */ #nav ul li.accueil {margin: 0 1em; text-transform: uppercase; font-weight: 600;} #nav .accueil a { display: block; padding-top:0; background:rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.75); border-top: 0; border-radius: 0 0 0.35em 0.35em; } #nav #formulaire_menu_lang label { display: none; } #nav #formulaire_menu_lang select { padding: 0; } #nav #menu_lang { text-transform: uppercase; } #nav #menu_lang a { color: #fff; border: 0; } #nav #menu_lang strong {color: #fff; opacity: 0.5; } /* *** L'entête *** */ [(#REM) Affichage de l'image d'entête ou du dégradé de couleur ] .homepage #header-wrapper, #header-wrapper { background-color: transparent; background-image: url("#CHEMIN{css/images/header.svg}"), url("[(#FICHIER|image_reduire{2000}|extraire_attribut{src})]"); background-size: 100% 100%, cover; background-position: center; background-image: url("#CHEMIN{css/images/overlay.png}"), url("#CHEMIN{css/images/header.svg}"), linear-gradient(75deg, [(#CONFIG{html5up_telephasic/apparence_entete_couleur1, #FF7088})] 15%, [(#CONFIG{html5up_telephasic/apparence_entete_couleur2, '#F2B69D'})] 55%); } /* *** L'accueil *** */ #hero { max-width: 580px; } #hero h1 { margin-bottom: 0.5em; color: #fff; font-size: 3em; } [(#REM) Le Call to action peut-être un article ou une rubrique (saisie selecteur_rubrique_article) donc on fait 2 boucles (ARTICLES et RUBRIQUES) pour que ça marche dans les 2 cas (la boucle inutile ne renvoie rien) ]#promo-wrapper { background-image: url("#CHEMIN{css/images/overlay.png}"), url("[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{2000}|extraire_attribut{src})]"); url("[(#LOGO_RUBRIQUE|image_reduire{2000}|extraire_attribut{src})]"); background-attachment: fixed; } /* *** Le contenu des pages *** */ .chapo { font-weight: 400; font-size: 1.125em; text-align: center; } .spip_documents > a { border: 0;} .spip_documents > a { display: block; } /* Cf https://git.spip.net/spip-contrib-extensions/adaptive_images/issues/1 */ /* Les rubriques */ .page_rubrique #page-wrapper > .wrapper { padding-bottom: 0; } .page_rubrique #content { margin-bottom: 4em; } .page_rubrique .row.features {position: relative; z-index: 0; margin-bottom: 0; padding-bottom: 2em;} .page_rubrique .row.features::before { content: ''; display: block; width: 2000%; height: 100%; position: absolute; left: -1000%; top: 0; z-index: -1; box-shadow: inset 0px 0px 0px 1px #e8e8e8; [background: #f6f8fb url("(#CHEMIN{css/images/image-wrapper.svg})");]} .page_rubrique .row.features h2 {font-size: 1.5em; line-height: 1.5em;} .page_rubrique .row.features .image.featured {margin-bottom: 1em;} .page_rubrique .row.features .button {background-color: #fff;} /* La page auteur */ .logo_auteur { overflow: hidden; margin: 0.5em; width: 250px; max-width: 100%; border-radius: 50%; float: right; } .logo_auteur img { margin: 0; } .sur_le_web { font-size: 1.125em; font-weight: 700;} .connexe {max-width: 900px; margin: 2.5em auto 0 auto;} .connexe li span { font-size: 0.875em; font-style: italic;} /* Les autres pages */ .page_plan #content .texte { margin: auto; max-width: 700px; } .page_recherche #content > header {text-align: center; } .page_recherche #main h2 {margin-bottom : 1em;text-align: center; } /* *** Le pied de page *** */ #footer .major p { padding: 0.75em 0 1em 0; color: #f35858; font-size: 1.5em; line-height: 1.5em; } #footer #formulaire_contact fieldset {margin-top: 0; padding-top: 0;} #footer #formulaire_contact br.bugajaxie {display: none;} #footer .col-12 {margin-bottom: 2em;} /* Le formulaire de recherche */ #formulaire_recherche { padding: 3em 0.5em; text-align: center; background: #fff; } #formulaire_recherche input#recherche {transition: background-color 0.25s ease-in-out; -webkit-appearance: none; margin-right: 1em; padding: 0.75em 1em 0.75em 1em; min-width: 25em; height: 4rem; background: #f9fbfe; line-height: 1.5em; border: 1px solid #d2d7dc; border-radius: 0.35em; } #formulaire_recherche input.submit { height: 4rem; } /* Le formulaire de contact */ #formulaire_contact fieldset {margin-top: 0;} #formulaire_contact legend {display: none;} form ul.editer-groupe { padding-left: 0; list-style: none; } form ul.editer-groupe li.editer { margin: 0 0 1.5em 0; padding: 0;} label[for=infolettre] {display: flex; line-height: 1.2em;} label[for=infolettre] p {margin: 0 ;} label strong { font-size: 0.85em ; font-weight:normal; } input[type="checkbox"] {margin:0 1em 0 0;opacity:1;-moz-appearance:checkbox;-webkit-appearance:checkbox;-ms-appearance:checkbox;appearance:checkbox;} /* Formulaire de login */ .formulaire_menu_lang, .formulaire_login, #oubli_form {margin: auto; max-width: 700px;} #formulaire_login .choix {display: flex;} #formulaire_login .choix label {padding: 0 !important;} /* Les réseaux sociaux */ #footer .sociaux * .socicon { background: #61666b; border-radius: 0.35em; transition: background-color 0.2s; } #footer .sociaux * .socicon:hover { background: #f35858; } /* Pagination */ .pagination .pagination-items {list-style: none; display: flex; flex-direction: row; justify-content: center; } .pagination .pagination-item { margin: 0em; flex-basis: 7.5%; display: flex;align-items: center; color: #f35858;} .pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;} .pagination .pagination-item + .pagination-item { margin-left: 0.5em } .pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f35858; text-decoration: none; padding:.5em; text-align: center; border: 1px solid #f35858; } .pagination a.pagination-item-label {color: #fff;} .pagination .active span.pagination-item-label, .pagination a.pagination-item-label:hover, .pagination a.pagination-item-label:focus, .pagination a.pagination-item-label:active { background: #fff; color: #f35858; text-decoration: none; } .pagination .pagination-item.disabled { visibility: initial; } .pagination .pagination-item.disabled .pagination-item-label {color:#f35858; background: transparent;} .adapt-img.spip_logo {margin: 0;} /* Les boutons d'administration */ body .spip-admin-bloc, body .spip-admin-float { top:auto; bottom: 0; } body .spip-admin-boutons { border-radius: 0.3em 0.3em 0 0 ; }