bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge "CSS adjustments on color and sizes"

Browse Source
This commit is contained in:
Nikerabbit
2012-08-17 13:38:55 +00:00
committed by Gerrit Code Review
parent 395c12b61d 7b15032626
commit 08eb45509b
3 changed files with 80 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
lib/jquery.uls/css/jquery.uls.css
View File

@@ -1,8 +1,10 @@
.uls-trigger { .uls-trigger {
/* @embed */ /* @embed */
background: url('../images/icon-language.png') no-repeat scroll left center transparent; background: url('../images/icon-language.png') no-repeat scroll left
center transparent;
padding-left: 30px; padding-left: 30px;
} }
.uls-menu { .uls-menu {
position: fixed; position: fixed;
z-index: 1000; z-index: 1000;
@@ -26,9 +28,11 @@
-moz-background-clip: padding; -moz-background-clip: padding;
background-clip: padding-box; background-clip: padding-box;
} }
.uls-menu a { .uls-menu a {
color: #0088CC; color: #3366bb;
} }
.uls-menu h1 { .uls-menu h1 {
font-weight: normal; font-weight: normal;
padding-top: 1.25em; padding-top: 1.25em;
@@ -39,6 +43,7 @@
padding-left: 15px; padding-left: 15px;
color: #555; color: #555;
} }
.uls-menu h2 { .uls-menu h2 {
font-size: 16pt; font-size: 16pt;
line-height: 1.5em; line-height: 1.5em;
@@ -48,6 +53,7 @@
border-bottom: none; border-bottom: none;
color: #555; color: #555;
} }
.uls-menu h3 { .uls-menu h3 {
font-size: 14pt; font-size: 14pt;
line-height: 1.5em; line-height: 1.5em;
@@ -56,12 +62,15 @@
margin-bottom: 10px; margin-bottom: 10px;
border-bottom: none; border-bottom: none;
} }
.uls-worldmap { .uls-worldmap {
/* @embed */ /* @embed */
background: url('../images/world_map.png') no-repeat scroll right top transparent; background: url('../images/world_map.png') no-repeat scroll right top
transparent;
background-size: 100%; background-size: 100%;
} }
.uls-region {
div.uls-region {
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -70,37 +79,48 @@
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-width: 3px; border-bottom-width: 3px;
} }
.uls-worldmap .uls-region {
/* The map doesn't flip */ .uls-worldmap .uls-region { /* The map doesn't flip */
/* @noflip */ /* @noflip */
float: left; float: left;
} }
.uls-region a { .uls-region a {
bottom: 2px; bottom: 0;
padding: 2px;
position: absolute; position: absolute;
font-size: 13px; font-size: 13px;
line-height: 1.2em;
text-decoration: none;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 100%; width: 100%;
} }
.uls-region:hover { .uls-region:hover {
/*Cross-browser background transparency*/ /*Cross-browser background transparency*/
background: #3366bb; background: #3366bb;
background: rgba(51, 102, 187, 0.1); background: rgba(51, 102, 187, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#253366bb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb,
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#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;
} }
.regionselector.active { .regionselector.active {
/*Cross-browser background transparency*/ /*Cross-browser background transparency*/
background: #3366bb; background: #3366bb;
background: rgba(51, 102, 187, 0.2); background: rgba(51, 102, 187, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#253366bb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb,
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#253366bb, endColorstr=#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;
} }
#map-block { #map-block {
top: 1px; top: 1px;
margin-right: 0; margin-right: 0;
@@ -108,20 +128,25 @@
float: right; float: right;
overflow: hidden; overflow: hidden;
} }
#map-block a { #map-block a {
color: #444; color: #444;
} }
#map-block .active a { #map-block .active a {
color:#252525; color: #252525;
font-weight: bold; font-weight: bold;
} }
.icon-close { .icon-close {
/* @embed */ /* @embed */
background: url('../images/close.png') no-repeat scroll center center transparent; background: url('../images/close.png') no-repeat scroll center center
transparent;
float: right; float: right;
padding: 15px; padding: 15px;
cursor: pointer; cursor: pointer;
} }
input#languagefilter { input#languagefilter {
border: 1px solid #c9c9c9; border: 1px solid #c9c9c9;
-moz-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s;
@@ -131,29 +156,34 @@ input#languagefilter {
display: block; display: block;
background-color: transparent; background-color: transparent;
} }
input:focus#languagefilter { input:focus#languagefilter {
border: 1px solid #08C; border: 1px solid #3366bb;
} }
#search { #search {
background-color: #f8f8f8; background-color: #f8f8f8;
border-top-color: #555; border-top-color: #aaaaaa;
border-top-style: solid; border-top-style: solid;
border-top-width: 1px; border-top-width: 1px;
padding: 0.8em 0; padding: 0.8em 0;
} }
.search-label { .search-label {
/* @embed */ /* @embed */
background: url('../images/search.png') no-repeat scroll right center transparent; background: url('../images/search.png') no-repeat scroll right center
transparent;
background-size: 30px; background-size: 30px;
height: 32px; height: 32px;
width: 32px; width: 32px;
display: inline-block; display: inline-block;
float: right; float: right;
} }
span#languagefilter-clear { span#languagefilter-clear {
/* @embed */ /* @embed */
background: url('../images/clear.png') no-repeat scroll left center transparent; background: url('../images/clear.png') no-repeat scroll left center
transparent;
cursor: pointer; cursor: pointer;
height: 32px; height: 32px;
position: absolute; position: absolute;
@@ -183,4 +213,4 @@ span#languagefilter-clear {
#search-input-block { #search-input-block {
position: relative; position: relative;
} }

14
lib/jquery.uls/css/jquery.uls.lcd.css
View File

@@ -1,12 +1,13 @@
.uls-lcd-region-section h3 { .uls-lcd-region-section h3 {
color: #777; color: #777;
} }
.uls-lcd-region-section ul li:hover { .uls-lcd-region-section ul li:hover {
background-color: #eaeff7; background-color: #eaeff7;
} }
/* Language list */ /* Language list */
.uls-language-list { .uls-language-list {
height: 18em; height: 22em;
overflow: auto; overflow: auto;
margin: 10px; margin: 10px;
width: auto; width: auto;
@@ -15,18 +16,23 @@
.uls-language-block ul { .uls-language-block ul {
margin: 0px 0px 1.6em; margin: 0px 0px 1.6em;
} }
.uls-language-list ul li { .uls-language-list ul li {
cursor: pointer;
font-weight: normal; font-weight: normal;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.uls-language-list strong { .uls-language-list strong {
text-decoration: underline; text-decoration: underline;
} }
.uls-language-list a { .uls-language-list a {
font-weight: normal; font-weight: normal;
color: #0088CC; text-decoration: none;
color: #3366bb;
font-size: 14px; font-size: 14px;
line-height: 1.6em; line-height: 1.6em;
} }
@@ -52,6 +58,6 @@
line-height: 1.6em; line-height: 1.6em;
} }
.uls-lcd-region-section ul li.uls-column-break:hover{ .uls-lcd-region-section ul li.uls-column-break:hover {
background: none; background: none;
} }

27
resources/css/ext.uls.css
View File

@@ -23,10 +23,10 @@ div.display-settings-block:hover {
color: black; color: black;
} }
.uls-ui-languages button{ .uls-ui-languages button {
width:23%; width: 23%;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right:15px; margin-right: 15px;
} }
.uls-ui-languages button#uls-more-languages { .uls-ui-languages button#uls-more-languages {
@@ -48,7 +48,9 @@ div.display-settings-block:hover .settings-text {
button.button { button.button {
background-color: #E6E6E6; background-color: #E6E6E6;
background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
background-image: -moz-linear-gradient(center top, #F0F0F0, #E6E6E6); background-image: -moz-linear-gradient(center top, #F0F0F0, #E6E6E6);
background-image: linear-gradient(#F0F0F0, #E6E6E6);
border: 1px solid #C9C9C9; border: 1px solid #C9C9C9;
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
color: #252525; color: #252525;
@@ -62,23 +64,30 @@ button.button {
button.button:hover { button.button:hover {
background-color: #F0F0F0; background-color: #F0F0F0;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0);
background-image: -moz-linear-gradient(center top, #F8F8F8, #F0F0F0); background-image: -moz-linear-gradient(center top, #F8F8F8, #F0F0F0);
background-image: linear-gradient(#F8F8F8, #F0F0F0);
border-color: #C9C9C9; border-color: #C9C9C9;
} }
button.button:active, button.button:active,
button.button.down { button.button.down {
background-color: #D8D8D8; background-color: #D8D8D8;
background-image: -webkit-linear-gradient(top, #d3d3d3, #d8d8d8);
background-image: -moz-linear-gradient(center top, #D3D3D3, #D8D8D8); background-image: -moz-linear-gradient(center top, #D3D3D3, #D8D8D8);
background-image: linear-gradient(#D3D3D3, #D8D8D8);
border-color: #C9C9C9; border-color: #C9C9C9;
} }
button.button:disabled, button.button:disabled,
button.button.hover:disabled, button.button.hover:disabled,
button.button.disabled, button.button.disabled,
button.button.disabled:hover { button.button.disabled:hover
{
background-color: #F0F0F0; background-color: #F0F0F0;
background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
background-image: -moz-linear-gradient(center top, #F0F0F0, #F0F0F0); background-image: -moz-linear-gradient(center top, #F0F0F0, #F0F0F0);
background-image: linear-gradient(#F0F0F0, #F0F0F0);
border-color: #E3E3E3; border-color: #E3E3E3;
color: #C9C9C9; color: #C9C9C9;
cursor: default; cursor: default;
@@ -86,7 +95,9 @@ button.button.disabled:hover {
button.button.blue { button.button.blue {
background-color: #3366BB; background-color: #3366BB;
background-image: -webkit-linear-gradient(top, #3670c8, #3366bb);
background-image: -moz-linear-gradient(center top, #3670C8, #3366BB); background-image: -moz-linear-gradient(center top, #3670C8, #3366BB);
background-image: -moz-linear-gradient(#3670C8, #3366BB);
border: 1px solid #33589F; border: 1px solid #33589F;
color: #FFFFFF; color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
@@ -94,13 +105,17 @@ button.button.blue {
button.button.blue:hover { button.button.blue:hover {
background-color: #3F77D7; background-color: #3F77D7;
background-image: -webkit-linear-gradient(top, #4c84da, #3f77d7);
background-image: -moz-linear-gradient(center top, #4C84DA, #3F77D7); background-image: -moz-linear-gradient(center top, #4C84DA, #3F77D7);
background-image: -moz-linear-gradient(#4C84DA, #3F77D7);
} }
button.button.blue:active, button.button.blue:active,
button.button.blue.down:active { button.button.blue.down:active {
background-color: #2A549C; background-color: #2A549C;
background-image: -webkit-linear-gradient(top, #2d5ea9, #2a549c);
background-image: -moz-linear-gradient(center top, #2D5EA9, #2A549C); background-image: -moz-linear-gradient(center top, #2D5EA9, #2A549C);
background-image: linear-gradient(#2D5EA9, #2A549C);
} }
button.button.blue:disabled, button.button.blue:disabled,
@@ -108,9 +123,11 @@ button.button.blue.hover:disabled,
button.button.blue.disabled, button.button.blue.disabled,
button.button.blue.disabled:hover { button.button.blue.disabled:hover {
background-color: #7297D7; background-color: #7297D7;
background-image: -webkit-linear-gradient(top, #7297d7, #7297d7);
background-image: -moz-linear-gradient(center top, #7297D7, #7297D7); background-image: -moz-linear-gradient(center top, #7297D7, #7297D7);
background-image: linear-gradient(#7297D7, #7297D7);
border-color: #5E89D1; border-color: #5E89D1;
color: white; color: white;
cursor: default; cursor: default;
text-shadow: none; text-shadow: none;
} }