Modèle:Lokásá ya libosó/styles.css

#Lokasa_ya_liboso_en-tete {
	background: linear-gradient(to bottom, #fff, #eee);
}
#Lokasa_ya_liboso_menu {
	background: linear-gradient(to bottom, #fff, #ddd);
	border-bottom: solid 1px #a8d7fc;
	margin-bottom: 1rem;
}
#Lokasa_ya_liboso_bandeau {
	background: url(https://upload.wikimedia.org/wikipedia/commons/a/aa/Wikipedia-logo-v2-o50.svg) no-repeat
	-110px -15px;
	background-size: 300px 300px;
	padding: 1rem 1rem 1rem;
	font-family: 'Open Sans', Sans-serif;
}
#Lokasa_ya_liboso_bloc-titre {
	display: inline-block;
	margin-left: 8rem;
	margin-bottom: 1rem;
	text-align: left;
	line-height: 1.6;
	color: #457;
}
#Lokasa_ya_liboso_bloc-titre > p {
	margin: 0;
	padding: 0;
	font-size: 95%;
}
#Lokasa_ya_liboso_bloc-liens {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
#Lokasa_ya_liboso_lien-mobile {
	margin-bottom: 0rem;
}

#Lokasa_ya_liboso_contenu {
	margin-top: 1rem;
}
#Lokasa_ya_liboso_contenu .portail-gauche {
	width: 45%;
}
#Lokasa_ya_liboso_contenu .portail-droite {
	width: 55%;
}
#Lokasa_ya_liboso_contenu:after {
	clear: both;
	display: table;
	content: '';
}

/* S'assurer que ces règles emportent bien la priorité sur toutes les skins */
.Lokasa_ya_liboso_cadre .mw-heading2 {
	border-bottom: solid 0.2rem #bdd8fb;
	margin: -0.4rem 0 0.5rem;
}
.Lokasa_ya_liboso_cadre h2 {
	font-variant: small-caps;
	letter-spacing: 0.01em;
}
.Lokasa_ya_liboso_pied {
	padding: 1.3em 0 0;
	font-size: 85%;
	text-align: right;
}

@media (min-width: 982px) {
	#Lokasa_ya_liboso_contenu {
		display: flex;
	}
	#Lokasa_ya_liboso_contenu .portail-gauche,
	#Lokasa_ya_liboso_contenu .portail-droite {
		display: flex;
		flex-direction: column;
	}
	.Lokasa_ya_liboso_cadre:nth-child(1) {
		flex-grow: 1;
	}
	.Lokasa_ya_liboso_cadre:nth-child(2) {
		flex-grow: 2;
	}
	.Lokasa_ya_liboso_cadre:nth-child(3) {
		flex-grow: 3;
	}
}

/* Pour les colonnes */
.colonnes > ol, .colonnes > ul {
	margin-top: 0;
}

/* Compensation du style précédent */
.colonnes {
	margin-top: 0.3em;
}

/* Classe pour les listes horizontales séparées par des puces.
   Adaptation de la classe 'hlist' de en:User:Edokter.
   (cf. [[mw:Snippets/Horizontal lists]]). */
.liste-horizontale ul,
.liste-horizontale ol,
.liste-horizontale li {
	margin-left: 0;
	display: inline;
	white-space: nowrap;
}
.liste-horizontale li:after {
	content: " "; /* au cas ou Mediawiki supprime les retours ligne */
}
.liste-horizontale li + li:before {
	white-space: normal;
	content: "· ";
	font-weight: bold;
}
.liste-horizontale li li:first-child:before {
	white-space: normal;
	content: " (";
}
.liste-horizontale li ul:after,
.liste-horizontale li ol:after{
	content: ")";
	margin-left: -0.28em;
}
.liste-horizontale ol {
	counter-reset: listitem;
}
.liste-horizontale ol > li {
	counter-increment: listitem;
}
.liste-horizontale ol > li:first-child:before {
	content: "1.\202F";
}
.liste-horizontale li ol > li:first-child:before {
	content: " (1.\202F";
}
.liste-horizontale ol > li + li:before {
	content: "· " counter(listitem) ".\202F";
	font-weight: normal;
}

/* Listes sans puces */
.liste-simple ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.liste-simple ul li {
	margin-bottom: 0;
}

/* Classes pour les colonnes des portails */
.portail-gauche,
.portail-droite {
	box-sizing: border-box;
}
.portail-gauche {
	float: left;
	padding-right: 1.2rem;
}
.portail-droite {
	float: right;
}
@media (max-width: 981px) {
	.portail-gauche,
	.portail-droite {
		float: none;
		width: auto !important;
	}
	.portail-gauche {
		padding-right: 0;
	}
}