Modèle:Boîte déroulante/styles.css

/* Styles présents à la fois sur mobile et sur bureau */
div.NavFrame {
	background-color: var(--background-color-base, #fff);
	border: 1px var(--border-color-base, #a2a9b1);
	border-style:solid;
	margin-bottom:1em;
	clear:both;
}
div.NavFrame div.NavHead {
	min-height:1.6em;
	font-weight: bold;
	background-color: #efefef;
	color: var(--color-emphasized, #000);
	text-align:center;
}
div.NavContent {
	display:block;
	margin:0;
	text-align:left;
}
/* Bureau uniquement */
body:not(.mw-mf) div.NavFrame {
	padding: 2px;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
body:not(.mw-mf) div.NavPic {
	padding: 2px;
	float: left;
}
body:not(.mw-mf) div.NavEnd {
	height: 0;
	clear: both;
}
/* Mode sombre */
@media screen {
	html.skin-theme-clientpref-night div.NavFrame div.NavHead {
		background-color: #27292d;
	}
	/* Correctifs temporaires de la couleur des liens, à retirer quand il ne sont plus nécessaires */
	html.skin-theme-clientpref-night table div.NavFrame a {
	    color: #88a3e8 ;
	}
	html.skin-theme-clientpref-night table div.NavFrame a.new {
	    color: #fd7865 ;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os div.NavFrame div.NavHead {
		background-color: #27292d;
	}
	/* Correctifs temporaires de la couleur des liens, à retirer quand il ne sont plus nécessaires */
	html.skin-theme-clientpref-os table div.NavFrame a {
	    color: #88a3e8 ;
	}
	html.skin-theme-clientpref-os table div.NavFrame a.new {
	    color: #fd7865 ;
	}
}

/* [[Catégorie:Sous-page de modèle feuille de style]] */