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 {
	overflow:hidden;
}
.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;
}

h2 {
	font-weight:900;
}

.fl {
	border-top:2em solid $couleurPrincipale;
	border-bottom:2em solid $couleurPrincipale;
	margin:0 -1000px;
	padding:2em 1000px;
	background:white;
}
.fb {
	padding:2em 0;
	> h2 {
		margin-top:2em;
	}
}

.photoapril {
	margin-bottom:1em;
}
.licence {
	padding:1em;
	line-height:1.2;
	margin-top:2em;
	background:$couleurBackgroundTexteBleu;
}

.detail_emission {
	ul { list-style:none;
		> li {
			padding-left:1em;
			position:relative;
			&:before {
				position:absolute;
				left:0;
				top:0.6em;
				@include triangle(right,$couleurSecondaire,0.35em,1.8);
			}
		}
	}
}

.btn.blanc {
	color:$couleurPrincipale !important;
	background:white;
	border:1px solid rgba($couleurPrincipale,0.2);
	border-radius:1em;
	&:hover {
		background:$couleurPrincipaleOn;
	}
}


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