Template:Infobox/styles.css

.infobox {
	background: #f9f9f9;
	border: 1px solid #aaa;
	float: right;
	margin: 0 0 .5em .5em;
	position: relative;
	width: 304px;
}
.infobox-edit {
	float: right;
	position: absolute;
	top: .5em;
	right: .5em;
}
.infobox-above {
	margin: .5em;
	text-align: center;
}
.infobox-title {
	font-size: large;
	margin: .5em;
	text-align: center;
}
.infobox-image {
	text-align: center;
}
.infobox-caption {
	font-size: small;
	text-align: center;
}
.infobox-table {
	border-collapse: separate;
	border-spacing: .5em;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox-data th {
	text-align: left;
}
.infobox-data td[colspan="2"] {
	text-align: center;
}
.infobox-header {
	background: #cef2ce;
	cursor: pointer;
}
.infobox-header:hover {
	text-decoration: underline;
}

@media screen and (max-width:600px) {
	.infobox {
		margin: 0;
		width: 100%;
	}
}