HomePhabricator
Diffusion extension-UniversalLanguageSelector (master) Browse

rEULS/resources/css/ext.uls.css
8dc2816c7797master

Last Change
Raw File

ext.uls.css
View Options

/*
* The trigger can be placed in the personal toolbar near the username
* or near the interlanguage links.
*/
#pt-uls a.uls-trigger {
padding-left: 30px;
}
#p-lang .uls-settings-trigger {
/* @embed */
background: transparent url('../images/cog-sprite.png') right top no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
background-image: linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
height: 16px;
width: 14px;
float: right;
cursor: pointer;
}
.skin-vector #p-lang .uls-settings-trigger {
/* Put it in the middle of the first row of the section title */
margin-top: 3px;
}
#p-lang .uls-settings-trigger:hover {
background-position: right -16px;
}
/* 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: -ms-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;
}
.uls-menu a {
cursor: pointer;
}
.uls-menu.callout .caret-before {
border-top: 20px solid transparent;
border-right: 20px solid #AAA;
border-bottom: 20px solid transparent;
display: inline-block;
left: -21px;
top: 30px;
position: absolute;
}
.uls-menu.callout .caret-after {
border-top: 20px solid transparent;
border-right: 20px solid #FCFCFC;
border-bottom: 20px solid transparent;
display: inline-block;
left: -20px;
top: 30px;
position: absolute;
}
#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;
}
.uls-ui-languages button {
width: 23%;
text-overflow: ellipsis;
margin-right: 4%;
}
button.uls-more-languages {
width: auto;
}
.settings-title {
font-size: 11pt;
}
.settings-text {
color: #555555;
font-size: 9pt;
}
div.display-settings-block:hover .settings-text {
color: #252525;
}
button.button {
display: inline-block;
padding: 0.4065em 1.2195em 0.4065em;
font-size: 0.813em;
font-weight: bold;
line-height: 1;
color: #252525;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
cursor: pointer;
background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #e6e6e6));
background-image: -ms-linear-gradient(top, #f0f0f0, #e6e6e6);
background-image: linear-gradient(#f0f0f0, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
border: 1px #c9c9c9 solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e6e6e6', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e6e6e6', GradientType=0);
}
button.button:hover {
background-color: #f0f0f0;
background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
background-image: -ms-linear-gradient(top, #f8f8f8, #f0f0f0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f0f0f0));
background-image: -webkit-linear-gradient(top, #f8f8f8, #f0f0f0);
background-image: linear-gradient(#f8f8f8, #f0f0f0);
border-color: #c9c9c9;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f0f0f0', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f0f0f0', GradientType=0);
}
button.button:active,
button.button.down {
background-color: #d8d8d8;
background-image: -moz-linear-gradient(top, #d3d3d3, #d8d8d8);
background-image: -ms-linear-gradient(top, #d3d3d3, #d8d8d8);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #d8d8d8));
background-image: -webkit-linear-gradient(top, #d3d3d3, #d8d8d8);
background-image: linear-gradient(#d3d3d3, #d8d8d8);
border-color: #c9c9c9;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#d8d8d8', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#d8d8d8', GradientType=0);
}
button.button:disabled,
button.button:disabled.hover,
button.button.disabled,
button.button.disabled:hover {
color: #c9c9c9;
cursor: default;
background-color: #f0f0f0;
background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
background-image: -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #f0f0f0));
background-image: linear-gradient(#f0f0f0, #f0f0f0);
background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
border-color: #e3e3e3;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0);
}
button.button.blue {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #3366bb;
background-image: -ms-linear-gradient(top, #3670c8, #3366bb);
background-image: -moz-linear-gradient(top, #3670c8, #3366bb);
background-image: linear-gradient(#3670c8, #3366bb);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3670c8), color-stop(100%, #3366bb));
background-image: -webkit-linear-gradient(top, #3670c8, #3366bb);
border: 1px #33589f solid;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3670c8', endColorstr='#3366bb', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#3670c8', endColorstr='#3366bb', GradientType=0);
}
button.button.blue:hover {
background-color: #3f77d7;
background-image: -moz-linear-gradient(top, #4c84da, #3f77d7);
background-image: -ms-linear-gradient(top, #4c84da, #3f77d7);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c84da), color-stop(100%, #3f77d7));
background-image: -webkit-linear-gradient(top, #4c84da, #3f77d7);
background-image: linear-gradient(#4c84da, #3f77d7);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c84da', endColorstr='#3f77d7', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4c84da', endColorstr='#3f77d7', GradientType=0);
}
button.button.blue:active {
background-color: #2a549c;
background-image: -moz-linear-gradient(top, #2d5ea9, #2a549c);
background-image: -ms-linear-gradient(top, #2d5ea9, #2a549c);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d5ea9), color-stop(100%, #2a549c));
background-image: -webkit-linear-gradient(top, #2d5ea9, #2a549c);
background-image: linear-gradient(#2d5ea9, #2a549c);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d5ea9', endColorstr='#2a549c', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2d5ea9', endColorstr='#2a549c', GradientType=0);
}
button.button.blue:disabled,
button.button.blue:disabled.hover,
button.button.blue.disabled,
button.button.blue.disabled:hover {
color: white;
text-shadow: none;
cursor: default;
background-color: #7297d7;
background-image: -moz-linear-gradient(top, #7297d7, #7297d7);
background-image: -ms-linear-gradient(top, #7297d7, #7297d7);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7297d7), color-stop(100%, #7297d7));
background-image: -webkit-linear-gradient(top, #7297d7, #7297d7);
background-image: linear-gradient(#7297d7, #7297d7);
border-color: #5e89d1;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7297d7', endColorstr='#7297d7', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7297d7', endColorstr='#7297d7', GradientType=0);
}
button.button.green {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #008740;
background-image: -ms-linear-gradient(top, #00974b, #008740);
background-image: -moz-linear-gradient(top, #00974b, #008740);
background-image: linear-gradient(#00974b, #008740);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00974b), color-stop(100%, #008740));
background-image: -webkit-linear-gradient(top, #00974b, #008740);
border: 1px #0f9b3b solid;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00974b', endColorstr='#008740', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00974b', endColorstr='#008740', GradientType=0);
}
button.button.green:hover {
background-color: #119750;
background-image: -moz-linear-gradient(top, #10a65b, #119750);
background-image: -ms-linear-gradient(top, #10a65b, #119750);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #10a65b), color-stop(100%, #119750));
background-image: -webkit-linear-gradient(top, #10a65b, #119750);
background-image: linear-gradient(#10a65b, #119750);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#10a65b', endColorstr='#119750', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#10a65b', endColorstr='#119750', GradientType=0);
}
button.button.green:active {
background-color: #007236;
background-image: -moz-linear-gradient(top, #007236, #007236);
background-image: -ms-linear-gradient(top, #007236, #007236);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007236), color-stop(100%, #007236));
background-image: -webkit-linear-gradient(top, #007236, #007236);
background-image: linear-gradient(#007236, #007236);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#007236', endColorstr='#007236', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#007236', endColorstr='#007236', GradientType=0);
}
button.button.green:disabled,
button.button.green:disabled.hover,
button.button.green.disabled,
button.button.green.disabled:hover {
color: white;
text-shadow: none;
cursor: default;
background-color: #2ca368;
background-image: -moz-linear-gradient(top, #2ca368, #2ca368);
background-image: -ms-linear-gradient(top, #2ca368, #2ca368);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ca368), color-stop(100%, #2ca368));
background-image: -webkit-linear-gradient(top, #2ca368, #2ca368);
background-image: linear-gradient(#2ca368, #2ca368);
border-color: #278f5b;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca368', endColorstr='#2ca368', GradientType=0)";
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2ca368', endColorstr='#2ca368', GradientType=0);
}
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL