From 23c6b0c82951500bf2cd06ed207c6b5d52aa1809 Mon Sep 17 00:00:00 2001
From: pginer <pginer@wikimedia.org>
Date: Tue, 6 Nov 2012 14:46:28 +0100
Subject: [PATCH] Map simplifications

Show map labels only when needed to simplify the map.
---
 css/jquery.uls.css | 37 +++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/css/jquery.uls.css b/css/jquery.uls.css
index 9349a38..0b65c0b 100644
--- a/css/jquery.uls.css
+++ b/css/jquery.uls.css
@@ -29,10 +29,6 @@
 	background-clip: padding-box;
 }
 
-.uls-menu a {
-	color: #3366bb;
-}
-
 .uls-title a{
 	padding-left: 15px;
 }
@@ -79,9 +75,9 @@ div.uls-region {
 	padding: 0;
 	margin: 0;
 	height: 125px;
-	border-bottom-color: #555;
+	border-bottom-color: transparent;
 	border-bottom-style: solid;
-	border-bottom-width: 3px;
+	border-bottom-width: 2px;
 }
 
 .uls-worldmap .uls-region { /* The map doesn't flip */
@@ -109,18 +105,9 @@ div.uls-region {
 		endColorstr=#253366bb );
 	-ms-filter:
 		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#253366bb)";
-	border-bottom-color: #3366bb;
-	border-bottom-style: solid;
 }
 
 .regionselector.active {
-	/*Cross-browser background transparency*/
-	background: #3366bb;
-	background: rgba(51, 102, 187, 0.2);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb,
-		endColorstr=#253366bb );
-	-ms-filter:
-		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#253366bb)";
 	border-bottom-color: #3366bb;
 	border-bottom-style: solid;
 }
@@ -131,14 +118,27 @@ div.uls-region {
 	padding-right: 0;
 	float: right;
 	overflow: hidden;
+	 color: rgba(0,0,0,0);
+	opacity: 0.7;
+ 	transition: color 0.15s linear;
+	-moz-transition: color 0.15s linear;
+	-webkit-transition: color 0.15s linear;
 }
 
-#map-block a {
-	color: #444;
+#map-block:hover {
+	opacity: 1;
+	color: #333;
+}
+
+#map-block #uls-region-1 {
+	border-color: transparent;
+}
+
+#map-block:hover #uls-region-1.active{
+	border-color: #3366bb;
 }
 
 #map-block .active a {
-	color: #252525;
 	font-weight: bold;
 }
 
@@ -166,6 +166,7 @@ input:focus#languagefilter {
 }
 
 #search{
+	position: relative;
 	background: #f8f8f8;
 	background: linear-gradient(#F0F0F0, #FBFBFB);
 	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FBFBFB));