MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 48: | Line 48: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-bottom: 1px solid #cc3333 !important; | border-bottom: 1px solid #cc3333 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 53: | Line 54: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-bottom: 1px solid #444 !important; | border-bottom: 1px solid #444 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3) !important; | |||
} | } | ||
| Line 86: | Line 88: | ||
.oo-ui-menuOptionWidget { | .oo-ui-menuOptionWidget { | ||
background: #2a2a2a !important; | background: #2a2a2a !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 122: | Line 125: | ||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
border-bottom: 1px solid #444 !important; | border-bottom: 1px solid #444 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 167: | Line 171: | ||
.mw-echo-ui-notificationItemWidget { | .mw-echo-ui-notificationItemWidget { | ||
background-color: #1c1c1c !important; | background-color: #1c1c1c !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { | .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { | ||
background-color: #121212 !important; | background-color: #121212 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 205: | Line 211: | ||
.vector-user-menu { | .vector-user-menu { | ||
background: #222 !important; | background: #222 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 224: | Line 231: | ||
border-top: 1px solid #444 !important; | border-top: 1px solid #444 !important; | ||
color: #cccccc !important; | color: #cccccc !important; | ||
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 246: | Line 254: | ||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
border-bottom: 1px solid #444 !important; | border-bottom: 1px solid #444 !important; | ||
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 254: | Line 263: | ||
background: #2a2a2a !important; | background: #2a2a2a !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 260: | Line 270: | ||
.minerva-page-container { | .minerva-page-container { | ||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
.content .mw-index-pager-list-header, .mw-special-Watchlist .content h4 { | .content .mw-index-pager-list-header, .mw-special-Watchlist .content h4 { | ||
background-color: #212121 !important; | background-color: #212121 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
.mw-pager-tools a, .mw-history-undo a { | .mw-pager-tools a, .mw-history-undo a { | ||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 274: | Line 287: | ||
.navigation-drawer { | .navigation-drawer { | ||
background: rgba(26, 26, 26, 0.95) !important; | background: rgba(26, 26, 26, 0.95) !important; | ||
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.8) !important; | |||
} | } | ||
#mw-mf-page-center { | #mw-mf-page-center { | ||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 291: | Line 306: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-bottom: 2px solid #cc3333 !important; | border-bottom: 2px solid #cc3333 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 297: | Line 313: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-bottom: 1px solid #444 !important; | border-bottom: 1px solid #444 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important; | |||
} | } | ||
| Line 303: | Line 320: | ||
background: #ff6666 !important; | background: #ff6666 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 319: | Line 337: | ||
background: #444 !important; | background: #444 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7), 0 0 5px rgba(204, 51, 51, 0.3) !important; | box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7), 0 0 5px rgba(204, 51, 51, 0.3) !important; | ||
} | |||
/* minerva search suggestions */ | |||
.minerva-search-form .search-overlay, | |||
.search-box .search-overlay { | |||
background: #2a2a2a !important; | |||
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 326: | Line 351: | ||
background: #2a2a2a !important; | background: #2a2a2a !important; | ||
border: 1px solid #555 !important; | border: 1px solid #555 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 332: | Line 358: | ||
background: #2a2a2a !important; | background: #2a2a2a !important; | ||
border-right: 1px solid #555 !important; | border-right: 1px solid #555 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 338: | Line 365: | ||
background: #444 !important; | background: #444 !important; | ||
border-bottom: 2px solid #888 !important; | border-bottom: 2px solid #888 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 348: | Line 376: | ||
.minerva-tab-container li:hover { | .minerva-tab-container li:hover { | ||
background: #3a3a3a !important; | background: #3a3a3a !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 356: | Line 385: | ||
border-top: 1px solid #444 !important; | border-top: 1px solid #444 !important; | ||
color: #cccccc !important; | color: #cccccc !important; | ||
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 361: | Line 391: | ||
.minerva-user-menu, | .minerva-user-menu, | ||
.user-links { | .user-links { | ||
background: | background: #222 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 367: | Line 398: | ||
.user-links li a { | .user-links li a { | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important; | |||
} | } | ||
| Line 374: | Line 406: | ||
color: #ffffff !important; | color: #ffffff !important; | ||
text-shadow: 0 0 3px rgba(255, 255, 255, 0.3) !important; | text-shadow: 0 0 3px rgba(255, 255, 255, 0.3) !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 382: | Line 415: | ||
color: white !important; | color: white !important; | ||
border: 1px solid #aa2222 !important; | border: 1px solid #aa2222 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 387: | Line 421: | ||
.minerva-button:hover { | .minerva-button:hover { | ||
background-color: #dd4444 !important; | background-color: #dd4444 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 394: | Line 429: | ||
background-color: #cc3333 !important; | background-color: #cc3333 !important; | ||
border-radius: 4px !important; | border-radius: 4px !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 402: | Line 438: | ||
border: 1px solid #555 !important; | border: 1px solid #555 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 410: | Line 447: | ||
border: 1px solid #555 !important; | border: 1px solid #555 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 416: | Line 454: | ||
background: #333 !important; | background: #333 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
#mw-mf-page-left ul .toggle-list-item:hover { | #mw-mf-page-left ul .toggle-list-item:hover { | ||
background: #444 !important; | background: #444 !important; | ||
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 426: | Line 466: | ||
color: #cccccc !important; | color: #cccccc !important; | ||
background-color: #a7a7a7 !important; | background-color: #a7a7a7 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 431: | Line 472: | ||
.toggle-list-item__label { | .toggle-list-item__label { | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3) !important; | |||
} | } | ||
| Line 436: | Line 478: | ||
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper { | .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { | ||
background: #111 !important; | background: #111 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 441: | Line 484: | ||
.mw-echo-ui-notificationItemWidget-unread { | .mw-echo-ui-notificationItemWidget-unread { | ||
background: #333 !important; | background: #333 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 446: | Line 490: | ||
.mw-echo-ui-notificationItemWidget-content-message-header { | .mw-echo-ui-notificationItemWidget-content-message-header { | ||
color: #ffffff !important; | color: #ffffff !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important; | |||
} | |||
/* minerva mobile specific elements */ | |||
.minerva-drawer, | |||
.overlay { | |||
background: #222 !important; | |||
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.7) !important; | |||
} | |||
.minerva-page-actions { | |||
background: #2a2a2a !important; | |||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | |||
.minerva-talk-full-page { | |||
background: #2a2a2a !important; | |||
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.6) !important; | |||
} | |||
.minerva-history-list { | |||
background: #2a2a2a !important; | |||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important; | |||
} | |||
.minerva-watchstar { | |||
background: #333 !important; | |||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important; | |||
} | |||
/* minerva section headers */ | |||
.minerva-section-heading { | |||
background: #333 !important; | |||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 455: | Line 533: | ||
.ve-ui-mwSaveDialog-options { | .ve-ui-mwSaveDialog-options { | ||
background-color: rgb(50, 50, 50) !important; | background-color: rgb(50, 50, 50) !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 462: | Line 541: | ||
.oo-ui-window-foot { | .oo-ui-window-foot { | ||
background-color: rgb(50, 50, 50) !important; | background-color: rgb(50, 50, 50) !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 470: | Line 550: | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
padding: 10px !important; | padding: 10px !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 477: | Line 558: | ||
color: white !important; | color: white !important; | ||
border: 1px solid #aa2222 !important; | border: 1px solid #aa2222 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
| Line 482: | Line 564: | ||
.oo-ui-buttonElement-button.oo-ui-iconElement { | .oo-ui-buttonElement-button.oo-ui-iconElement { | ||
background-color: black !important; | background-color: black !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
| Line 487: | Line 570: | ||
.ve-ui-toolbar-saveButton { | .ve-ui-toolbar-saveButton { | ||
background: #cc3333 !important; | background: #cc3333 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
| Line 507: | Line 591: | ||
#mw-searchoptions { | #mw-searchoptions { | ||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
.mw-search-profile-tabs { | .mw-search-profile-tabs { | ||
background-color: #181818 !important; | background-color: #181818 !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important; | |||
} | } | ||
.mw-htmlform-submit-buttons { | .mw-htmlform-submit-buttons { | ||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
.oo-ui-popupWidget-popup { | .oo-ui-popupWidget-popup { | ||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | ||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important; | |||
} | } | ||
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { | .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { | ||
background-color: #380000 !important; | background-color: #380000 !important; | ||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important; | |||
} | } | ||
Revision as of 03:17, 20 August 2025
/* =================================
MEDIAWIKI DARK THEME - VECTOR + MINERVA
================================= */
/* global transitions */
* {
transition: all 0.3s ease !important;
}
/* =================================
SHARED STYLES (Vector + Minerva)
================================= */
/* main background and text */
body {
background: #1a1a1a !important;
color: #ffffff !important;
}
/* links */
a {
color: #ef4848 !important;
}
a:hover {
color: #ffffff !important;
}
a:visited {
color: #c55050 !important;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
color: #ffffff !important;
border-bottom: 1px solid #444 !important;
}
/* tables */
table {
background: #2a2a2a !important;
border: 1px solid #444 !important;
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.6) !important;
}
th {
background: #333 !important;
color: #ffffff !important;
border-bottom: 1px solid #cc3333 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important;
}
td {
color: #ffffff !important;
border-bottom: 1px solid #444 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
/* code blocks */
pre, code {
background: #1a1a1a !important;
border: 1px solid #444 !important;
color: #ffffff !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.8) !important;
}
/* =================================
VECTOR SKIN STYLES
================================= */
/* content area */
#content,
.mw-body {
background: #2a2a2a !important;
border: 1px solid #444 !important;
color: #ffffff !important;
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}
.mw-prefs-description {
color: #babcbd !important;
}
.oo-ui-window-body.mw-mobile-pref-dialog-body .mw-htmlform-field-HTMLInfoField {
color: #white !important;
}
.oo-ui-menuOptionWidget {
background: #2a2a2a !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important;
}
.oo-ui-labelWidget.oo-ui-inline-help {
color: #c1c1c1 !important;
}
/* sidebar */
#mw-panel,
.vector-menu-portal {
background: #222 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
#mw-panel .portal h3,
.vector-menu-portal h3 {
background: #333 !important;
color: #ffffff !important;
border-bottom: 2px solid #cc3333 !important;
}
#mw-panel .portal .body li a,
.vector-menu-portal .body li a {
color: #ffffff !important;
}
#mw-panel .portal .body li a:hover,
.vector-menu-portal .body li a:hover {
background: #ff6666 !important;
color: #ffffff !important;
}
/* header */
.header-container, #mw-head,
.vector-header {
background: #1a1a1a !important;
border-bottom: 1px solid #444 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* search box */
#searchInput,
.vector-search-box-input {
background: #333 !important;
border: 1px solid #555 !important;
color: #ffffff !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
#searchInput:focus,
.vector-search-box-input:focus {
border-color: #cc3333 !important;
background: #444 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7), 0 0 5px rgba(204, 51, 51, 0.3) !important;
}
/* tabs */
#p-views li,
#p-cactions li,
.vector-menu-tabs li {
background: #2a2a2a !important;
border: 1px solid #555 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}
/* selected tab */
#p-views li.selected,
#p-cactions li.selected,
.vector-menu-tabs li.selected {
background: #444 !important;
border-bottom: 2px solid #888 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}
/* remove default tab styling */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none !important;
}
.mw-echo-ui-notificationItemWidget {
background-color: #1c1c1c !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
background-color: #121212 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.7) !important;
}
.vector-menu-tabs-legacy li {
background-image: none !important;
background: #2a2a2a !important;
}
.vector-menu-tabs-legacy li.selected {
background: #444 !important;
}
#p-views li a,
#p-cactions li a,
.vector-menu-tabs li a {
color: #ffffff !important;
}
#p-views li:hover,
#p-cactions li:hover,
.vector-menu-tabs li:hover {
background: #3a3a3a !important;
}
/* don't change selected tab on hover */
#p-views li.selected:hover,
#p-cactions li.selected:hover,
.vector-menu-tabs li.selected:hover {
background: #444 !important;
}
/* user menu */
#p-personal,
.vector-user-menu {
background: #222 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
#p-personal li a,
.vector-user-menu li a {
color: #ffffff !important;
}
#p-personal li a:hover,
.vector-user-menu li a:hover {
background: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.3) !important;
}
/* footer */
#footer {
background: #1a1a1a !important;
border-top: 1px solid #444 !important;
color: #cccccc !important;
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}
/* footer last modified text */
.footer-info-lastmod {
color: rgb(175, 175, 175) !important;
}
/* footer items override */
.mw-footer li,
#footer-info li {
color: rgb(175, 175, 175) !important;
}
/* =================================
MINERVA SKIN STYLES
================================= */
/* main minerva elements */
.minerva-header,
.header {
background: #1a1a1a !important;
border-bottom: 1px solid #444 !important;
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.7) !important;
}
/* minerva content */
#content,
.content,
main.content {
background: #2a2a2a !important;
color: #ffffff !important;
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}
/* minerva page wrapper */
.page-container,
.minerva-page-container {
background: #1a1a1a !important;
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.5) !important;
}
.content .mw-index-pager-list-header, .mw-special-Watchlist .content h4 {
background-color: #212121 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.mw-pager-tools a, .mw-history-undo a {
background-color: #1e1e1e !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
/* minerva navigation */
.main-menu-mask,
.navigation-drawer {
background: rgba(26, 26, 26, 0.95) !important;
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.8) !important;
}
#mw-mf-page-center {
background: #1a1a1a !important;
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.6) !important;
}
.main-menu,
.navigation-drawer .menu {
background: #222 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
.main-menu h3,
.navigation-drawer h3 {
background: #333 !important;
color: #ffffff !important;
border-bottom: 2px solid #cc3333 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.main-menu li a,
.navigation-drawer li a {
color: #ffffff !important;
border-bottom: 1px solid #444 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}
.main-menu li a:hover,
.navigation-drawer li a:hover {
background: #ff6666 !important;
color: #ffffff !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important;
}
/* minerva search */
.minerva-search-form input,
.search-box input {
background: #333 !important;
border: 1px solid #555 !important;
color: #ffffff !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
.minerva-search-form input:focus,
.search-box input:focus {
border-color: #cc3333 !important;
background: #444 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7), 0 0 5px rgba(204, 51, 51, 0.3) !important;
}
/* minerva search suggestions */
.minerva-search-form .search-overlay,
.search-box .search-overlay {
background: #2a2a2a !important;
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.7) !important;
}
/* minerva tabs/actions */
.page-actions-menu,
.minerva-tab-container {
background: #2a2a2a !important;
border: 1px solid #555 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.page-actions-menu li,
.minerva-tab-container li {
background: #2a2a2a !important;
border-right: 1px solid #555 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}
.page-actions-menu li.selected,
.minerva-tab-container li.selected {
background: #444 !important;
border-bottom: 2px solid #888 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.page-actions-menu li a,
.minerva-tab-container li a {
color: #ffffff !important;
}
.page-actions-menu li:hover,
.minerva-tab-container li:hover {
background: #3a3a3a !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important;
}
/* minerva footer */
.minerva-footer,
.last-modified-bar {
background: #1a1a1a !important;
border-top: 1px solid #444 !important;
color: #cccccc !important;
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.6) !important;
}
/* minerva user menu */
.minerva-user-menu,
.user-links {
background: #222 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.minerva-user-menu li a,
.user-links li a {
color: #ffffff !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}
.minerva-user-menu li a:hover,
.user-links li a:hover {
background: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.3) !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important;
}
/* minerva buttons */
.mw-ui-button,
.minerva-button {
background-color: #cc3333 !important;
color: white !important;
border: 1px solid #aa2222 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}
.mw-ui-button:hover,
.minerva-button:hover {
background-color: #dd4444 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* minerva edit button */
.minerva-icon-edit,
.edit-link {
background-color: #cc3333 !important;
border-radius: 4px !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}
/* minerva page issues */
.page-issues,
.minerva-ambox {
background: #333 !important;
border: 1px solid #555 !important;
color: #ffffff !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* minerva toast notifications */
.mw-notification,
.minerva-toast {
background: #333 !important;
border: 1px solid #555 !important;
color: #ffffff !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* minerva left menu toggle items */
#mw-mf-page-left ul .toggle-list-item {
background: #333 !important;
color: #ffffff !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
#mw-mf-page-left ul .toggle-list-item:hover {
background: #444 !important;
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.7) !important;
}
/* minerva icons */
.minerva-icon {
color: #cccccc !important;
background-color: #a7a7a7 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}
/* toggle list item labels */
.toggle-list-item__label {
color: #ffffff !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
/* echo notifications toolbar wrapper */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background: #111 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
/* unread notifications */
.mw-echo-ui-notificationItemWidget-unread {
background: #333 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* notification message headers */
.mw-echo-ui-notificationItemWidget-content-message-header {
color: #ffffff !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}
/* minerva mobile specific elements */
.minerva-drawer,
.overlay {
background: #222 !important;
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.7) !important;
}
.minerva-page-actions {
background: #2a2a2a !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.minerva-talk-full-page {
background: #2a2a2a !important;
box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}
.minerva-history-list {
background: #2a2a2a !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5) !important;
}
.minerva-watchstar {
background: #333 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}
/* minerva section headers */
.minerva-section-heading {
background: #333 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* =================================
SHARED UI ELEMENTS (Both Skins)
================================= */
/* visual editor save dialog */
.ve-ui-mwSaveDialog-options {
background-color: rgb(50, 50, 50) !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* ooui window elements */
.oo-ui-window-body,
.oo-ui-window-head,
.oo-ui-window-foot {
background-color: rgb(50, 50, 50) !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
/* edit page copyright warning */
#editpage-copywarn {
color: white !important;
background: rgba(0, 0, 0, 0.75) !important;
border-radius: 8px !important;
padding: 10px !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
/* ooui button elements */
.oo-ui-buttonElement-button {
background-color: #350808 !important;
color: white !important;
border: 1px solid #aa2222 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}
/* alternative selector for close buttons */
.oo-ui-buttonElement-button.oo-ui-iconElement {
background-color: black !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
/* visual editor save button */
.ve-ui-toolbar-saveButton {
background: #cc3333 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}
/* ooui tool titles */
.oo-ui-tool-title {
color: white !important;
}
/* ooui close icon - remove filter, keep it black */
.oo-ui-iconElement-icon.oo-ui-icon-close {
filter: none !important;
}
/* hide not logged in text */
#pt-anonuserpage {
display: none !important;
}
/* search */
#mw-searchoptions {
background-color: #1e1e1e !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.mw-search-profile-tabs {
background-color: #181818 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.7) !important;
}
.mw-htmlform-submit-buttons {
background-color: #1e1e1e !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}
.oo-ui-popupWidget-popup {
background-color: #1e1e1e !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #1e1e1e !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6) !important;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
background-color: #380000 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}