entête avancée

paquet.xml

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

squelettes/header/dist.html

@@ -9,7 +9,7 @@
 	<INCLURE{fond=inclure/nav-secteurs, env} />
 	<div class="liens">
 		<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}
+		<INCLURE{fond=inclure/rezo} />
 	</div>
 </div>

squelettes/scss/styles/_perso.scss

@@ -15,7 +15,44 @@
 			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 {
 		border:0;
 		color:white;
@@ -45,6 +82,40 @@
     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 {
 	background-color:white;
 }
@@ -67,3 +138,9 @@
 .page_content {
 	background-color:white;
 }
+
+
+
+.sociaux .socicon {
+    display: inline-block;
+}

squelettes/scss/utils/_variables-perso.scss

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