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

Refactor the css so that embedded images are optimally loaded

Browse Source 
Change-Id: If19d20fb22afafbf62c355394dcda825a0151ac6
This commit is contained in:
Santhosh Thottingal
2014-01-23 03:50:40 +00:00
committed by Niklas Laxström
parent 50eb932756
commit 81c4dfe848
7 changed files with 142 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
resources/css/ext.uls.pt.css Normal file
View File

@@ -0,0 +1,61 @@
/*
* The trigger can be placed in the personal toolbar near the username
* or near the interlanguage links.
*/
/*
* A hack to load the icon before the rest of the module is lazy-loaded.
* Copied from jquery.uls.css with the path changed.
*/
.uls-trigger {
/* @embed */
background: transparent url('../../lib/jquery.uls/images/icon-language.png') no-repeat scroll left center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg');
padding-left: 30px;
}
#pt-uls a.uls-trigger {
padding-left: 30px;
/* Fix alignment in vector: https://bugzilla.wikimedia.org/59239 */
line-height: 1;
}
/* Opera for some inexplicable reason confuses right and left padding with */
/* RTL text direction here (bug 45142). x:-o-prefocus won't match anything, */
/* but will make other browsers ignore this rule. */
x:-o-prefocus, body.rtl li#pt-uls {
/* @noflip */
direction: ltr;
}
#settings-block {
border-top: 1px solid #C9C9C9;
background: #f8f8f8;
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#F0F0F0));
background: -webkit-linear-gradient(top, #FBFBFB, #F0F0F0);
background: -moz-linear-gradient(top, #FBFBFB, #F0F0F0);
background: -o-linear-gradient(top, #FBFBFB, #F0F0F0);
background: linear-gradient(#FBFBFB, #F0F0F0);
padding-left: 10px;
line-height: 1.2em;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#settings-block div.display-settings-block,
#settings-block div.input-settings-block {
display: inline-block;
margin: 8px 15px;
color: #565656;
}
#settings-block div.display-settings-block:hover,
#settings-block div.input-settings-block:hover {
color: #252525;
}