librealire/squelettes/scss/styles/_perso.scss

143 lines
2.5 KiB
SCSS

/* 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;
}
}
}