Template:Test wiki/styles.css

div {
	box-sizing: border-box;
}

.testwiki {
	width: 100%;
	padding: 1em;
	border-width: 2px;
	border-style: solid;
	border-radius: 1em;
	border-bottom-width: 5px;
}

.testwiki-default {
	background-color: #f8f9fa;
	border-color: #a2a9b1;
}

.testwiki-tocreate {
	background-color: #f8f9fa;
	border-color: #a2a9b1;
}

.testwiki-toimport {
	background-color: #fef6e7;
	border-color: #fc3;
}

.testwiki-approved {
	background-color: #F3FFF3;
	border-color: #14866d;
}

.testwiki-invalidcode {
	background-color: #fee7e6;
	border-color: #b32424;
}

.testwiki-open {
	background-color: #eaf3ff;
	border-color: #2a4b8d;
}

.testwiki-imported {
	background-color: #fef6e7;
	border-color: #fc3;
}

.testwiki-title {
	font-size: 180%;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/1/1a/Notification-icon-Incubator-logo.svg);
	background-size: 2em;
	background-repeat: no-repeat;
	padding-left: calc(2em + 1em);
	background-position: 0.5em 50%;
	min-height: 2em;
}

.testwiki-entertest {
	display: block;
	font-size: 150%;
	border: 2px solid #14866d;
	padding: .5em 1em;
	color: #000;
	background-color: #d5fdf4;
	margin: 0 1em;
	clear: both;
	border-radius: 1em;
}
body.ltr .testwiki-entertest::before {
	content: " → ";
}
body.rtl .testwiki-entertest::before {
	content: " ← ";
}

/* Logos */
body.rootpage-Wb .testwiki-title {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e0/Notification-icon-Wikibooks-logo.svg);
}
body.rootpage-Wn .testwiki-title {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/5/57/Notification-icon-Wikinews-logo.svg);
}
body.rootpage-Wp .testwiki-title {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg);
}
body.rootpage-Wq .testwiki-title {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/5/5a/Notification-icon-Wikiquote.svg);
}
body.rootpage-Wt .testwiki-title {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/a/ac/Notification-icon-Wiktionary-logo.svg);
}
body.rootpage-Wy .testwiki-title {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/4/47/Notification-icon-Wikivoyage-logo.svg);
}

@media (min-width:700px) {
	.testwiki-title {
		background-size: 4em;
		padding-left: calc(4em + 1em);
		min-height: 4em;
	}
	.testwiki-entertest {
		float: right;
		clear: none;
	}
	.testwiki-columns {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 1em;
	}
}