Template:Userbox-level/styles.css

/* level=0; level=0a */
.userbox-level-0,
.userbox-level-0a {
	border-color: #B7B7B7;
}

.userbox-level-0 > table,
.userbox-level-0a > table {
	background-color: #E8E8E8;
}

.userbox-level-0 .id,
.userbox-level-0a .id {
	background-color: #B7B7B7;
}

/* level=0b */
.userbox-level-0b {
	border-color: #FFB3B3;
}

.userbox-level-0b > table {
	background-color: #FFE0E8;
}

.userbox-level-0b .id {
	background-color: #FFB3B3;
}

/* level=0.5 */
.userbox-level-0_5 {
	border-color: #FFCC66;
}

.userbox-level-0_5 > table {
	background-color: #FFFF99;
}

.userbox-level-0_5 .id {
	background-color: #FFCC66;
	font-size: 12pt;
}

/* level=1 */
.userbox-level-1 {
	border-color: #C0C8FF;
}

.userbox-level-1 > table {
	background-color: #F0F8FF;
}

.userbox-level-1 .id {
	background-color: #C0C8FF;
}

/* level=2 */
.userbox-level-2 {
	border-color: #77E0E8;
}

.userbox-level-2 > table {
	background-color: #D0F8FF;
}

.userbox-level-2 .id {
	background-color: #77E0E8;
}

/* level=3; level=3a */
.userbox-level-3,
.userbox-level-3a {
	border-color: #99B3FF;
}

.userbox-level-3 > table,
.userbox-level-3a > table {
	background-color: #E0E8FF;
}

.userbox-level-3 .id,
.userbox-level-3a .id {
	background-color: #99B3FF;
}

/* level=3b */
.userbox-level-3b {
	border-color: #00FF00;
}

.userbox-level-3b > table {
	background-color: #90FF90;
}

.userbox-level-3b .id {
	background-color: #00FF00;
}

/* level=4 */
.userbox-level-4 {
	border-color: #CCCC00;
}

.userbox-level-4 > table {
	background-color: #FFFF99;
}

.userbox-level-4 .id {
	background-color: #FFFF00;
}

/* level=5; level=5a */
.userbox-level-5,
.userbox-level-5a {
	border-color: #CC0000;
}

.userbox-level-5 > table,
.userbox-level-5a > table {
	background-color: #FF5555;
}

.userbox-level-5 .id,
.userbox-level-5a .id {
	background-color: #FF0000;
}

/* level=5b */
.userbox-level-5b {
	border-color: #F99C99;
}

.userbox-level-5b > table {
	background-color: #F9CBC9;
}

.userbox-level-5b .id {
	background-color: #F99C99;
}

/* level=N */
.userbox-level-N {
	border-color: #6EF7A7;
}

.userbox-level-N > table {
	background-color: #C5FCDC;
}

.userbox-level-N .id {
	background-color: #6EF7A7;
}

/* level=x */
.userbox-level-x {
	border-color: #00CCCC;
}

.userbox-level-x > table {
	background-color: #99FFFF;
}

.userbox-level-x .id {
	background-color: #00CCCC;
}