More UI code

Not all functionalities are added.

Change-Id: I37007a8dedce6bcb055a9d6d79376f40868fd6dd

resources/css/ext.languagesettings.css

@@ -39,6 +39,13 @@
 	border-bottom: none;
 }
 
+.languagesettings-menu h1 {
+	font-size: 18pt;
+	line-height: 20pt;
+	margin-top: 0;
+	padding-top: 15px;
+}
+
 .language-settings-buttons {
 	text-align: right;
 }
@@ -58,37 +65,36 @@
 	border-left-color: #3366BB;
 }
 
-button.toggle.button {
-	background: #eee;
-	color: black;
+button.button {
+	background-color: #E6E6E6;
+	background-image: -moz-linear-gradient(center top, #F0F0F0, #E6E6E6);
+	border: 1px solid #C9C9C9;
+	border-radius: 3px 3px 3px 3px;
+	color: #252525;
 	cursor: pointer;
-	border-top: solid 2px #eaeaea;
-	border-left: solid 2px #eaeaea;
-	border-bottom: solid 2px #777;
-	border-right: solid 2px #777;
-	padding: 5px 5px;
-	-webkit-border-radius: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;
+	display: inline-block;
+	font: bold 0.813em/1 Arial, sans-serif;
+	padding: 0.4065em 1.2195em;
 	text-align: center;
-	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 }
 
-button.toggle.button.down {
-	background: #bbb;
-	border-top: solid 2px #777;
-	border-left: solid 2px #777;
-	border-bottom: solid 2px #eaeaea;
-	border-right: solid 2px #eaeaea;
+button.button:active,
+button.button.down {
+	background-color: #D8D8D8;
+	background-image: -moz-linear-gradient(center top, #D3D3D3, #D8D8D8);
+	border-color: #C9C9C9;
 }
 
 .language-settings-buttons {
-	border-top: solid 2px #aaa;
-	padding: 10px;
-	margin-top: 10px;
+	border-top: 1px solid #F0F0F0;
+	margin-top: 15px;
+	padding: 15px;
+	width: auto;
 }
 
 label.checkbox input[type="checkbox"] {
 	padding-left: -20px;
 	float: left;
+	color: #777777;
 }