Template:Infobox/styles.css

.infobox {
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	color: black;
	padding: 0.2em;
	border-spacing: 3px 0.5em;
}

.infobox-title {
	text-align: center;
	font-size: 125%;
}

.infobox-image {
	text-align: center;
}

.infobox-label, .infobox-data {
	padding: 1px;
	text-align: left;
	vertical-align: top;
}

.infobox-label {
	background-color: #eee;
}

.infobox-separator {
	background-color: #e6e6fa;
}

.infobox-datatable {
	width: 100%;
	min-width: 100%;
}
.infobox-datatable .infobox-label, .infobox-datatable .infobox-data {
	text-align: center;
}

.infobox-usergroup {
	font-size: 125%;
}
.infobox-usergroup.owner {
	background-color: #ffd6d6;
	color: #ff3f3f;
	border: 2px dashed #ff3f3f;
}
.infobox-usergroup.admin {
	background-color: #dac6fa;
	color: #7a56fa;
	border: 2px dashed #7a56fa;
}
.infobox-usergroup.sage{
  background-color: #cbffc4;
  color: #2c8f1f;}
.infobox-usergroup.regulars{
  background-color: #fff8a6;
  color: #756c00;
}
.infobox-usergroup.player{
  background-color: #ecebf5;
  color: #303033;
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		margin: 0.5em 0 0.5em 1em;
		width: 22em;
		float: right;
		clear: right;
	}
}