6ea7307df9
Amending Base10 to slightly darker `#202122` to fulfill WCAG requirements in connection to Accent50. Also removing all PNG fallbacks as they are only used in JS-only. Bug: T248393 Change-Id: I07fa4e23320763a634e5340ab125634842b86454
168 lines
3.0 KiB
Plaintext
168 lines
3.0 KiB
Plaintext
@import 'mediawiki.mixins';
|
|
|
|
/* stylelint-disable selector-max-id */
|
|
.uls-menu h3 {
|
|
border-bottom: medium none;
|
|
font-size: 14pt;
|
|
line-height: 1.5em;
|
|
margin-bottom: 10px;
|
|
margin-top: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.languagesettings-menu {
|
|
/* Override grid padding */
|
|
.grid & {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
h1 {
|
|
color: #000;
|
|
font-size: 16pt;
|
|
line-height: 20pt;
|
|
margin-top: 0;
|
|
font-weight: normal;
|
|
border: 0;
|
|
padding: 8px 0 3px 15px;
|
|
}
|
|
|
|
.menu-section {
|
|
/* Unstyle the button. Other properties seem already overriden. */
|
|
text-align: left;
|
|
width: 100%;
|
|
/* Using border instead of outline for focus (outline doesn't have enough space) */
|
|
outline: 0;
|
|
color: #202122;
|
|
padding: 5px 0 5px 42px;
|
|
border: 1px solid transparent;
|
|
background: left 15px top 6px transparent no-repeat;
|
|
background-size: 20px auto;
|
|
cursor: pointer;
|
|
|
|
// Remove the dotted border for Firefox
|
|
&::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
|
|
/* Active "tab" has thicker always visible left border. background-position
|
|
* and padding must be tweaked to avoid the image from moving */
|
|
&.active {
|
|
color: #000;
|
|
background-color: #fff;
|
|
padding-left: 40px;
|
|
background-position: left 13px top 6px;
|
|
border-left-width: 3px;
|
|
border-left-color: #36c;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: #fff;
|
|
}
|
|
|
|
&:focus {
|
|
border-color: #36c;
|
|
}
|
|
|
|
.settings-title {
|
|
font-size: 13pt;
|
|
}
|
|
|
|
.settings-text {
|
|
color: #54595d;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
&:hover .settings-text {
|
|
color: #202122;
|
|
}
|
|
|
|
&.display-settings-block {
|
|
background-image: url( ../images/display.svg );
|
|
}
|
|
|
|
&.input-settings-block {
|
|
background-image: url( ../images/input.svg );
|
|
}
|
|
}
|
|
}
|
|
|
|
#languagesettings-settings-panel {
|
|
padding: 0 15px;
|
|
color: #202122;
|
|
background: #fff;
|
|
}
|
|
|
|
#languagesettings-settings-panel h3 {
|
|
color: #202122;
|
|
padding-top: 15px;
|
|
margin-top: 1pt;
|
|
line-height: 20pt;
|
|
font-size: 16pt;
|
|
}
|
|
|
|
#languagesettings-settings-panel h4 {
|
|
color: #202122;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
.language-settings-dialog {
|
|
background: #f8f9fa;
|
|
/* Ensure base font size is same in different skins */
|
|
font-size: medium;
|
|
}
|
|
|
|
.uls-language-settings-close-block {
|
|
background: #fff;
|
|
}
|
|
|
|
.language-settings-buttons {
|
|
border-top: 1px solid #eaecf0;
|
|
margin-top: 25px;
|
|
padding: 15px;
|
|
width: auto;
|
|
text-align: right;
|
|
}
|
|
|
|
.language-settings-buttons button {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.uls-ui-languages p,
|
|
.checkbox {
|
|
color: #54595d;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
/* mediawiki.ui does not have a pressed state style. */
|
|
#languagesettings-panels .mw-ui-pressed {
|
|
background-color: #2a4b8d;
|
|
color: #fff;
|
|
border-color: #2a4b8d;
|
|
}
|
|
|
|
.checkbox input[ type='checkbox' ] {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.checkbox strong {
|
|
color: #202122;
|
|
}
|
|
|
|
label.checkbox input[ type='checkbox' ] {
|
|
float: left;
|
|
}
|
|
|
|
.waiting {
|
|
cursor: progress;
|
|
}
|
|
|
|
.uls-icon-close {
|
|
background: transparent url( ../images/close.svg ) no-repeat center center;
|
|
// Support: Android Browser <= 4.3, doesn't accept `background-size` as part of `background` shorthand.
|
|
background-size: 16px 16px;
|
|
float: right;
|
|
padding: 16px;
|
|
cursor: pointer;
|
|
}
|