MediaWiki:Common.css: Difference between revisions
From Path of Diablo Wiki
No edit summary |
No edit summary Tag: Manual revert |
||
(129 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
Line 68: | Line 60: | ||
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | ||
#p-logo a { | #p-logo a { | ||
Line 79: | Line 70: | ||
/* POD CSS */ | /* POD CSS */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | |||
background-color: var(--background-color-interactive-subtle, #202020); | |||
color: var(--color-base, #FFF); | |||
border-color: var(--border-color-base, #a2a9b1); | |||
} | |||
.mw-echo-ui-placeholderItemWidget { | |||
background-color: var(--background-color-neutral, #202020); | |||
} | |||
.oo-ui-popupWidget-popup { | |||
background-color: #353535; | |||
border: 1px solid var(--border-color-base, #202020); | |||
color: #FFF; | |||
} | |||
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head { | |||
border-bottom: 1px solid var(--border-color-subtle, #202020); | |||
color: #FFF; | |||
} | |||
.mw-notification { | |||
background-color: var(--background-color-base, #000); | |||
} | |||
#mw-content-subtitle, #contentSub2 { | |||
color: var(--color-subtle, #898f95); | |||
} | |||
#mw-allmessagestable tbody td { | |||
opacity: 0.9; | |||
background-color: #000; | |||
} | |||
.mw-collapsible-toggle-default .mw-collapsible-text:hover { | |||
color: var(--color-progressive--hover, #faa700); | |||
} | |||
.mw-customtoggle, .mw-collapsible-toggle { | |||
color: #fbf7f7; | |||
} | |||
.mw-apisandbox-toolbar { | |||
background: var(--background-color-base, #4c4b4b); | |||
} | |||
.mw-apisandbox-popup-help .oo-ui-popupWidget-body-padded { | |||
background-color: #2D2D2D; | |||
} | |||
.oo-ui-popupWidget-body-padded { | |||
margin: 5px 6px; | |||
} | |||
.mw-apisandbox-popup-help .oo-ui-popupWidget-body-padded { | |||
background-color: #2D2D2D; | |||
} | |||
.oo-ui-labelWidget.oo-ui-inline-help { | |||
color: var(--color-subtle, #99a1a7); | |||
} | |||
.mw-apisandbox-optionalWidget-cover { | |||
background-color: var(--background-color-interactive-subtle,#b9b8b8) | |||
} | |||
.mw-apisandbox-optionalWidget-checkbox { | |||
background-color: var(--background-color-interactive-subtle,#b9b8b8) | |||
} | |||
.mw-collapsible-toggle-default .mw-collapsible-text { | |||
color: var(--color-progressive, #cbc1a9); | |||
} | |||
.wikiEditor-ui-toolbar .booklet .index { | |||
background-color: var(--background-color-neutral-subtle, #4d5256); | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options { | |||
background-color: var(--background-color-base, #c5cbd1); | |||
} | |||
.ui-widget-content { | |||
border: 1px solid #592424; | |||
background: #3c3c3c; | |||
color: #f6f6f6; | |||
} | |||
.wikiEditor-ui-toolbar .sections .section { | |||
border-top: 1px solid var(--border-color-subtle, #4f0e11); | |||
} | |||
.wikiEditor-ui-toolbar .booklet > .index > .current { | |||
background-color: var(--background-color-progressive-subtle, #f1f4fd); | |||
color: var(--color-progressive, #000004); | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a { | |||
color: var(--color-progressive, #000004); | |||
} | |||
.wikiEditor-ui-toolbar { | |||
background-color: var(--background-color-neutral-subtle, #c5cbd0); | |||
} | |||
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited { | |||
color: #7d3939; | |||
} | |||
.vector-menu-dropdown .vector-menu-content { | |||
background-color: var(--background-color-base, #232324); | |||
} | |||
.vector-menu-dropdown .mw-list-item a { | |||
color: #AF9F85; | |||
} | |||
#pt-userpage, #pt-anonuserpage { | |||
background-image: none; | |||
background-size: 0px; | |||
} | |||
#ca-unwatch.icon a, #ca-watch.icon a { | |||
background-size: 0px; | |||
} | |||
.vector-search-box-input { | |||
background-color: #d0d0d0; | |||
color: var(--color-emphasized, #101418); | |||
} | |||
.vector-menu-dropdown .vector-menu-heading { | |||
color: var(--color-subtle, #AF9F85); | |||
} | |||
.vector-menu-tabs-legacy .selected { | |||
background: linear-gradient(to top, #2D2D2D 0, #2D2D2D 1px, #232323 100%); | |||
} | |||
.vector-menu-tabs-legacy li a { | |||
color: #AF9F85; | |||
} | |||
.vector-menu-tabs-legacy li { | |||
background-image: linear-gradient(to top, #1c1c1c 0, #1c1c1c 1px, #232323 100%); | |||
} | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, #170808 100%); | |||
} | |||
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { | |||
color: var(--color-base, #cbc1a9); | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | |||
color: var(--color-subtle, #7a7f82); | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a { | |||
color: #cbc1a9; | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited { | |||
color: #AF9F85; | |||
} | |||
.cdx-message--error { | |||
background-color: var(--background-color-error-subtle, #250a0a); | |||
border-color: var(--border-color-error, #9f3526); | |||
} | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | |||
background-color: var(--background-color-interactive-subtle, #b9b8b8); | |||
color: var(--color-base, #000); | |||
} | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | |||
background-color: var(--background-color-interactive-subtle, #b9b8b8); | |||
background-color: var(--background-color-base, #b9b8b8); | |||
color: var(--color-base, #000); | |||
} | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { | |||
background-color: var(--background-color-base, #b9b8b8); | |||
} | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { | |||
background-color: var(--background-color-base, #000); | |||
color: var(--color-emphasized, #fff); | |||
} | |||
.oo-ui-checkboxInputWidget [type='checkbox'] { | |||
height: 1.12857143em; | |||
} | |||
.oo-ui-iconElement-icon { | |||
min-height: 14px; | |||
} | |||
.cdx-message { | |||
color: var(--color-notice, #edebe9); | |||
} | |||
.cdx-message--warning { | |||
background-color: var(--background-color-warning-subtle, #514723); | |||
} | |||
.vector-menu-dropdown .vector-menu-heading { | |||
background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, #8208a2 100%); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | |||
color: var(--color-base, #eeeee9); | |||
} | |||
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: var(--background-color-progressive-subtle,#440d0d); | |||
} | |||
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color:var(--background-color-interactive,#7c3f3f) | |||
} | |||
.wikEdConsoleWrapper { | |||
background: #2D2D2D; | |||
} | |||
.oo-ui-dropdownWidget-handle { | .oo-ui-dropdownWidget-handle { |