Some selectors have been adjusted to be made more specifics when the modified Grid rules took unintended preference due to last modifications.
250 lines
5.1 KiB
CSS
250 lines
5.1 KiB
CSS
.uls-trigger {
|
|
/* @embed */
|
|
background: url('../images/icon-language.png') no-repeat scroll left
|
|
center transparent;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.uls-menu {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
display: none;
|
|
margin-top: 1px;
|
|
/* Styling */
|
|
background-color: #ffffff;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
-webkit-background-clip: padding-box;
|
|
-moz-background-clip: padding;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.uls-wide {
|
|
min-width: 715px;
|
|
width: 45%;
|
|
}
|
|
|
|
.uls-title-region a {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.uls-menu .uls-title {
|
|
font-weight: normal;
|
|
border: none;
|
|
padding-top: 1.25em;
|
|
padding-left: 15px;
|
|
padding-bottom: 3px;
|
|
font-size: 18pt;
|
|
line-height: 1.25em;
|
|
color: #555;
|
|
}
|
|
|
|
.uls-menu .uls-no-results-found-title{
|
|
font-size: 16pt;
|
|
font-weight: bold;
|
|
line-height: 1.5em;
|
|
padding-left: 6px;
|
|
padding-top: 10px;
|
|
margin-top: 0;
|
|
margin-bottom: 15px;
|
|
border-bottom: none;
|
|
color: #555;
|
|
}
|
|
|
|
.uls-menu .uls-lcd-region-title {
|
|
color: #777;
|
|
font-size: 14pt;
|
|
line-height: 1.5em;
|
|
padding-left: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.uls-worldmap {
|
|
/* @embed */
|
|
background: url('../images/world_map.png') no-repeat scroll right top
|
|
transparent;
|
|
background-size: 100%;
|
|
}
|
|
|
|
div.uls-region {
|
|
cursor: pointer;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 125px;
|
|
border-bottom-color: transparent;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
.uls-worldmap .uls-region { /* The map doesn't flip */
|
|
/* @noflip */
|
|
float: left;
|
|
}
|
|
|
|
.uls-region a {
|
|
bottom: 2px;
|
|
left: 2px;
|
|
padding: 0;
|
|
position: absolute;
|
|
font-size: 13px;
|
|
line-height: 1.2em;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 99%;
|
|
}
|
|
|
|
.uls-region:hover {
|
|
/*Cross-browser background transparency*/
|
|
background: #3366bb;
|
|
background: rgba(51, 102, 187, 0.1);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb,
|
|
endColorstr=#253366bb );
|
|
-ms-filter:
|
|
"progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#253366bb)";
|
|
}
|
|
|
|
.map-block .active {
|
|
border-bottom-color: #3366bb;
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
.uls-menu .row .map-block {
|
|
top: 1px;
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
float: right;
|
|
overflow: hidden;
|
|
opacity: 0.7;
|
|
-moz-transition: opacity 0.2s linear;
|
|
-o-transition: opacity 0.2s linear;
|
|
-webkit-transition: opacity 0.2s linear;
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
|
|
.map-block a {
|
|
color: #333;
|
|
opacity:0;
|
|
-moz-transition: opacity 0.15s linear;
|
|
-o-transition: opacity 0.15s linear;
|
|
-webkit-transition: opacity 0.15s linear;
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
|
|
.map-block:hover,
|
|
.map-block:hover a {
|
|
opacity: 1;
|
|
color: #333;
|
|
}
|
|
|
|
.map-block .uls-region-1 {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.map-block:hover .active {
|
|
border-color: #3366bb;
|
|
}
|
|
|
|
.map-block .active a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.icon-close {
|
|
/* @embed */
|
|
background: url('../images/close.png') no-repeat scroll center center
|
|
transparent;
|
|
float: right;
|
|
padding: 15px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.uls-menu .languagefilter {
|
|
background-color: transparent;
|
|
border: 1px solid #c9c9c9;
|
|
border-radius: 2px 2px 2px 2px;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
|
|
color: #333;
|
|
display: block;
|
|
padding: 6px;
|
|
-moz-transition: border 0.15s linear 0s;
|
|
-o-transition: border 0.15s linear 0s;
|
|
-webkit-transition: border 0.15s linear 0s;
|
|
transition: border 0.15s linear 0s;
|
|
}
|
|
|
|
.uls-menu .languagefilter:focus {
|
|
border: 1px solid #3366bb;
|
|
}
|
|
|
|
.uls-menu .search{
|
|
position: relative;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#FBFBFB');
|
|
background: #f8f8f8;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#FBFBFB));
|
|
background: -webkit-linear-gradient(top, #F0F0F0, #FBFBFB);
|
|
background: -moz-linear-gradient(top, #F0F0F0, #FBFBFB);
|
|
background: -ms-linear-gradient(top, #F0F0F0, #FBFBFB);
|
|
background: -o-linear-gradient(top, #F0F0F0, #FBFBFB);
|
|
background: linear-gradient(#F0F0F0, #FBFBFB);
|
|
border-top-color: #AAA;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
padding: 0.8em 0;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #EEE;
|
|
}
|
|
|
|
.uls-menu .search-label {
|
|
/* @embed */
|
|
background: url('../images/search.png') no-repeat scroll right center
|
|
transparent;
|
|
background-size: 30px;
|
|
height: 32px;
|
|
width: 32px;
|
|
float: right;
|
|
}
|
|
|
|
.uls-menu .languagefilter-clear {
|
|
/* @embed */
|
|
background: url('../images/clear.png') no-repeat scroll left center
|
|
transparent;
|
|
cursor: pointer;
|
|
height: 32px;
|
|
position: absolute;
|
|
width: 32px;
|
|
margin-left: -32px;
|
|
}
|
|
|
|
.uls-menu .filterinput {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
font-size: 14px;
|
|
height: 32px;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.uls-menu .filtersuggestion {
|
|
padding: 6px;
|
|
background-color: white;
|
|
color: #888;
|
|
border: 1px transparent;
|
|
border-radius: 2px 2px 2px 2px;
|
|
box-shadow: 0 1px 2px transparent inset;
|
|
left: 1px;
|
|
}
|
|
|
|
.uls-menu .search-input-block {
|
|
position: relative;
|
|
}
|