Template:Mbox/styles.css

.mbox {
	border-collapse: collapse;
	background-color: #fbfbfb;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-size: 95%;
	margin: 1em 10%;
}
.mbox-text {
	padding: 0.25em 0.5em;
	width: 100%;
}
.mbox-image {
	padding: 2px 0 2px 0.5em;
	text-align: center;
}
.mbox-imageright {
	padding: 2px 0.5em 2px 0;
	text-align: center;
}
@media screen and (max-width:600px) {
	.mbox {
		margin: .5em 0;
	}
	.mbox:active .hide-when-compact {
		display: block;
	}
}

.mbox-notice {
	border-top: 5px solid #608ec2;
}
.mbox-protection {
	border-top: 5px solid #bba;
}
.mbox-serious {
	border-top: 5px solid #b22222;
}
.mbox-content {
	border-top: 5px solid #f28500;
}
.mbox-style {
	border-top: 5px solid #f4c430
}
.mbox-merge {
	border-top: 5px solid #8c08a4
}
.mbox-growth {
	border-top: 5px solid #47a30d
}