Vorlage:User location/styles.css

/*
	Babel box styles
*/

.voy-babel-box {
	display: table;
	border-collapse: collapse;
	max-width: 238px;
	min-width: 195px;
	min-height: 45px;
	margin: 0 3px 3px;
	box-sizing: border-box;
	border: solid #000 1px;
}
.voy-babel-box > div {
	display: table-cell;
	vertical-align: middle;
}
.voy-babel-box > :first-child {
	width: 45px;
	padding: 0 1px;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}
.voy-babel-box > :first-child .center img {
	display: block;
}
.voy-babel-box > :last-child {
	padding: 4pt;
	text-align: left;
	font-size: 8pt;
	line-height: 1.25em;
}
.voy-babel-box .voy-user-rtl {
	text-align: right;
	font-size: 10pt;
	direction: rtl;
}

/*
	Language boxes
*/

.voy-babel-box-N {
	background: #c5fcdc;
	border-color: #6EF7A7;
}
.voy-babel-box-N > :first-child {
	background: #6ef7a7;
}
.voy-babel-box-0 {
	background: #FFE0E8;
	border-color: #ffb3b3;
}
.voy-babel-box-0 > :first-child {
	background: #FFB3B3;
}
.voy-babel-box-1 {
	background: #f0f8ff;
	border-color: #c0c8ff;
}
.voy-babel-box-1 > :first-child {
	background: #c0c8ff;
}
.voy-babel-box-2 {
	background: #d0f8ff;
	border-color: #77e0e8;
}
.voy-babel-box-2 > :first-child {
	background: #77e0e8;
}
.voy-babel-box-3 {
	background: #e0e8ff;
	border-color: #99b3ff;
}
.voy-babel-box-3 > :first-child {
	background: #99b3ff;
}
.voy-babel-box-4 {
	background: #ffff99;
	border-color: #cccc00;
}
.voy-babel-box-4 > :first-child {
	background: #ffff00;
}

/*
	Location boxes
*/

.voy-babel-box-loc {
	background: #c0c0ff;
	border-color: #5050ff;
}

.voy-babel-box-loc > :first-child {
	background: #5050ff;
}