MediaWiki:UITest.css: Difference between revisions
From IdleOn MMO Wiki
mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
/* OOUI */ | |||
color: | |||
.oo-ui-pendingElement-pending { | |||
background-color: var(--base-1); | |||
background-image: linear-gradient(135deg,var(--base-2) 25%,transparent 25%,transparent 50%,var(--base-2) 50%,var(--base-2) 75%,transparent 75%,transparent) | |||
} | |||
.client-js .mw-echo-special-nojs { | |||
filter: var(--filter); | |||
} | |||
/* OOUI STYLE BUTTONS */ | |||
button, | |||
.button, | |||
input[type=submit], | |||
.ui-button, | |||
.ui-widget .ui-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | |||
background: var(--base-1); | |||
border: 1px solid var(--contrast-3); | |||
color: var(--contrast-1); | |||
font-weight: bold; | |||
border-radius: 2px; | |||
transition: all 100ms; | |||
} | |||
button:hover, | |||
.button:hover, | |||
input[type=submit]:hover, | |||
.ui-button:hover, | |||
.ui-widget .ui-button:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | |||
.ui-state-hover, | |||
.ui-widget-content .ui-state-hover, | |||
.ui-widget-header .ui-state-hover{ | |||
background: var(--base-2); | |||
border-color: var(--contrast-3); | |||
} | |||
button:focus, | |||
.button:focus, | |||
input[type=submit]:focus, | |||
.ui-button:focus, | |||
.ui-widget .ui-button:focus, | |||
.ui-state-focus, | |||
.ui-widget-content .ui-state-focus, | |||
.ui-widget-header .ui-state-focus{ | |||
background: var(--base-1); | |||
border-color: var(--contrast-2); | |||
} | |||
.mw-ui-button:not(:disabled):hover { | |||
color: #fff; | |||
} | |||
/* | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | |||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { | |||
background:goldenrod; | |||
} | |||
*/ | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { | |||
background: var(--base-2); | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { | |||
background: var(--contrast-3); | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-2); | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | |||
background: var(--base-2); | |||
background: transparent; | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | |||
color: var(--link); | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { | |||
color: var(--link-hover); | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus{ | |||
background: var(--base-1); | |||
background: transparent; | |||
border-color: var(--contrast-2); | |||
} | |||
.oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, | |||
.oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { | |||
border-color: transparent; | |||
border-right-color: var(--contrast-3); | |||
} | |||
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { | |||
border-color: transparent; | |||
} | |||
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, | |||
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active{ | |||
background-color: var(--base-2); | |||
border-color: transparent; | |||
border-right-color: var(--contrast-3); | |||
} | |||
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active, | |||
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus { | |||
background-color: var(--base-1); | |||
border-color: var(--link); | |||
} | |||
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { | |||
border-left-color: var(--contrast-3); | |||
} | |||
.oo-ui-optionWidget.oo-ui-widget-disabled { | |||
color: var(--contrast-2); | |||
} | |||
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { | |||
border-left-color: var(--base-2); | |||
} | |||
/* OOUI STYLE INPUTS */ | |||
input, | |||
select, | |||
textarea { | |||
color: var(--contrast-1); | |||
background: var(--base-2); | |||
border: 1px solid var(--contrast-3); | |||
padding: 0.35em; | |||
border-radius: 2px; | |||
} | |||
input, | |||
select, | |||
textarea, | |||
.oo-ui-inputWidget-input, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input, | |||
form:not(.oo-ui-layout) input, | |||
form:not(.oo-ui-layout) textarea, | |||
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending), | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { | |||
background: var(--base-1); | |||
border: 1px solid var(--contrast-3); | |||
color: var(--contrast-1); | |||
transition: border-color 250ms, box-shadow 250ms; | |||
} | |||
input:hover, | |||
select:hover, | |||
textarea:hover, | |||
.oo-ui-inputWidget-input, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, | |||
form:not(.oo-ui-layout) input:hover, | |||
form:not(.oo-ui-layout) textarea:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { | |||
border-color: var(--contrast-2); | |||
color: var(--contrast-1); | |||
} | |||
input:focus, | |||
select:focus, | |||
textarea:focus, | |||
.oo-ui-inputWidget-input:focus, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, | |||
form:not(.oo-ui-layout) input:focus, | |||
form:not(.oo-ui-layout) textarea:focus { | |||
border-color: var(--link); | |||
box-shadow: inset 0 0 0 1px var(--link); | |||
outline: 1px solid transparent; | |||
} | |||
input::placeholder { | |||
color: var(--contrast-1); | |||
opacity: .5; | |||
} | |||
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { | |||
background: var(--contrast-3); | |||
-webkit-text-fill-color: var(--contrast-2); | |||
color: var(--contrast-3); | |||
border-color: var(--contrast-2); | |||
text-shadow: 0 1px 1px var(--base-1); | |||
} | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { | |||
background: var(--base-2); | |||
} | |||
/* OOUI ICONS */ | |||
.oo-ui-iconElement-icon, | |||
.oo-ui-indicatorElement-indicator, | |||
.wikiEditor-ui-toolbar .tabs span.tab a:before, | |||
.wikiEditor-ui-toolbar .group .tool-select .label:after, | |||
.ve-ui-mwLatexPage-symbol, | |||
.mwe-math-element, | |||
.mw-echo-ui-notificationItemWidget-icon { | |||
filter: var(--filter); | |||
} | |||
.oo-ui-iconElement-icon.oo-ui-image-progressive, | |||
.oo-ui-iconElement-icon.oo-ui-image-destructive, | |||
.oo-ui-image-warning.oo-ui-icon-alert, | |||
.oo-ui-image-destructive.oo-ui-icon-trash, | |||
.oo-ui-checkboxInputWidget-checkIcon, | |||
.oo-ui-image-error.oo-ui-icon-error, | |||
.mw-ui-icon-error-error:before { | |||
filter: none; | |||
} | |||
span.oo-ui-indicatorElement-indicator.oo-ui-indicator-clear { | |||
top: 50%; | |||
transform: translateY(-50%); | |||
} | |||
/* OOUI CHECKBOXES, RADIO BUTTONS, TOGGLES */ | |||
.oo-ui-checkboxInputWidget [type='checkbox'] + span, | |||
.oo-ui-toggleSwitchWidget { | |||
background-color: var(--base-1); | |||
border-color: var(--contrast-3); | |||
} | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { | |||
background-color: var(--base-1); | |||
} | |||
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span { | |||
background-color: var(--contrast-3); | |||
border-color: var(--contrast-3); | |||
} | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { | |||
background-color: var(--base-1); | |||
} | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { | |||
border-color: var(--contrast-2); | |||
} | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip, | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before { | |||
border-color: var(--base-1); | |||
} | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { | |||
border-color: var(--contrast-3); | |||
box-shadow: inset 0 0 0 1px var(--contrast-3); | |||
} | |||
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { | |||
background-color: var(--base-3); | |||
border-color: var(--contrast-3); | |||
} | |||
.oo-ui-radioInputWidget [type='radio'] + span { | |||
background-color: var(--base-2); | |||
} | |||
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span { | |||
top: 50%; | |||
transform: translateY(-50%); | |||
} | |||
.oo-ui-radioOptionWidget .oo-ui-radioInputWidget, .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { | |||
vertical-align: middle; | |||
} | |||
/* OOUI SELECT, OPTIONS, DROPDOWNS */ | |||
.oo-ui-menuSelectWidget, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | |||
background: var(--base-1); | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
transition: all 100ms; | |||
} | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | |||
background: var(--base-1); | |||
border-color: var(--contrast-2); | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { | |||
background-color: var(--highlight-progressive); | |||
color: var(--contrast); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: var(--highlight-progressive); | |||
color: var(--link); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: var(--highlight-progressive); | |||
color: var(--link); | |||
} | |||
/* OOUI DATE PICKER */ | |||
.mw-widget-dateInputWidget-handle, | |||
.mw-widget-dateInputWidget-calendar { | |||
background: var(--base-1); | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
border-radius: 2px; | |||
} | |||
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { | |||
border-color: var(--contrast-2); | |||
} | |||
.mw-widget-calendarWidget-day{ | |||
color: var(--contrast-1) | |||
} | |||
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle, | |||
.mw-widget-calendarWidget-day-heading, | |||
.mw-widget-calendarWidget-day-additional { | |||
color: var(--contrast-2); | |||
} | |||
.mw-widget-calendarWidget-item-selected { | |||
background: #36c; | |||
color: #fff; | |||
font-weight: bold; | |||
} | |||
/* OOUI FORMS & LAYOUT */ | |||
.oo-ui-panelLayout-framed { | |||
border-color: var(--contrast-3); | |||
background: var(--base-2); | |||
} | |||
.oo-ui-tabSelectWidget-framed { | |||
background: var(--base-1); | |||
} | |||
.oo-ui-tabOptionWidget { | |||
color: var(--contrast-2); | |||
} | } | ||
/* | .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { | ||
background: var(--base-2); | |||
color: var(--contrast-2); | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { | |||
background: var(--base-2); | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { | |||
border-color: transparent; | |||
} | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) { | |||
background: var(--highlight-contrast); | |||
} | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { | |||
background: transparent; | |||
} | |||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { | |||
background: var(--highlight-contrast); | |||
} | |||
/* MODALS AND DIALOGS */ | |||
.oo-ui-windowManager-modal > .oo-ui-dialog, | |||
.ui-widget-overlay, | |||
.oo-ui-processDialog-errors { | |||
background: var(--modal-overlay); | |||
opacity: 1; | |||
} | |||
.oo-ui-popupWidget-popup, | |||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame, | |||
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame, | |||
.ui-dialog.ui-widget, | |||
.ui-dialog.ui-widget.ui-widget-content { | |||
background: var(--base-2); | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-messageDialog-title, | |||
.oo-ui-messageDialog-message { | |||
color:var(--contrast-1); | |||
} | |||
.ui-dialog.ui-widget, | |||
.ui-dialog.ui-widget * { | |||
font-family: inherit; | |||
} | |||
.ui-dialog.ui-widget, .ui-dialog.ui-widget.ui-widget-content { | |||
font-size: 1em; | |||
padding: 0; | |||
border-radius: 0; | |||
} | |||
.ui-widget-content, | |||
.ui-widget-header, | |||
.ui-dialog .ui-dialog-buttonpane { | |||
background: transparent; | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
border-radius: 0; | |||
} | |||
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | |||
border-color: var(--contrast-3) !important; | |||
} | |||
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu, | |||
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget, | |||
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu { | |||
border-color: var(--contrast-3); | |||
} | |||
.oo-ui-processDialog-content .oo-ui-window-head, | |||
.oo-ui-processDialog-content .oo-ui-window-foot, | |||
.oo-ui-messageDialog-content > .oo-ui-window-foot { | |||
outline-color: var(--contrast-3); | |||
} | |||
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { | |||
border-top-color: var(--contrast-3); | |||
} | |||
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { | |||
border-bottom-color: var(--base-2); | |||
} | |||
.ui-widget-content{ | |||
color: var(--contrast-1); | |||
} | |||
.ui-widget-header { | |||
border-width:0 0 1px; | |||
text-align: center; | |||
height: 3em; | |||
} | |||
.ui-dialog .ui-dialog-title, | |||
.ui-dialog .ui-dialog-titlebar { | |||
float: none; | |||
line-height: 3em; | |||
padding: 0; | |||
} | |||
.ui-dialog .ui-dialog-titlebar-close { | |||
left: 0; | |||
top: 0; | |||
margin: 0; | |||
border: 0; | |||
border-right: 1px solid transparent; | |||
width: 3em; | |||
height: 3em; | |||
border-radius: 0; | |||
opacity: .74; | |||
} | |||
.ui-dialog .ui-dialog-titlebar-close:hover, | |||
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover { | |||
border-right-color: var(--contrast-3); | |||
} | |||
.ui-dialog .ui-dialog-titlebar-close:focus, | |||
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus { | |||
border-color: var(--link); | |||
box-shadow: inset 0 0 0 1px var(--link); | |||
} | |||
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { | |||
background: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/close.svg) no-repeat center center; | |||
border: 1px solid transparent; | |||
margin: 0; | |||
width: 3em; | |||
height: 3em; | |||
background-size: 20px; | |||
position: relative; | |||
filter: var(--filter); | |||
} | |||
.ui-dialog .ui-dialog-buttonpane { | |||
padding: 0 0 0 .5em; | |||
height: 3em; | |||
line-height: 3em; | |||
} | |||
/* OOUI WIZARDS */ | |||
.ext-templatewizard-templatetitlebar, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all { | |||
background: transparent; | |||
border-color: var(--contrast-3); | |||
} | |||
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky { | |||
background: var(--base-2); | |||
} | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, | |||
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label { | |||
color: var(--contrast-1); | |||
} | |||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { | |||
background-color: var(--highlight-progressive); | |||
color: var(--contrast); | |||
} | |||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, | |||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, | |||
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { | |||
background-color: var(--highlight-progressive); | |||
color: var(--link); | |||
} | |||
.ve-ui-mwTemplatePage-description, | |||
.ve-ui-mwParameterPage-undocumentedLabel, | |||
.ve-ui-mwMediaDialog-panel-imageinfo-details, | |||
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { | |||
color: var(--contrast-2); | |||
} | |||
.oo-ui-searchWidget-query, | |||
.ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-menu, | |||
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu, | |||
.ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content { | |||
border-color: var(--contrast-3); | |||
} | |||
.mw-widget-mediaResultWidget-overlay { | |||
box-shadow: inset 0 0 0 1px var(--contrast-3); | |||
} | |||
.ve-ui-mwGalleryDialog-highlighted-image { | |||
background-color: var(--base-1); | |||
} | |||
/* OOUI ALERTS, ERRORS, WARNINGS */ | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error, | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning, | |||
.mw-message-box-warning { | |||
position: relative; | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error:before, | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning:before, | |||
.mw-message-box-warning:before{ | |||
content:""; | |||
background: var(--base-1); | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
z-index: -1; | |||
} | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error{ | |||
background: rgb(255 32 32 / 15%); | |||
} | |||
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning, | |||
.mw-message-box-warning { | |||
background: rgb(255 204 51 / 15%); | |||
} | |||
/* CODE */ | |||
code, pre, .mw-code { | |||
background: var(--base-2); | |||
color: var(--contrast-1); | |||
border-color: var(--contrast-3); | |||
} | |||
.mw-content-ltr.mw-highlight-lines pre, | |||
.mw-content-ltr.content .mw-highlight-lines pre { | |||
box-shadow: inset 2.75em 0 0 var(--base-1); | |||
} | |||
/* EDITOR */ | |||
.wikiEditor-ui-text, | |||
.codeEditor-status, | |||
.codeEditor-status-message { | |||
color: var(--contrast-1); | |||
background: var(--base-1); | |||
border-color: var(--contrast-3); | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-text textarea, | |||
.ace-tm, | |||
.CodeMirror, | |||
.ve-ui-mwAceEditorWidget .ace_editor { | |||
background: var(--base-2); | |||
color: var(--contrast-1); | |||
border-color: var(--contrast-3); | |||
} | |||
.wikiEditor-ui textarea#wpTextbox1:hover, | |||
.wikiEditor-ui textarea#wpTextbox1:focus { | |||
border: 1px solid var(--contrast-3); | |||
box-shadow:none; | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-top, | |||
.wikiEditor-ui .wikiEditor-ui-view, | |||
.oo-ui-menuToolGroup { | |||
border-color: var(--contrast-3); | |||
} | |||
/* ACE EDITOR */ | |||
.ace-tm .ace_gutter { | |||
background: var(--base-1); | |||
} | |||
.ace-tm .ace_gutter-active-line, | |||
.ace-tm .ace_marker-layer .ace_active-line, | |||
.ace-tm .ace_print-margin { | |||
background: var(--highlight-contrast); | |||
} | |||
.ace-tm .ace_cursor { | |||
color:var(--contrast-1); | |||
} | |||
.ace-tm .ace_line { | |||
color: #000; | |||
filter: var(--filter-ace); | |||
} | |||
.ace_gutter-cell.ace_error, | |||
.ace_gutter-cell.ace_warning, | |||
.ace_gutter-cell.ace_info { | |||
background-repeat: no-repeat; | |||
background-size: 12px; | |||
background-position: 5px center; | |||
} | |||
.ace_gutter-cell.ace_error { | |||
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/clear-destructive.svg); | |||
} | |||
.ace_gutter-cell.ace_warning { | |||
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/alert-warning.svg); | |||
} | |||
.ace_gutter-cell.ace_info { | |||
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/notice-progressive.svg); | |||
} | |||
.codeEditor-status .codeEditor-status-worker-cell.ace_gutter-cell{ | |||
background-position: 1px center; | |||
} | |||
.ace-tm .ace_marker-layer .ace_selection, | |||
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line { | |||
background: var(--highlight-progressive); | |||
} | |||
.ace-tm .ace_marker-layer .ace_selected-word { | |||
background: var(--base-2); | |||
border-color: var(--highlight-progressive); | |||
} | |||
.ace_search { | |||
color:var(--contrast-1); | |||
background: var(--base-0); | |||
border-color: var(--contrast-3); | |||
} | |||
.ace_search_form *, .ace_replace_form *{ | |||
vertical-align: middle; | |||
} | |||
.ace_search_field { | |||
padding: 0 0.35em !important; | |||
} | |||
.ace_search_field, | |||
.ace_searchbtn, | |||
.ace_button, | |||
.ace_searchbtn:last-child { | |||
color: var(--contrast-1); | |||
background: var(--base-1); | |||
border-color: var(--contrast-3); | |||
} | |||
.ace_searchbtn:hover, | |||
.ace_button:hover { | |||
background: var(--base-2); | |||
border-color: var(--contrast-2); | |||
} | |||
.ace_editor.ace_autocomplete{ | |||
color: var(--contrast-1); | |||
background: var(--base-1); | |||
border-color: var(--contrast-3); | |||
} | |||
/* CODEMIRROR */ | |||
.CodeMirror-gutters { | |||
background: var(--base-1); | |||
border-color: var(--contrast-3); | |||
} | |||
.CodeMirror pre.CodeMirror-line { | |||
color: #000; | |||
filter: var(--filter-codemirror); | |||
font-size: 13px; | |||
line-height: 20px; | |||
} | |||
/* OOUI TOOLBAR */ | |||
.wikiEditor-ui-toolbar, | |||
.oo-ui-toolbar-bar, | |||
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { | |||
background: var(--base-2); | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
} | |||
.wikiEditor-ui-toolbar .group, | |||
.wikiEditor-ui-toolbar .section-secondary .group, | |||
.wikiEditor-ui-toolbar .sections .section, | |||
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, | |||
.wikiEditor-ui-toolbar .page-table td { | |||
border-color: var(--contrast-3); | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current, | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited, | |||
.wikiEditor-ui-toolbar .group .tool-select .label, | |||
.ve-ui-specialCharacterPage h3, | |||
.wikiEditor-ui-toolbar .page-table th, | |||
.wikiEditor-ui-toolbar .page-table td { | |||
color: var(--contrast-1); | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a { | |||
color: var(--link); | |||
} | |||
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, | |||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link { | |||
background: var(--base-1); | |||
color: var(--link); | |||
} | |||
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover{ | |||
border-color: var(--contrast-3); | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span, | |||
.ve-ui-specialCharacterPage-character { | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span:hover, | |||
.ve-ui-specialCharacterPage-character:hover { | |||
background: transparent; | |||
border-color: var(--contrast-2); | |||
color: var(--contrast-1); | |||
} | |||
/* OOUI TOOLBAR SELECT, OPTIONS, DROPDOWNS */ | |||
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { | |||
transition: none; | |||
} | |||
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { | |||
background-color: var(--contrast-3); | |||
border-color: var(--contrast-3); | |||
} | |||
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, | |||
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active, | |||
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { | |||
background-color:var(--base-1); | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, | |||
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { | |||
background-color: var(--highlight-progressive); | |||
color: var(--contrast); | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options, | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option, | |||
.oo-ui-popupToolGroup-tools { | |||
background-color: var(--base-2); | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
} | |||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, | |||
.wikiEditor-ui-toolbar .booklet > .index > .current, | |||
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link { | |||
background-color: var(--base-1); | |||
color: var(--link); | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { | |||
background-color: var(--base-2); | |||
color: var(--contrast-1); | |||
border-color: var(--contrast-3); | |||
} | |||
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted, | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover, | |||
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover, | |||
.wikiEditor-ui-toolbar .booklet > .index > :hover, | |||
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, | |||
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover, | |||
select option:hover{ | |||
background-color: var(--highlight-progressive); | |||
color: var(--contrast); | |||
} | |||
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { | |||
color: var(--link); | |||
} | |||
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { | |||
color: var(--contrast-1); | |||
opacity: .6; | |||
} | |||
.ve-ui-contextItem + .ve-ui-contextItem { | |||
border-color: var(--contrast-3); | |||
} | |||
/* VISUAL EDITOR */ | |||
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug { | |||
background: var(--base-2); | |||
outline-color: var(--contrast-2); | |||
} | |||
/* BELOW EDITOR */ | |||
div.editOptions { | |||
background: var(--base-0); | |||
border-color: var(--contrast-3); | |||
color: var(--contrast-1); | |||
} | |||
/* SCRIBUNTO */ | |||
.mw-scribunto-console-fieldset, | |||
.mw-scribunto-message { | |||
background:transparent; | |||
} | |||
.mw-scribunto-console-fieldset { | |||
color: var(--contrast-1); | |||
} | |||
#mw-scribunto-input{ | |||
background: var(--base-1); | |||
color: var(--contrast-1); | |||
border: 1px solid var(--contrast-3); | |||
} | |||
/* UPLOADS */ | |||
#msupload-dropzone, #msupload-bottom{height:auto;} | |||
.wikiEditor-ui #msupload-select, | |||
#msupload-bottom #msupload-files { | |||
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg); | |||
} | |||
#msupload-list .file .file-cancel { | |||
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/indicators/clear.svg); | |||
} | |||
.wikiEditor-ui #msupload-select, | |||
#msupload-bottom #msupload-files, | |||
#msupload-list .file .file-cancel { | |||
filter: var(--filter); | |||
opacity: .8; | |||
} | |||
.wikiEditor-ui #msupload-select:hover, | |||
#msupload-bottom #msupload-files:hover, | |||
#msupload-list .file .file-cancel:hover { | |||
opacity: 1; | |||
} | |||
#msupload-div { background: var(--base-2); border-color:var(--contrast-3); } | |||
#msupload-dropzone { color: var(--contrast-1); border-color: var(--contrast-2); } | |||
#msupload-dropzone.drop-over { background: var(--contrast-3); } | |||
#msupload-list .file { background: var(--base-2); border-color: var(--contrast-3); } | |||
#msupload-bottom { height: auto; border-color: var(--contrast-3); } | |||
#msupload-list .file .file-name:hover { background: var(--contrast-3); } | |||
.oo-ui-labelWidget.oo-ui-inline-help { | |||
color: var(--contrast-1); | |||
opacity: .6; | |||
} | |||
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget{ | |||
background:var(--base-1); | |||
border-color: var(--contrast-2); | |||
} | |||
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget.oo-ui-selectFileWidget-canDrop{ | |||
background:var(--base-2); | |||
border-color: var(--contrast-2); | |||
} | |||
/* SEARCH, FILES */ | |||
ul#filetoc, | |||
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | |||
.mw-changeslist-legend, | |||
.mw-body .mw-search-profile-tabs, | |||
.mw-body fieldset#mw-searchoptions { | |||
color: var(--contrast-1); | |||
background:var(--base-2); | |||
border-color: var(--contrast-3); | |||
} | |||
.search-types .current a { | |||
color: var(--contrast-1); | |||
} | |||
#mw-searchoptions .divider { | |||
border-color: var(--contrast-3); | |||
} | |||
.results-info, | |||
.mw-search-result-data { | |||
color: var(--contrast-2); | |||
} | |||
/* HISTORY */ | |||
#pagehistory li.selected { | |||
background: var(--base-3); | |||
color: var(--contrast-1); | |||
outline-color: var(--contrast-3); | |||
} | |||
.mw-revslider-container, | |||
.mw-revslider-slider-wrapper { | |||
color: var(--contrast-1); | |||
background: var(--base-2); | |||
border-color: var(--contrast-3); | |||
} | |||
.mw-plusminus-pos, | |||
.mw-revslider-change-positive, | |||
.mw-revslider-revision-tooltip .mw-revslider-change-positive { | |||
color:#148d14; | |||
font-weight:600; | |||
} | |||
.mw-plusminus-neg, | |||
.mw-revslider-change-negative, | |||
.mw-revslider-revision-tooltip .mw-revslider-change-negative { | |||
color:#f44336; | |||
font-weight:600; | |||
} | |||
.mw-revslider-revision { | |||
border-color: var(--base-0); | |||
background-color: var(--base-0); | |||
} | |||
.mw-revslider-revision-border-box{ | |||
border-color: var(--base-1); | |||
} | |||
.mw-revslider-revision-highlight .mw-revslider-revision-border-box { | |||
border-color: var(--contrast-3); | |||
background-color: var(--contrast-3); | |||
} | |||
.mw-revslider-revision-new .mw-revslider-revision, | |||
.mw-revslider-revision-old .mw-revslider-revision, | |||
.mw-revslider-revision-intermediate .mw-revslider-revision { | |||
border-color: var(--contrast-2); | |||
background-color: var(--contrast-3); | |||
} | |||
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered { | |||
background-color: var(--base-2); | |||
} | |||
.mw-revslider-revision-wrapper-hovered .mw-revslider-revision-hovered.mw-revslider-revision-wrapper-up { | |||
background-color: var(--highlight-progressive); | |||
} | |||
.mw-revslider-spinner .mw-revslider-bounce, | |||
.mw-revslider-spinner:before, | |||
.mw-revslider-spinner:after{ | |||
background-color: var(--contrast-2); | |||
} | |||
/* DIFF */ | |||
.mw-diff-movedpara-left:after, | |||
.mw-diff-movedpara-right:after, | |||
.diff-context{background:var(--base-3); color:var(--contrast-1); border-color:var(--contrast-3);} | |||
.diff-deletedline{border-color:rgb(255 148 32 / 45%); background:var(--base-2);} | |||
.diff-deletedline .diffchange { background: rgb(255 148 32 / 45%); } | |||
.diff-addedline{border-color: rgb(71 219 90 / 45%); background:var(--base-2);} | |||
.diff-addedline .diffchange { background: rgb(71 219 90 / 45%); } | |||
/* CARGO */ | |||
body div.drilldown-filters-wrapper { | |||
background: var(--base-2); | |||
color: var(--contrast-1); | |||
border: 1px solid var(--contrast-3); | |||
padding: 0.6em; | |||
} | |||
.drilldown-values-toggle, | |||
div.cargo-table-diagram { | |||
filter: var(--filter); | |||
} | |||
/* SIMPLE SEARCH */ | |||
.client-darkmode .mw-no-invert#p-search{ | .client-darkmode .mw-no-invert#p-search{ | ||
Line 35: | Line 1,086: | ||
#simpleSearch #searchButton, | #simpleSearch #searchButton, | ||
#simpleSearch #mw-searchButton{ | #simpleSearch #mw-searchButton{ | ||
background: transparent url(/wiki/ | background: transparent url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/search.svg) no-repeat center center; | ||
border: none; | border: none; | ||
filter: var(--filter); | filter: var(--filter); | ||
} | } | ||
Revision as of 04:35, 23 February 2023
/* OOUI */
.oo-ui-pendingElement-pending {
background-color: var(--base-1);
background-image: linear-gradient(135deg,var(--base-2) 25%,transparent 25%,transparent 50%,var(--base-2) 50%,var(--base-2) 75%,transparent 75%,transparent)
}
.client-js .mw-echo-special-nojs {
filter: var(--filter);
}
/* OOUI STYLE BUTTONS */
button,
.button,
input[type=submit],
.ui-button,
.ui-widget .ui-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: var(--base-1);
border: 1px solid var(--contrast-3);
color: var(--contrast-1);
font-weight: bold;
border-radius: 2px;
transition: all 100ms;
}
button:hover,
.button:hover,
input[type=submit]:hover,
.ui-button:hover,
.ui-widget .ui-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover{
background: var(--base-2);
border-color: var(--contrast-3);
}
button:focus,
.button:focus,
input[type=submit]:focus,
.ui-button:focus,
.ui-widget .ui-button:focus,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
background: var(--base-1);
border-color: var(--contrast-2);
}
.mw-ui-button:not(:disabled):hover {
color: #fff;
}
/*
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background:goldenrod;
}
*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background: var(--base-2);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background: var(--contrast-3);
border-color: var(--contrast-3);
color: var(--contrast-2);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: var(--contrast-1);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background: var(--base-2);
background: transparent;
color: var(--contrast-1);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--link);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: var(--link-hover);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus{
background: var(--base-1);
background: transparent;
border-color: var(--contrast-2);
}
.oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-color: transparent;
border-right-color: var(--contrast-3);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button {
border-color: transparent;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active{
background-color: var(--base-2);
border-color: transparent;
border-right-color: var(--contrast-3);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active,
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:focus {
background-color: var(--base-1);
border-color: var(--link);
}
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-left-color: var(--contrast-3);
}
.oo-ui-optionWidget.oo-ui-widget-disabled {
color: var(--contrast-2);
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
border-left-color: var(--base-2);
}
/* OOUI STYLE INPUTS */
input,
select,
textarea {
color: var(--contrast-1);
background: var(--base-2);
border: 1px solid var(--contrast-3);
padding: 0.35em;
border-radius: 2px;
}
input,
select,
textarea,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
form:not(.oo-ui-layout) input,
form:not(.oo-ui-layout) textarea,
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending),
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
background: var(--base-1);
border: 1px solid var(--contrast-3);
color: var(--contrast-1);
transition: border-color 250ms, box-shadow 250ms;
}
input:hover,
select:hover,
textarea:hover,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
form:not(.oo-ui-layout) input:hover,
form:not(.oo-ui-layout) textarea:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
border-color: var(--contrast-2);
color: var(--contrast-1);
}
input:focus,
select:focus,
textarea:focus,
.oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
form:not(.oo-ui-layout) input:focus,
form:not(.oo-ui-layout) textarea:focus {
border-color: var(--link);
box-shadow: inset 0 0 0 1px var(--link);
outline: 1px solid transparent;
}
input::placeholder {
color: var(--contrast-1);
opacity: .5;
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
background: var(--contrast-3);
-webkit-text-fill-color: var(--contrast-2);
color: var(--contrast-3);
border-color: var(--contrast-2);
text-shadow: 0 1px 1px var(--base-1);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background: var(--base-2);
}
/* OOUI ICONS */
.oo-ui-iconElement-icon,
.oo-ui-indicatorElement-indicator,
.wikiEditor-ui-toolbar .tabs span.tab a:before,
.wikiEditor-ui-toolbar .group .tool-select .label:after,
.ve-ui-mwLatexPage-symbol,
.mwe-math-element,
.mw-echo-ui-notificationItemWidget-icon {
filter: var(--filter);
}
.oo-ui-iconElement-icon.oo-ui-image-progressive,
.oo-ui-iconElement-icon.oo-ui-image-destructive,
.oo-ui-image-warning.oo-ui-icon-alert,
.oo-ui-image-destructive.oo-ui-icon-trash,
.oo-ui-checkboxInputWidget-checkIcon,
.oo-ui-image-error.oo-ui-icon-error,
.mw-ui-icon-error-error:before {
filter: none;
}
span.oo-ui-indicatorElement-indicator.oo-ui-indicator-clear {
top: 50%;
transform: translateY(-50%);
}
/* OOUI CHECKBOXES, RADIO BUTTONS, TOGGLES */
.oo-ui-checkboxInputWidget [type='checkbox'] + span,
.oo-ui-toggleSwitchWidget {
background-color: var(--base-1);
border-color: var(--contrast-3);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
background-color: var(--base-1);
}
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
background-color: var(--contrast-3);
border-color: var(--contrast-3);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--base-1);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
border-color: var(--contrast-2);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
border-color: var(--base-1);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
border-color: var(--contrast-3);
box-shadow: inset 0 0 0 1px var(--contrast-3);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
background-color: var(--base-3);
border-color: var(--contrast-3);
}
.oo-ui-radioInputWidget [type='radio'] + span {
background-color: var(--base-2);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
top: 50%;
transform: translateY(-50%);
}
.oo-ui-radioOptionWidget .oo-ui-radioInputWidget, .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
vertical-align: middle;
}
/* OOUI SELECT, OPTIONS, DROPDOWNS */
.oo-ui-menuSelectWidget,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background: var(--base-1);
border-color: var(--contrast-3);
color: var(--contrast-1);
transition: all 100ms;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background: var(--base-1);
border-color: var(--contrast-2);
color: var(--contrast-1);
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--contrast-1);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: var(--highlight-progressive);
color: var(--contrast);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--highlight-progressive);
color: var(--link);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--highlight-progressive);
color: var(--link);
}
/* OOUI DATE PICKER */
.mw-widget-dateInputWidget-handle,
.mw-widget-dateInputWidget-calendar {
background: var(--base-1);
border-color: var(--contrast-3);
color: var(--contrast-1);
border-radius: 2px;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
border-color: var(--contrast-2);
}
.mw-widget-calendarWidget-day{
color: var(--contrast-1)
}
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle,
.mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-day-additional {
color: var(--contrast-2);
}
.mw-widget-calendarWidget-item-selected {
background: #36c;
color: #fff;
font-weight: bold;
}
/* OOUI FORMS & LAYOUT */
.oo-ui-panelLayout-framed {
border-color: var(--contrast-3);
background: var(--base-2);
}
.oo-ui-tabSelectWidget-framed {
background: var(--base-1);
}
.oo-ui-tabOptionWidget {
color: var(--contrast-2);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
background: var(--base-2);
color: var(--contrast-2);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background: var(--base-2);
color: var(--contrast-1);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-color: transparent;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) {
background: var(--highlight-contrast);
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
background: transparent;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background: var(--highlight-contrast);
}
/* MODALS AND DIALOGS */
.oo-ui-windowManager-modal > .oo-ui-dialog,
.ui-widget-overlay,
.oo-ui-processDialog-errors {
background: var(--modal-overlay);
opacity: 1;
}
.oo-ui-popupWidget-popup,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
.ui-dialog.ui-widget,
.ui-dialog.ui-widget.ui-widget-content {
background: var(--base-2);
border-color: var(--contrast-3);
color: var(--contrast-1);
}
.oo-ui-messageDialog-title,
.oo-ui-messageDialog-message {
color:var(--contrast-1);
}
.ui-dialog.ui-widget,
.ui-dialog.ui-widget * {
font-family: inherit;
}
.ui-dialog.ui-widget, .ui-dialog.ui-widget.ui-widget-content {
font-size: 1em;
padding: 0;
border-radius: 0;
}
.ui-widget-content,
.ui-widget-header,
.ui-dialog .ui-dialog-buttonpane {
background: transparent;
border-color: var(--contrast-3);
color: var(--contrast-1);
border-radius: 0;
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-color: var(--contrast-3) !important;
}
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu {
border-color: var(--contrast-3);
}
.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot,
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline-color: var(--contrast-3);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
border-top-color: var(--contrast-3);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: var(--base-2);
}
.ui-widget-content{
color: var(--contrast-1);
}
.ui-widget-header {
border-width:0 0 1px;
text-align: center;
height: 3em;
}
.ui-dialog .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar {
float: none;
line-height: 3em;
padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
left: 0;
top: 0;
margin: 0;
border: 0;
border-right: 1px solid transparent;
width: 3em;
height: 3em;
border-radius: 0;
opacity: .74;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
border-right-color: var(--contrast-3);
}
.ui-dialog .ui-dialog-titlebar-close:focus,
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
border-color: var(--link);
box-shadow: inset 0 0 0 1px var(--link);
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
background: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/close.svg) no-repeat center center;
border: 1px solid transparent;
margin: 0;
width: 3em;
height: 3em;
background-size: 20px;
position: relative;
filter: var(--filter);
}
.ui-dialog .ui-dialog-buttonpane {
padding: 0 0 0 .5em;
height: 3em;
line-height: 3em;
}
/* OOUI WIZARDS */
.ext-templatewizard-templatetitlebar,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-add-remove-all {
background: transparent;
border-color: var(--contrast-3);
}
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
background: var(--base-2);
}
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
.ext-templatewizard-templateform .oo-ui-menuLayout-menu .ext-templatewizard-parameter-list-inner .oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label {
color: var(--contrast-1);
}
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
background-color: var(--highlight-progressive);
color: var(--contrast);
}
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
background-color: var(--highlight-progressive);
color: var(--link);
}
.ve-ui-mwTemplatePage-description,
.ve-ui-mwParameterPage-undocumentedLabel,
.ve-ui-mwMediaDialog-panel-imageinfo-details,
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
color: var(--contrast-2);
}
.oo-ui-searchWidget-query,
.ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop > .oo-ui-menuLayout-menu,
.ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content {
border-color: var(--contrast-3);
}
.mw-widget-mediaResultWidget-overlay {
box-shadow: inset 0 0 0 1px var(--contrast-3);
}
.ve-ui-mwGalleryDialog-highlighted-image {
background-color: var(--base-1);
}
/* OOUI ALERTS, ERRORS, WARNINGS */
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-message-box-warning {
position: relative;
color: var(--contrast-1);
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error:before,
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning:before,
.mw-message-box-warning:before{
content:"";
background: var(--base-1);
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error{
background: rgb(255 32 32 / 15%);
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-message-box-warning {
background: rgb(255 204 51 / 15%);
}
/* CODE */
code, pre, .mw-code {
background: var(--base-2);
color: var(--contrast-1);
border-color: var(--contrast-3);
}
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 var(--base-1);
}
/* EDITOR */
.wikiEditor-ui-text,
.codeEditor-status,
.codeEditor-status-message {
color: var(--contrast-1);
background: var(--base-1);
border-color: var(--contrast-3);
}
.wikiEditor-ui .wikiEditor-ui-text textarea,
.ace-tm,
.CodeMirror,
.ve-ui-mwAceEditorWidget .ace_editor {
background: var(--base-2);
color: var(--contrast-1);
border-color: var(--contrast-3);
}
.wikiEditor-ui textarea#wpTextbox1:hover,
.wikiEditor-ui textarea#wpTextbox1:focus {
border: 1px solid var(--contrast-3);
box-shadow:none;
}
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view,
.oo-ui-menuToolGroup {
border-color: var(--contrast-3);
}
/* ACE EDITOR */
.ace-tm .ace_gutter {
background: var(--base-1);
}
.ace-tm .ace_gutter-active-line,
.ace-tm .ace_marker-layer .ace_active-line,
.ace-tm .ace_print-margin {
background: var(--highlight-contrast);
}
.ace-tm .ace_cursor {
color:var(--contrast-1);
}
.ace-tm .ace_line {
color: #000;
filter: var(--filter-ace);
}
.ace_gutter-cell.ace_error,
.ace_gutter-cell.ace_warning,
.ace_gutter-cell.ace_info {
background-repeat: no-repeat;
background-size: 12px;
background-position: 5px center;
}
.ace_gutter-cell.ace_error {
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/clear-destructive.svg);
}
.ace_gutter-cell.ace_warning {
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/alert-warning.svg);
}
.ace_gutter-cell.ace_info {
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/notice-progressive.svg);
}
.codeEditor-status .codeEditor-status-worker-cell.ace_gutter-cell{
background-position: 1px center;
}
.ace-tm .ace_marker-layer .ace_selection,
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
background: var(--highlight-progressive);
}
.ace-tm .ace_marker-layer .ace_selected-word {
background: var(--base-2);
border-color: var(--highlight-progressive);
}
.ace_search {
color:var(--contrast-1);
background: var(--base-0);
border-color: var(--contrast-3);
}
.ace_search_form *, .ace_replace_form *{
vertical-align: middle;
}
.ace_search_field {
padding: 0 0.35em !important;
}
.ace_search_field,
.ace_searchbtn,
.ace_button,
.ace_searchbtn:last-child {
color: var(--contrast-1);
background: var(--base-1);
border-color: var(--contrast-3);
}
.ace_searchbtn:hover,
.ace_button:hover {
background: var(--base-2);
border-color: var(--contrast-2);
}
.ace_editor.ace_autocomplete{
color: var(--contrast-1);
background: var(--base-1);
border-color: var(--contrast-3);
}
/* CODEMIRROR */
.CodeMirror-gutters {
background: var(--base-1);
border-color: var(--contrast-3);
}
.CodeMirror pre.CodeMirror-line {
color: #000;
filter: var(--filter-codemirror);
font-size: 13px;
line-height: 20px;
}
/* OOUI TOOLBAR */
.wikiEditor-ui-toolbar,
.oo-ui-toolbar-bar,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
background: var(--base-2);
border-color: var(--contrast-3);
color: var(--contrast-1);
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group,
.wikiEditor-ui-toolbar .sections .section,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.wikiEditor-ui-toolbar .page-table td {
border-color: var(--contrast-3);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .group .tool-select .label,
.ve-ui-specialCharacterPage h3,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
color: var(--contrast-1);
}
.wikiEditor-ui-toolbar .tabs span.tab a {
color: var(--link);
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link {
background: var(--base-1);
color: var(--link);
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover{
border-color: var(--contrast-3);
}
.wikiEditor-ui-toolbar .page-characters div span,
.ve-ui-specialCharacterPage-character {
border-color: var(--contrast-3);
color: var(--contrast-1);
}
.wikiEditor-ui-toolbar .page-characters div span:hover,
.ve-ui-specialCharacterPage-character:hover {
background: transparent;
border-color: var(--contrast-2);
color: var(--contrast-1);
}
/* OOUI TOOLBAR SELECT, OPTIONS, DROPDOWNS */
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
transition: none;
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
background-color: var(--contrast-3);
border-color: var(--contrast-3);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
background-color:var(--base-1);
color: var(--contrast-1);
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: var(--highlight-progressive);
color: var(--contrast);
}
.wikiEditor-ui-toolbar .group .tool-select .options,
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.oo-ui-popupToolGroup-tools {
background-color: var(--base-2);
border-color: var(--contrast-3);
color: var(--contrast-1);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.wikiEditor-ui-toolbar .booklet > .index > .current,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
background-color: var(--base-1);
color: var(--link);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: var(--base-2);
color: var(--contrast-1);
border-color: var(--contrast-3);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted,
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover,
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover,
.wikiEditor-ui-toolbar .booklet > .index > :hover,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
select option:hover{
background-color: var(--highlight-progressive);
color: var(--contrast);
}
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--link);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
color: var(--contrast-1);
opacity: .6;
}
.ve-ui-contextItem + .ve-ui-contextItem {
border-color: var(--contrast-3);
}
/* VISUAL EDITOR */
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
background: var(--base-2);
outline-color: var(--contrast-2);
}
/* BELOW EDITOR */
div.editOptions {
background: var(--base-0);
border-color: var(--contrast-3);
color: var(--contrast-1);
}
/* SCRIBUNTO */
.mw-scribunto-console-fieldset,
.mw-scribunto-message {
background:transparent;
}
.mw-scribunto-console-fieldset {
color: var(--contrast-1);
}
#mw-scribunto-input{
background: var(--base-1);
color: var(--contrast-1);
border: 1px solid var(--contrast-3);
}
/* UPLOADS */
#msupload-dropzone, #msupload-bottom{height:auto;}
.wikiEditor-ui #msupload-select,
#msupload-bottom #msupload-files {
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg);
}
#msupload-list .file .file-cancel {
background-image: url(/wiki/resources/lib/ooui/themes/wikimediaui/images/indicators/clear.svg);
}
.wikiEditor-ui #msupload-select,
#msupload-bottom #msupload-files,
#msupload-list .file .file-cancel {
filter: var(--filter);
opacity: .8;
}
.wikiEditor-ui #msupload-select:hover,
#msupload-bottom #msupload-files:hover,
#msupload-list .file .file-cancel:hover {
opacity: 1;
}
#msupload-div { background: var(--base-2); border-color:var(--contrast-3); }
#msupload-dropzone { color: var(--contrast-1); border-color: var(--contrast-2); }
#msupload-dropzone.drop-over { background: var(--contrast-3); }
#msupload-list .file { background: var(--base-2); border-color: var(--contrast-3); }
#msupload-bottom { height: auto; border-color: var(--contrast-3); }
#msupload-list .file .file-name:hover { background: var(--contrast-3); }
.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--contrast-1);
opacity: .6;
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget{
background:var(--base-1);
border-color: var(--contrast-2);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget.oo-ui-selectFileWidget-canDrop{
background:var(--base-2);
border-color: var(--contrast-2);
}
/* SEARCH, FILES */
ul#filetoc,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions {
color: var(--contrast-1);
background:var(--base-2);
border-color: var(--contrast-3);
}
.search-types .current a {
color: var(--contrast-1);
}
#mw-searchoptions .divider {
border-color: var(--contrast-3);
}
.results-info,
.mw-search-result-data {
color: var(--contrast-2);
}
/* HISTORY */
#pagehistory li.selected {
background: var(--base-3);
color: var(--contrast-1);
outline-color: var(--contrast-3);
}
.mw-revslider-container,
.mw-revslider-slider-wrapper {
color: var(--contrast-1);
background: var(--base-2);
border-color: var(--contrast-3);
}
.mw-plusminus-pos,
.mw-revslider-change-positive,
.mw-revslider-revision-tooltip .mw-revslider-change-positive {
color:#148d14;
font-weight:600;
}
.mw-plusminus-neg,
.mw-revslider-change-negative,
.mw-revslider-revision-tooltip .mw-revslider-change-negative {
color:#f44336;
font-weight:600;
}
.mw-revslider-revision {
border-color: var(--base-0);
background-color: var(--base-0);
}
.mw-revslider-revision-border-box{
border-color: var(--base-1);
}
.mw-revslider-revision-highlight .mw-revslider-revision-border-box {
border-color: var(--contrast-3);
background-color: var(--contrast-3);
}
.mw-revslider-revision-new .mw-revslider-revision,
.mw-revslider-revision-old .mw-revslider-revision,
.mw-revslider-revision-intermediate .mw-revslider-revision {
border-color: var(--contrast-2);
background-color: var(--contrast-3);
}
.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered {
background-color: var(--base-2);
}
.mw-revslider-revision-wrapper-hovered .mw-revslider-revision-hovered.mw-revslider-revision-wrapper-up {
background-color: var(--highlight-progressive);
}
.mw-revslider-spinner .mw-revslider-bounce,
.mw-revslider-spinner:before,
.mw-revslider-spinner:after{
background-color: var(--contrast-2);
}
/* DIFF */
.mw-diff-movedpara-left:after,
.mw-diff-movedpara-right:after,
.diff-context{background:var(--base-3); color:var(--contrast-1); border-color:var(--contrast-3);}
.diff-deletedline{border-color:rgb(255 148 32 / 45%); background:var(--base-2);}
.diff-deletedline .diffchange { background: rgb(255 148 32 / 45%); }
.diff-addedline{border-color: rgb(71 219 90 / 45%); background:var(--base-2);}
.diff-addedline .diffchange { background: rgb(71 219 90 / 45%); }
/* CARGO */
body div.drilldown-filters-wrapper {
background: var(--base-2);
color: var(--contrast-1);
border: 1px solid var(--contrast-3);
padding: 0.6em;
}
.drilldown-values-toggle,
div.cargo-table-diagram {
filter: var(--filter);
}
/* SIMPLE SEARCH */
.client-darkmode .mw-no-invert#p-search{
filter: none;
}
#simpleSearch,
.client-darkmode #simpleSearch {
background: transparent;
border: 0;
}
#simpleSearch #searchInput,
#searchform #searchInput {
background:var(--base-2);
border:1px solid var(--contrast-3);
}
#simpleSearch #searchInput:hover,
#simpleSearch #searchInput:active,
#searchform #searchInput:hover,
#searchform #searchInput:active {
border-color:var(--contrast-2);
}
#simpleSearch #searchInput:focus,
#searchform #searchInput:focus {
border-color:var(--contrast-2);
box-shadow: inset 0 0 0 1px var(--link);
outline: 1px solid transparent;}
#simpleSearch #searchButton,
#simpleSearch #mw-searchButton{
background: transparent url(/wiki/resources/lib/ooui/themes/wikimediaui/images/icons/search.svg) no-repeat center center;
border: none;
filter: var(--filter);
}
.suggestions,
.suggestions .suggestions-results,
.suggestions .suggestions-special {
color: var(--contrast-1);
background: var(--base-2);
border-color: var(--contrast-3);
}
.suggestions .suggestions-result,
.suggestions-special .special-query {
color: var(--contrast-1);
}
.suggestions-special .special-label {
color: var(--contrast-1);
opacity: .6;
}
.suggestions .suggestions-result-current{
background: #36c;
color: #fff;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: #fff;
}