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

.boite-deroulante-infobox {
	margin-right:0;
}

.boite-deroulante-infobox div.NavFrame {
	clear:both;
	margin-bottom:0;
	width:100%;
	border:1px solid var(--border-color-base, #a2a9b1);
	background-color:#fff;
}

.boite-deroulante-infobox div.NavPic {
	background-color:#EFEFEF;
}

.boite-deroulante-infobox div.NavFrame div.NavHead {
	text-align:center;
	background-color:#EFEFEF;
	color:var(--color-emphasized, #101418);
}

.boite-deroulante-infobox div.NavContent {
	display:block;
	text-align:center;
	margin:0;
	background-color:#fff;
}
/* Mode sombre */
@media screen {
	html.skin-theme-clientpref-night .boite-deroulante-infobox div.NavFrame {
		background-color:#202122;
	}
	
	html.skin-theme-clientpref-night .boite-deroulante-infobox div.NavPic,
	html.skin-theme-clientpref-night .boite-deroulante-infobox div.NavFrame div.NavHead {
		background-color:#101010;
	}
	
	html.skin-theme-clientpref-night .boite-deroulante-infobox div.NavContent {
		background-color:#202122;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .boite-deroulante-infobox div.NavFrame {
		background-color:#202122;
	}
	
	html.skin-theme-clientpref-os .boite-deroulante-infobox div.NavPic,
	html.skin-theme-clientpref-os .boite-deroulante-infobox div.NavFrame div.NavHead {
		background-color:#101010;
	}
	
	html.skin-theme-clientpref-os .boite-deroulante-infobox div.NavContent {
		background-color:#202122;
	}
}


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