Files
mediawiki-extensions-Univer…/resources/css/ext.uls.languagesettings.css
Santhosh Thottingal a3c63f1efc Update ULS settings UI style to mediawiki.ui style
The ext.uls.buttons style can be removed but Translate extension use that.
Once it is separated we can remove it from ULS.

Testplan:
Use ULS settings and notice the style difference of buttons, checkboxes
and radio buttons. No functionality should be affected and UI should not
be broken in any ways.

This was once attempted in Id186ece6513f154e0388bc4170c21bdabb59038a
but we had to revert because of incompleteness

Bug: T52599
Bug: T127020
Change-Id: Ibbb2068b5036537f298fad6c49169a5b986304d5
2016-04-07 12:06:29 +00:00

143 lines
2.6 KiB
CSS

#uls-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;
border-radius: 0 0 5px 5px;
}
.uls-menu h3 {
border-bottom: medium none;
font-size: 14pt;
line-height: 1.5em;
margin-bottom: 10px;
margin-top: 0;
padding-left: 0;
}
#languagesettings-panels .languagesettings-menu {
padding-left: 0;
padding-right: 0;
}
.languagesettings-menu .settings-title {
font-size: 13pt;
}
.languagesettings-menu h1 {
font-size: 16pt;
line-height: 20pt;
margin-top: 0;
font-weight: normal;
border: none;
padding: 15px 0 3px 15px;
color: #555;
}
.language-settings-buttons {
text-align: right;
}
#languagesettings-settings-panel {
padding-left: 5%;
color: #252525;
background: #FFFFFF;
border-bottom-right-radius: 5px;
}
#languagesettings-settings-panel h3 {
color: #252525;
padding-top: 15px;
margin-top: 1pt;
line-height: 20pt;
font-size: 16pt;
}
#languagesettings-settings-panel h4 {
color: #252525;
font-size: 12pt;
}
#languagesettings-settings-panel h5 {
color: #252525;
font-size: 10pt;
}
/* Buttons in the selector panel */
.menu-section {
color: #777;
padding: 5px 0 5px 50px;
border-left: 3px solid transparent;
display: block;
font-size: 12pt;
}
#language-settings-dialog {
background: #FBFBFB;
}
.uls-language-settings-close-block {
background: #FFFFFF;
border-top-right-radius: 5px;
}
#languagesettings-panels .menu-section.active,
#languagesettings-panels .menu-section.active:hover {
color: black;
background-color: #F0F0F0;
border-left-color: #3366BB;
}
.settings-menu-items .menu-section {
background-position: 6% 6px;
padding-left: 40px;
cursor: pointer;
}
.settings-menu-items .menu-section:hover {
background-color: #F5F5F5;
}
.language-settings-buttons {
border-top: 1px solid #F0F0F0;
margin-top: 25px;
padding: 15px;
width: auto;
}
.language-settings-buttons button {
margin-left: 15px;
}
.uls-ui-languages p,
.checkbox {
color: #555555;
font-size: 10pt;
}
/* mediawiki.ui does not have a pressed state style. */
#languagesettings-panels .mw-ui-pressed {
background-color: #D8D8D8;
}
.checkbox input[type="checkbox"] {
margin-left: 0;
}
.checkbox strong {
color: #252525;
}
label.checkbox input[type="checkbox"] {
float: left;
}
.waiting {
cursor: progress;
}