|
|
| (61 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
|
| /* General Page Styles */ | | /* Configure Numbering scheme */ |
| /* Base page styling with background and text colors */
| |
| body {
| |
| background-color: #27292d !important;
| |
| color: #ffffff !important;
| |
| } | | } |
| | | ol { |
| /* Headers, Paragraphs, Lists, and Text Elements */
| | list-style-type: decimal; |
| h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, pre, code, caption, label, span {
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| /* Link Styles */
| |
| /* Standard and visited links */
| |
| a, a:visited {
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| /* Link hover effects */
| |
| a:hover {
| |
| color: #cccccc !important;
| |
| }
| |
| | |
| /* Interactive Elements Styles */
| |
| /* Input fields, text areas, and buttons */
| |
| input[type="text"], input[type="password"], input[type="email"],
| |
| input[type="number"], textarea, select, button, .option {
| |
| color: #ffffff !important;
| |
| background-color: #27292d !important;
| |
| }
| |
| | |
| /* Button hover effect */
| |
| button:hover {
| |
| background-color: #444444 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| /* Table Styles */
| |
| /* Standard table styling */
| |
| table, th, td, .wikitable, .mw-datatable {
| |
| background-color: #1f2024 !important;
| |
| color: #ffffff !important;
| |
| border-color: #27292d !important;
| |
| }
| |
| | |
| /* Header cells in tables */
| |
| .wikitable > tr > th, .wikitable > * > tr > th, .mw-datatable th {
| |
| background-color: #131416 !important;
| |
| }
| |
| | |
| /* Content Sections */
| |
| /* Main content area background */
| |
| #content, #content #bodyContent, #content #mw-content-text,
| |
| #content #mw-indicator-mw-helplink, #content #mw-panel, #content #footer,
| |
| #content #footer #footer-info, #content #footer #footer-places,
| |
| #content #footer #footer-icons, #content #footer #footer-copyright {
| |
| background-color: #1f2024 !important;
| |
| }
| |
| | |
| /* Headers and Navigation */
| |
| /* Page header background */
| |
| #mw-head {
| |
| background-color: #27292d !important;
| |
| }
| |
| | |
| /* Vector Menu Tabs */
| |
| .vector-menu-tabs-legacy a, .vector-menu-tabs-legacy .selected {
| |
| background-color: #1f2024 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .vector-menu-tabs-legacy a:hover {
| |
| background-color: #4b4e54 !important;
| |
| }
| |
| | |
| /* Widgets and Specialized Elements */
| |
| /* Different widget styles */
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input,
| |
| .mw-code, .mw-css, .mw-normal-catlinks, .toc, .toccolours,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
| |
| .oo-ui-indicatorElement-indicator .oo-ui-indicator-down,
| |
| .oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget,
| |
| .mw-search-profile-tabs, .mw-changeslist-legend, .vector-menu-dropdown .mw-list-item a:not(.vector-icon),
| |
| .mw-widget-dateInputWidget-handle, code, .mw-trackingcategories-name,
| |
| .mw-trackingcategories-msg, .mw-trackingcategories-desc,
| |
| .mw-trackingcategories-table, .mw-contribute-cards, .mw-contribute-card-content,
| |
| .mw-special-Contribute .mw-contribute-tabs-content, .oo-ui-dropdownWidget-handle,
| |
| .oo-ui-inputWidget-input, .oo-ui-buttonElement-button, .oo-ui-buttonElement-button:hover,
| |
| .cdx-text-input__input:enabled, .mw-htmlform-submit-buttons, .oo-ui-tabSelectWidget-framed,
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
| |
| .mw-rcfilters-ui-filterMenuHeaderWidget .mw-rcfilters-ui-cell,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header,
| |
| .mw-rcfilters-ui-menuSelectWidget-footer, .mw-rcfilters-ui-filterMenuSectionOptionWidget,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget,
| |
| .wikitable {
| |
| background-color: #1f2024 !important;
| |
| color: #ffffff !important;
| |
| border-color: #27292d !important;
| |
| }
| |
| .wikitable > tr > th,
| |
| .wikitable > * > tr > th {
| |
| background-color: #0f1012 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .wikitable {
| |
| color: #ffffff !important;
| |
| }
| |
| .wikitable td {
| |
| background-color: #1f2024 !important;
| |
| border-color: #27292d !important;
| |
| }
| |
| legend {
| |
| color: #ffffff !important;
| |
| }
| |
| .mw-warning-logempty {
| |
| color: #ffffff !important;
| |
| }
| |
| .mw-autocomplete-user {
| |
| background-color: #27292d !important;
| |
| color: #ffffff !important;
| |
| }
| |
| #wpReason {
| |
| background-color: #27292d !important;
| |
| color: #ffffff !important;
| |
| }
| |
| #wpExpiry-sysop select,
| |
| #wpExpiry-interface-admin select,
| |
| #wpExpiry-bureaucrat select {
| |
| background-color: #27292d !important;
| |
| color: #ffffff !important;
| |
| border: 1px solid #27292d !important;
| |
| }
| |
| #mw-userrights-form2 .mw-userrights-groups select {
| |
| background-color: #27292d !important;
| |
| color: #ffffff !important;
| |
| border: 1px solid #27292d !important;
| |
| }
| |
| select.mw-autocomplete-user,
| |
| select#wpExpiry-sysop,
| |
| select#wpExpiry-interface-admin,
| |
| select#wpExpiry-bureaucrat {
| |
| background-color: #2c2e32 !important;
| |
| color: #ffffff !important;
| |
| border: 1px solid #27292d !important;
| |
| }
| |
| html.client-js.qxipgo.idc0_350 body.skin-vector-legacy.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns--1.ns-special.mw-special-Tags.page-Special_Tags.rootpage-Special_Tags.skin-vector.action-view div#content.mw-body div#bodyContent.vector-body div#mw-content-text.mw-body-content table.mw-datatable.sortable.mw-tags-table.jquery-tablesorter {
| |
| background-color: #1f2024 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .mw-datatable tr td {
| |
| background-color: #27292d !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .mw-datatable tr:hover td {
| |
| background-color: #232527 !important;
| |
| }
| |
| .mw-apisandbox-toolbar {
| |
| background-color: #1f2024 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .mw-notification {
| |
| background-color: #2c2e32 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .oo-ui-optionWidget.oo-ui-widget-enabled:hover,
| |
| .oo-ui-outlineOptionWidget:hover {
| |
| background-color: #2c2e32 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
| |
| .oo-ui-optionWidget.oo-ui-optionWidget-selected {
| |
| background-color: #26282c !important;
| |
| color: #ffffff !important;
| |
| }
| |
| .oo-ui-popupWidget-popup {
| |
| background-color: #27292d !important;
| |
| color: #ffffff !important;
| |
| } | | } |
| | | ol li > ol { |
| /* Specific Styles for Padding, Edit Form, and Tag Widgets */
| | list-style-type: lower-alpha; |
| /* Remove horizontal padding for #mw-panel and #mw-head */
| |
| #mw-panel, #mw-head {
| |
| padding: 0 !important;
| |
| } | | } |
| | | ol li > ol li > ol { |
| /* Edit form styling for consistency with dark theme */
| | list-style-type: lower-roman; |
| .mw-editform .editOptions {
| |
| background-color: #1f2024 !important;
| |
| } | | } |
| | | /* Underline all links */ |
| /* Preformatted text styling for consistency with dark theme */ | | a { |
| pre {
| | text-decoration: underline; |
| background-color: #1f2024 !important; | |
| color: #ffffff !important;
| |
| } | | } |
|
| |
|
| /* Tag Multiselect Widget styling for dark theme */ | | /* Load FontAwesome */ |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| | @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'); |
| background-color: #1f2024 !important;
| |
| color: #ffffff !important;
| |
| }
| |
| /* Search Bar Styles */
| |
| /* Styling for .suggestions-special */
| |
| .suggestions-special {
| |
| background-color: #2c2e32 !important; /* Dark gray background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| /* Search Bar Styles */
| |
| /* Styling for .suggestions-special */
| |
| .suggestions-special {
| |
| background-color: #2c2e32 !important; /* Dark gray background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| /* Suggestions Results Styles */
| |
| /* Styling for .suggestions-results */ | |
| .suggestions-results { | |
| background-color: #2c2e32 !important; /* Dark gray background */
| |
| color: #ffffff !important; /* White text for normal state */
| |
| }
| |
| | |
| | |
| /* Suggestions Styles */ | |
| /* Styling for .suggestions-result, .suggestions, .suggestions-results, .suggestions-special */
| |
| .suggestions-result,
| |
| .suggestions, | |
| .suggestions-results, | |
| .suggestions-special {
| |
| background-color: #2c2e32 !important; /* Dark gray background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| /* Suggestions Special and Result Styles */
| |
| /* Styling for .suggestions-special and .suggestions-result-current */
| |
| .suggestions-special, | |
| .suggestions-result-current { | |
| background-color: #2c2e32 !important; /* Dark gray background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
