/* les surcharges de chaque site dans un plugin indépendant */ @mixin gradient-4 ($couleur1: #007682,$couleur2: $couleurConnex 7.5%,$couleur3: $couleurConnex 92.5%,$couleur4: #007884) { background: -webkit-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); background: -moz-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); background: -ms-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); background: -o-linear-gradient($couleur1,$couleur2,$couleur3,$couleur4); } /* blocs */ .page_connex { background:$couleurConnex; @include gradient-4(); color:#fff; padding:($spacer*1.5) 0; } .page_footer { .page_connexplus { padding:($spacer*1.5) 0; background:$couleurConnexplus; color:#000; margin-bottom:($spacer*1.5); .liste.mots { display:flex; flex-wrap:wrap; > ul { width:25%; margin:0; list-style:none; @include media($bp-small) { width:50%; } } li { margin: 0 0 0.2em; a { line-height:1.1; } } } } padding-top:0; .formulaire_spip.formulaire_recherche { display:none; } } // page sommaire .texte_accueil { max-width: 70%; font-size: 1.6rem; line-height: 1.5; margin-bottom:$spacer; margin-left:$spacer; font-family:$typo-Merriweather; font-weight:200; color:$couleurPrincipale; } // resume .article-resume { display:block; border-left:solid $couleurConnexplus ($spacer/3); background-color:$couleurBkgT; padding:($spacer*3) $spacer $spacer ($spacer*1.5); &, a { color:#0a4756; } &:after { content:''; display:block; clear:both; } .article-resume__logo { float:right; margin:-($spacer*2) 0 0 ($spacer * 1.5); max-width:30%; width:auto; } .article-resume__date { position:absolute; top:$spacer; left:($spacer*2); &:before { display:none; } } .article-auteurs { font-size:110%; font-weight:700; } } // composition .composition_transcriptions { .page_content { margin-right:0; article { padding:($spacer*2); background-color:$couleurBkgT; @include media($bp-medium-up) { padding:$spacer ($spacer*4); } } } } .article__transcription_origine { /* width:100%; */ margin:$spacer -($spacer*2); padding:$spacer ($spacer*2); background:$couleurBkgTOrigine; color:$couleurTDetails; @include media($bp-medium-up) { margin:$spacer -($spacer*4); padding:$spacer ($spacer*4); } dt { float:left; margin-right:($spacer/2); } dd { margin:0; border-bottom:1px solid $couleurBkgT; &:last-child { border:0; } } }