Template:MW version/styles.css

.mw-version {
	border: 1px solid #72777d;
	font-size: 80%;
	line-height: 1.2;
	border-collapse: collapse;
}
.mw-version-ltr {
	/* @noflip */
	float: right;
	/* @noflip */
	margin: 0 0 .5em .5em;
	/* @noflip */
	text-align: right;
}
.mw-version-rtl {
	/* @noflip */
	float: left;
	/* @noflip */
	margin: 0 .5em .5em 0;
	/* @noflip */
	text-align: left;
}
.mw-version td {
	padding: .1em .3em;
}
.mw-version-versionbox {
	border: 5px solid #00af89;
	text-align: center;
}
.mw-version-versionnumber {
	font-weight: bold;
	font-size: 180%;
}
.mw-version-version .mw-version-versionbox {
	border-color: #c8ccd1;
}
.mw-version.mw-version-version2 .mw-version-versionbox {
	border-top-color: #c8ccd1;
	border-right-color: #c8ccd1;
	border-left-color: #c8ccd1;
}
.mw-version-version-unsupported .mw-version-versionbox {
	border-color: #d33;
}
.mw-version.mw-version-version2-unsupported .mw-version-versionbox {
	border-top-color: #d33;
	border-right-color: #d33;
	border-left-color: #d33;
}
.mw-version-version-legacy .mw-version-versionbox {
	border-color: #f93;
}
.mw-version.mw-version-version2-legacy .mw-version-versionbox {
	border-top-color: #f93;
	border-right-color: #f93;
	border-left-color: #f93;
}
.mw-version-version-stable .mw-version-versionbox,
.mw-version.mw-version.mw-version-and-later .mw-version-versionbox {
	border-color: #00af89;
}
.mw-version.mw-version-version2-stable .mw-version-versionbox {
	border-top-color: #00af89;
	border-right-color: #00af89;
	border-left-color: #00af89;
}
.mw-version-version-future .mw-version-versionbox {
	border-color: #8080c0;
}
.mw-version.mw-version-version2-future .mw-version-versionbox {
	border-top-color: #8080c0;
	border-right-color: #8080c0;
	border-left-color: #8080c0;
}
.mw-version-version-alpha .mw-version-versionbox {
	border-style: dotted;
}