libreavous/squelettes/scss/styles/_perso.scss

// perso
// les différences
.page_wrapper {
	background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px;
	background-attachment:fixed;
	@media ($bp-small) {
		background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px;
	}
}
.page_header {
	padding:0;
	> .page_container {
		background-color:$couleurSecondaire;
		.nav {
			padding-top:2rem;
		}
	}
	.header_menu {
		flex-grow: 2;
		padding:0 $spacer;
		.liens {
			text-align:right;
			margin-top:0.7rem;
			.btn {
				float:right;
				margin-top:1.55rem;
				.fas:before {
					font-size:1rem;
				}
				&:hover, &:focus {
					background:$couleurPrincipaleOn;
					color:$couleurPrincipale !important;
					.fas:before {
						color:$couleurPrincipale !important;
					}
				}
			}
			
			.sociaux {
				float:right;
				display:inline-block;
				font-size:0.8rem;
				margin:1.5rem 1.5rem 0 0;
				.socicon {
					background:none !important;
					color:$blancTransparent;
					&:hover, &:focus {
						color:$couleurPrincipaleOn;
					}
				}
			}
			.formulaire_spip.formulaire_abomailman_mini_une_liste {
				width:230px;
				float:right;
				position:relative;
				margin:0 0 0 $spacer;
				text-align:left;
				.reponse_formulaire {
					position: absolute;
					top: 100%;
					margin: 0;
				}
			}
		}
	}
	.nav a {
		border:0;
		color:white;
		padding:0.3em 0.7em 0.2em;
		margin-right:0;
		margin-left:0;
		border-radius:4px;
/* 		background-color:$couleurSecondaire; */
		.on &,
		&.on,
		&:focus,
		&:hover,
		&:active {
			background-color:$couleurPrincipaleOn;
			color:$couleurPrincipale;
		}
	}
	> .page_container .nav > ul .loupe a {
		i.fa-search {
			background-color:$blancTransparent;
			font-size:0.8rem;
			color:$couleurSecondaire;
			&:hover {
				background-color:$couleurPrincipaleOn;
				color:$couleurPrincipale;
			}
		}
	}
}

.page_header_container {
    align-items: flex-start;
}
.arbo {
	@include visuallyhidden;
}

.texte_accueil {
	background-color:white;
}


.article-resume {
	background-color:white;
	padding:$spacer;
}


.page_main_content {
	flex-direction: column;
}
.page_content, .page_aside {
	width:100%;
	margin:0 0 ($spacer*2);
	padding:$spacer ($spacer*4);
}
.page_content {
	background-color:white;
}

.article__infos {
	position:relative;
	height:auto;
	margin:0;
	width: auto;
	white-space: inherit;
	clip: unset;
	clip-path: unset;
	font-size:1em;
	margin:-$spacer 0 0 -($spacer*4);
	overflow:visible;
}
.num_emission {
	display:inline-block;
	width:150px;
	padding:0.5rem;
	margin-right:1.5rem;
	font-weight:700;
	font-size:2.8rem;
	text-align:center;
	color:$couleurSecondaire;
	background:$couleurBackgroundTexte;
	font-family:$typo-titre;
	
}
.article_emission {
	.article__date {
		font-size:1.5rem;
		color:$couleurSecondaire;
		font-weight:700;
		font-family:$typo-titre;
	}
}

div.star-rating, div.star-rating a {
	background-image:url('img/star.png');
}
div.rating-cancel a {
	background-image:url('img/delete.png');
}

.sociaux .socicon {
    display: inline-block;
}
.page_footer {
	.article {
		@include media($bp-small-up) {
			@include flex;
			justify-content:space-between;
			> * {
				width: calc(50% - 1rem);
			}
		}
		.article__texte, .article__chapo {
			margin-bottom:2rem;
			font-weight:400;
			strong, i, .btn {
				font-size:115%;
			}
		}
	}
	.formulaire_spip.formulaire_recherche {
/* 		max-width:100%; */
	}
}