Modèle:Redirection douce/styles.css

.softredirect {
	clear:both;
	margin:2px auto;
	width:36em;
	max-width:100%
}
.softredirect-boite {
	display: flex;
	align-items: center;
	background-color:#FDD;
	border:1px solid #C88;
}
.softredirect-icone {
	content: url('/media/wikipedia/commons/3/31/Redirect_arrow_without_text.svg');
	width:5em;
}
.softredirect-texte {
	width: 31em
}
.softredirect-texte > div {
	clear: both;
	background-color:#FFF8F8;
	padding:2px 0.5em;
	margin:1px;
}
@media screen {
	html.skin-theme-clientpref-night .softredirect-boite {
		background-color:#3e1616;
		border-color:#641b1b;
	}
	html.skin-theme-clientpref-night .softredirect-icone {
		filter:invert(1);
	}
	html.skin-theme-clientpref-night .softredirect-texte > div {
		background-color:#160b0b;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .softredirect-boite {
		background-color:#3e1616;
		border-color:#641b1b;
	}
	html.skin-theme-clientpref-os .softredirect-icone {
		filter:invert(1);
	}
	html.skin-theme-clientpref-os .softredirect-texte > div {
		background-color:#160b0b;
	}
}

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