Updated CSS for Babel in MODX 2.3.x – quick&dirty

babel.css

/**
 * Babel CSS file
 * 
 * @author Jakob Class <jakob.class@class-zec.de>
 *
 * @package babel
 */
#babel-box{
	background: rgba(230,230,230,.7);
	margin: 0px 0 0;
	padding: 8px 8px;
	border-radius: 3px;
	position: fixed;
	top: 113px;
	right: 30px;
	z-index: 12;
}
#babel-box a{
	background-color: #fff;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 0 1px #e4e4e4;
	box-shadow: 0 0 0 1px #e4e4e4;
	color: #777;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
	zoom: 1;
}

#babel-box div.selected a{
	background-color: #32ab9a;
	background-image: -webkit-linear-gradient(#32ab9a,#00948e);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#32ab9a),to(#00948e));
	background-image: linear-gradient(#32ab9a,#00948e);
	color: #fff;
}

#babel-box div.notset a{
	background:#ddd;
	color: #888;
	cursor:default;
}
#babel-box a:hover{
	background-color: #3697cd;
	-webkit-box-shadow: 0 0 0 1px #3697cd;
	box-shadow: 0 0 0 1px #3697cd;
	color: #fff;
}
#babel-box div.selected a:hover {
	background-color: #2b9385;
	background-image: -webkit-linear-gradient(#2b9385,#007571);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#2b9385),to(#007571));
	background-image: linear-gradient(#2b9385,#007571);
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}
#babel-box div.notset a:hover{
	background:#eee;
	-webkit-box-shadow: none;
	box-shadow: none;
	
}
#babel-box div.babel-language {
	position: relative;
	float:left;
	margin: 0 8px 0 0;
}
#babel-box div.babel-language:last-child {
	margin-right: 0;
}
#babel-box div.babel-language-layer {
	z-index: 1000;
	display: none;
	position: absolute;
	top: 33px;
	right: -8px;
	padding: 14px;
	
	background: rgb(230,230,230);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
	border-radius: 3px;
}
#babel-box input.x-form-text {
	padding: 0 2px;
	width: 20px;
	font-size: 11px;
	line-height: 18px;
	margin-right: 5px;
}
#babel-box input.x-btn {
	line-height: 14px;
	padding: 3px;
	margin: 2px 0;
}
#babel-second-row {
	white-space: nowrap;
}
#babel-error{
	padding-bottom:10px;
	color: red;
	font-weight: bold;
}
#babel-box hr {
	margin: 8px 0;
}
#babel-box strong {
	font-weight: bold;
}