bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Map simplifications

Browse Source 
Show map labels only when needed to simplify the map.
This commit is contained in:
pginer
2012-11-06 14:46:28 +01:00
parent 943d606cb2
commit 23c6b0c829
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
css/jquery.uls.css
View File

@@ -29,10 +29,6 @@
background-clip: padding-box; background-clip: padding-box;
} }
.uls-menu a {
color: #3366bb;
}
.uls-title a{ .uls-title a{
padding-left: 15px; padding-left: 15px;
} }
@@ -79,9 +75,9 @@ div.uls-region {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 125px; height: 125px;
border-bottom-color: #555; border-bottom-color: transparent;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-width: 3px; border-bottom-width: 2px;
} }
.uls-worldmap .uls-region { /* The map doesn't flip */ .uls-worldmap .uls-region { /* The map doesn't flip */
@@ -109,18 +105,9 @@ div.uls-region {
endColorstr=#253366bb ); endColorstr=#253366bb );
-ms-filter: -ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#253366bb)"; "progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#253366bb)";
border-bottom-color: #3366bb;
border-bottom-style: solid;
} }
.regionselector.active { .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-color: #3366bb;
border-bottom-style: solid; border-bottom-style: solid;
} }
@@ -131,14 +118,27 @@ div.uls-region {
padding-right: 0; padding-right: 0;
float: right; float: right;
overflow: hidden; 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 { #map-block:hover {
color: #444; 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 { #map-block .active a {
color: #252525;
font-weight: bold; font-weight: bold;
} }
@@ -166,6 +166,7 @@ input:focus#languagefilter {
} }
#search{ #search{
position: relative;
background: #f8f8f8; background: #f8f8f8;
background: linear-gradient(#F0F0F0, #FBFBFB); background: linear-gradient(#F0F0F0, #FBFBFB);
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FBFBFB)); background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FBFBFB));