Vorlage:Gerüst Artikelstatus/styles.css

/* 
	Article state styles
*/

.voy-article-status {
	clear: both;
	display: flex;
	align-items: center;

	border: 1px solid #6CC8F3;
	border-radius: 5px;
	background: #F0F0F0;
	color: #000;
	padding: 5px;
	margin: 0.75em 0 0;
}
@media screen {
	html.skin-theme-clientpref-night .voy-article-status {
		background: #333;
		color: #fff;
		border: 1px solid #6CC8F3;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .voy-article-status {
		background: #333;
		color: #fff;
		border: 1px solid #6CC8F3;
	}
}
.voy-article-status-img {
	padding: 5px 1em;
}
.voy-article-status-text {
	padding: 5px;
	width: 100%;
}
@media ( max-width: 800px ) {
	.voy-article-status-img {
		display: none;
	}
}