entête avancée

This commit is contained in:
chankalan 2021-03-07 12:55:04 +01:00
parent db1a27a753
commit 354ad98386
4 changed files with 80 additions and 4 deletions

View File

@ -15,7 +15,6 @@
<!-- <necessite nom="cextras" /> --> <!-- <necessite nom="cextras" /> -->
<!-- <necessite nom="sommaire" /> --> <!-- <necessite nom="sommaire" /> -->
<!-- <necessite nom="metasplus" /> -->
<chemin path="squelettes" /> <chemin path="squelettes" />
<chemin path="squelettes/scss" /> <chemin path="squelettes/scss" />

View File

@ -9,7 +9,7 @@
<INCLURE{fond=inclure/nav-secteurs, env} /> <INCLURE{fond=inclure/nav-secteurs, env} />
<div class="liens"> <div class="liens">
<a href="#URL_PAGE{backend}" class="btn"><i class="fas fa-rss left"></i>S'abonner au podcast</a> <a href="#URL_PAGE{backend}" class="btn"><i class="fas fa-rss left"></i>S'abonner au podcast</a>
<INCLURE{fond=inclure/rezo} />
#FORMULAIRE_ABOMAILMAN_MINI_UNE_LISTE{1} #FORMULAIRE_ABOMAILMAN_MINI_UNE_LISTE{1}
<INCLURE{fond=inclure/rezo} />
</div> </div>
</div> </div>

View File

@ -15,7 +15,44 @@
padding-top:2rem; padding-top:2rem;
} }
} }
.header_menu {
flex-grow: 2;
padding-left:$spacer;
.liens {
padding-right:0.7rem;
.btn {
margin-top:1.3rem;
.fas:before {
font-size:1rem;
}
&:hover, &:focus {
background:$couleurPrincipaleOn;
color:$couleurPrincipale !important;
.fas:before {
color:$couleurPrincipale !important;
}
}
}
.sociaux {
float:right;
font-size:0.8rem;
margin-top:1.7rem;
margin-right:1.5rem;
.socicon {
background:none !important;
color:$blancTransparent;
&:hover, &:focus {
color:$couleurPrincipaleOn;
}
}
}
.formulaire_spip.formulaire_abomailman_mini_une_liste {
width:230px;
float:right;
}
}
}
.nav a { .nav a {
border:0; border:0;
color:white; color:white;
@ -45,6 +82,40 @@
align-items: flex-start; align-items: flex-start;
} }
// abonnement newsletter
.formulaire_spip .abonnement {
position:relative;
label {
color:$blancTransparent;
font-size:0.8rem;
}
.fa-angle-right {
position:absolute;
right:0;
bottom:0;
padding:0.5rem;
}
input.text {
padding-right:30px;
&::placeholder {
font-size:0.8rem;
}
}
input[type="submit"] {
position: absolute;
right:0;
bottom:0;
background:none;
width:40px;
padding:0;
height:33px;
overflow:hidden;
text-indent:40px;
}
}
.texte_accueil { .texte_accueil {
background-color:white; background-color:white;
} }
@ -67,3 +138,9 @@
.page_content { .page_content {
background-color:white; background-color:white;
} }
.sociaux .socicon {
display: inline-block;
}

View File

@ -5,7 +5,7 @@ $couleurPrincipale: #005184;
$couleurPrincipaleOn: #00c4f5; $couleurPrincipaleOn: #00c4f5;
$couleurSecondaire: #f7651a; $couleurSecondaire: #f7651a;
/* $couleurPrincipaleDowner: lighten($couleurPrincipale, 60%); */ /* $couleurPrincipaleDowner: lighten($couleurPrincipale, 60%); */
$blancTransparent: rgba(white,0.7);
$container-width: 1100px; $container-width: 1100px;