MediaWiki talk:Common.css: Difference between revisions
mNo edit summary |
m (Dark mode sort) |
||
Line 1: | Line 1: | ||
<nowiki> | <nowiki> | ||
/* ============= DARK MODE ============= */ | /* ============= DARK MODE ============= */ | ||
.client-dark-mode, .client-dark-mode body, .client-dark-mode body, .client-dark-mode #mw-page-base, .client-dark-mode #mw-head-base, .client-dark-mode .mw-code, .client-dark-mode .mw-textarea-protected, .client-dark-mode pre, .client-dark-mode .warningbox, .client-dark-mode .editOptions, .client-dark-mode input#wpPreview, .client-dark-mode input#wpDiff, .client-dark-mode input#wpSummary, .client-dark-mode .warning-message, .client-dark-mode .note, .client-dark-mode code, .client-dark-mode .catlinks, .client-dark-mode textarea#wpTextbox1, .client-dark-mode #toc, .client-dark-mode .wikitable > tr > th, .client-dark-mode .wikitable > * > tr > th, .client-dark-mode textarea, .client-dark-mode tbody, .client-dark-mode #filetoc, .client-dark-mode .mw-ui-button, .client-dark-mode .mw_metadata td, .client-dark-mode .mw_metadata th, .client-dark-mode input, .client-dark-mode #wpPreviewWidget input[type="submit"], .client-dark-mode #wpDiffWidget input[type="submit"], .client-dark-mode .mw-destfile-warning, .client-dark-mode button, .client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .client-dark-mode .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .client-dark-mode .oo-ui-popupWidget-popup, .client-dark-mode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .client-dark-mode .diff-context, .client-dark-mode .oo-ui-inputWidget-input, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .client-dark-mode .oo-ui-menuOptionWidget, .client-dark-mode #pagehistory li.selected, .client-dark-mode .mw-rcfilters-ui-table.mw-rcfilters-ui-filterMenuHeaderWidget-header, .client-dark-mode .mw-rcfilters-ui-filterMenuSectionOptionWidget, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-feedback, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-viewSelect, .client-dark-mode .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted, .client-dark-mode .crt-column .accented-table, .client-dark-mode .mw-search-profile-tabs, .client-dark-mode .postedit.mw-notification, .client-dark-mode .suggestions-special, .client-dark-mode .suggestions-results, .client-dark-mode .thumbinner, .client-dark-mode #wpLicense, .client-dark-mode .ui-widget-content, .client-dark-mode .usermessage, .client-dark-mode .toccolours, .client-dark-mode .mw-datatable th, .client-dark-mode #mw-searchoptions, .client-dark-mode .wikiEditor-ui-toolbar .group .tool-select .menu .options, .client-dark-mode .oo-ui-window-frame, .client-dark-mode .ve-ui-mwSaveDialog-options, .client-dark-mode .mw-notification-autohide, .client-dark-mode .ext-replacetext-searchoptions, .client-dark-mode .ext-replacetext-searchoptions, .client-dark-mode .mw-message-box-warning, .client-dark-mode .mw-message-box-error, .client-dark-mode .oo-ui-tabSelectWidget-framed, .client-dark-mode .oo-ui-optionWidget-selected, .client-dark-mode #mw-panel, .client-dark-mode #mw-head, .client-dark-mode #ca-nstab-user a, .client-dark-mode #ca-talk a, .client-dark-mode #ca-view a, .client-dark-mode #ca-edit a, .client-dark-mode #ca-history a, .client-dark-mode #ca-unwatch a, .client-dark-mode #ca-watch a, .client-dark-mode #ca-nstab-special, .client-dark-mode #ca-nstab-main, .client-dark-mode .page-Main_Page .mw-parser-output>center>div, .client-dark-mode .page-Landing_Page .mw-parser-output>center>div, .client-dark-mode .navbox, .client-dark-mode .vector-menu-content-list>li, .client-dark-mode .navbox-even, .client-dark-mode #ca-addsection a, .client-dark-mode #ca-nstab-main a, .client-dark-mode #ca-nstab-image a { | .client-dark-mode, .client-dark-mode body, .client-dark-mode body, .client-dark-mode #mw-page-base, .client-dark-mode #mw-head-base, .client-dark-mode .mw-code, .client-dark-mode .mw-textarea-protected, .client-dark-mode pre, .client-dark-mode .warningbox, .client-dark-mode .editOptions, .client-dark-mode input#wpPreview, .client-dark-mode input#wpDiff, .client-dark-mode input#wpSummary, .client-dark-mode .warning-message, .client-dark-mode .note, .client-dark-mode code, .client-dark-mode .catlinks, .client-dark-mode textarea#wpTextbox1, .client-dark-mode #toc, .client-dark-mode .wikitable > tr > th, .client-dark-mode .wikitable > * > tr > th, .client-dark-mode textarea, .client-dark-mode tbody, .client-dark-mode #filetoc, .client-dark-mode .mw-ui-button, .client-dark-mode .mw_metadata td, .client-dark-mode .mw_metadata th, .client-dark-mode input, .client-dark-mode #wpPreviewWidget input[type="submit"], .client-dark-mode #wpDiffWidget input[type="submit"], .client-dark-mode .mw-destfile-warning, .client-dark-mode button, .client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .client-dark-mode .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .client-dark-mode .oo-ui-popupWidget-popup, .client-dark-mode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .client-dark-mode .diff-context, .client-dark-mode .oo-ui-inputWidget-input, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .client-dark-mode .oo-ui-menuOptionWidget, .client-dark-mode #pagehistory li.selected, .client-dark-mode .mw-rcfilters-ui-table.mw-rcfilters-ui-filterMenuHeaderWidget-header, .client-dark-mode .mw-rcfilters-ui-filterMenuSectionOptionWidget, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-feedback, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-viewSelect, .client-dark-mode .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted, .client-dark-mode .crt-column .accented-table, .client-dark-mode .mw-search-profile-tabs, .client-dark-mode .postedit.mw-notification, .client-dark-mode .suggestions-special, .client-dark-mode .suggestions-results, .client-dark-mode .thumbinner, .client-dark-mode #wpLicense, .client-dark-mode .ui-widget-content, .client-dark-mode .usermessage, .client-dark-mode .toccolours, .client-dark-mode .mw-datatable th, .client-dark-mode #mw-searchoptions, .client-dark-mode .wikiEditor-ui-toolbar .group .tool-select .menu .options, .client-dark-mode .oo-ui-window-frame, .client-dark-mode .ve-ui-mwSaveDialog-options, .client-dark-mode .mw-notification-autohide, .client-dark-mode .ext-replacetext-searchoptions, .client-dark-mode .ext-replacetext-searchoptions, .client-dark-mode .mw-message-box-warning, .client-dark-mode .mw-message-box-error, .client-dark-mode .oo-ui-tabSelectWidget-framed, .client-dark-mode .oo-ui-optionWidget-selected, .client-dark-mode #mw-panel, .client-dark-mode #mw-head, .client-dark-mode #ca-nstab-user a, .client-dark-mode #ca-talk a, .client-dark-mode #ca-view a, .client-dark-mode #ca-edit a, .client-dark-mode #ca-history a, .client-dark-mode #ca-unwatch a, .client-dark-mode #ca-watch a, .client-dark-mode #ca-nstab-special, .client-dark-mode #ca-nstab-main, .client-dark-mode .page-Main_Page .mw-parser-output>center>div, .client-dark-mode .page-Landing_Page .mw-parser-output>center>div, .client-dark-mode .navbox, .client-dark-mode .vector-menu-content-list>li, .client-dark-mode .navbox-even, .client-dark-mode #ca-addsection a, .client-dark-mode #ca-nstab-main a, .client-dark-mode #ca-nstab-image a, .client-dark-mode #wpDestFile, .client-dark-mode .mw-htmlform-submit { | ||
background-color: #292929!important; | background-color: #292929!important; | ||
} | } | ||
Line 179: | Line 179: | ||
font-weight: 600; | font-weight: 600; | ||
background-color: black!important; | background-color: black!important; | ||
} | |||
.client-dark-mode .jquery-tablesorter th.headerSort{ | |||
background-image: url(/ps3/images/0/0f/Sort_both_light.svg); | |||
} | |||
.client-dark-mode .jquery-tablesorter th.headerSortUp{ | |||
background-image:url(/ps3/images/2/22/Sort_down_light.svg); | |||
} | |||
.client-dark-mode .jquery-tablesorter th.headerSortDown{ | |||
background-image:url(/ps3/images/c/ce/Sort_up_light.svg); | |||
} | } | ||
Revision as of 04:29, 17 June 2023
/* ============= DARK MODE ============= */ .client-dark-mode, .client-dark-mode body, .client-dark-mode body, .client-dark-mode #mw-page-base, .client-dark-mode #mw-head-base, .client-dark-mode .mw-code, .client-dark-mode .mw-textarea-protected, .client-dark-mode pre, .client-dark-mode .warningbox, .client-dark-mode .editOptions, .client-dark-mode input#wpPreview, .client-dark-mode input#wpDiff, .client-dark-mode input#wpSummary, .client-dark-mode .warning-message, .client-dark-mode .note, .client-dark-mode code, .client-dark-mode .catlinks, .client-dark-mode textarea#wpTextbox1, .client-dark-mode #toc, .client-dark-mode .wikitable > tr > th, .client-dark-mode .wikitable > * > tr > th, .client-dark-mode textarea, .client-dark-mode tbody, .client-dark-mode #filetoc, .client-dark-mode .mw-ui-button, .client-dark-mode .mw_metadata td, .client-dark-mode .mw_metadata th, .client-dark-mode input, .client-dark-mode #wpPreviewWidget input[type="submit"], .client-dark-mode #wpDiffWidget input[type="submit"], .client-dark-mode .mw-destfile-warning, .client-dark-mode button, .client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .client-dark-mode .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .client-dark-mode .oo-ui-popupWidget-popup, .client-dark-mode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .client-dark-mode .diff-context, .client-dark-mode .oo-ui-inputWidget-input, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .client-dark-mode .oo-ui-menuOptionWidget, .client-dark-mode #pagehistory li.selected, .client-dark-mode .mw-rcfilters-ui-table.mw-rcfilters-ui-filterMenuHeaderWidget-header, .client-dark-mode .mw-rcfilters-ui-filterMenuSectionOptionWidget, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-feedback, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-viewSelect, .client-dark-mode .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted, .client-dark-mode .crt-column .accented-table, .client-dark-mode .mw-search-profile-tabs, .client-dark-mode .postedit.mw-notification, .client-dark-mode .suggestions-special, .client-dark-mode .suggestions-results, .client-dark-mode .thumbinner, .client-dark-mode #wpLicense, .client-dark-mode .ui-widget-content, .client-dark-mode .usermessage, .client-dark-mode .toccolours, .client-dark-mode .mw-datatable th, .client-dark-mode #mw-searchoptions, .client-dark-mode .wikiEditor-ui-toolbar .group .tool-select .menu .options, .client-dark-mode .oo-ui-window-frame, .client-dark-mode .ve-ui-mwSaveDialog-options, .client-dark-mode .mw-notification-autohide, .client-dark-mode .ext-replacetext-searchoptions, .client-dark-mode .ext-replacetext-searchoptions, .client-dark-mode .mw-message-box-warning, .client-dark-mode .mw-message-box-error, .client-dark-mode .oo-ui-tabSelectWidget-framed, .client-dark-mode .oo-ui-optionWidget-selected, .client-dark-mode #mw-panel, .client-dark-mode #mw-head, .client-dark-mode #ca-nstab-user a, .client-dark-mode #ca-talk a, .client-dark-mode #ca-view a, .client-dark-mode #ca-edit a, .client-dark-mode #ca-history a, .client-dark-mode #ca-unwatch a, .client-dark-mode #ca-watch a, .client-dark-mode #ca-nstab-special, .client-dark-mode #ca-nstab-main, .client-dark-mode .page-Main_Page .mw-parser-output>center>div, .client-dark-mode .page-Landing_Page .mw-parser-output>center>div, .client-dark-mode .navbox, .client-dark-mode .vector-menu-content-list>li, .client-dark-mode .navbox-even, .client-dark-mode #ca-addsection a, .client-dark-mode #ca-nstab-main a, .client-dark-mode #ca-nstab-image a, .client-dark-mode #wpDestFile, .client-dark-mode .mw-htmlform-submit { background-color: #292929!important; } .client-dark-mode .clip-corner tbody, .client-dark-mode .clip-corner caption { background-color: #black!important } .client-dark-mode .page-Landing_Page .wikitable * { background-color: #292929!important; border-color: #292929!important; } .client-dark-mode .navbox, .client-dark-mode .navbox-subgroup { background: unset; } .client-dark-mode .major-warning, .client-dark-mode .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: transparent!important; } .client-dark-mode #p-logo > a, .client-dark-mode .mw-sidebar::after { /*background-image: url(/wiki/images/2/22/CM-Logo-Dark.svg)!important;*/ } .client-dark-mode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--consolemods-color); } .client-dark-mode .errorbox { background-color: darkred; } .client-dark-mode #searchButton, .client-dark-mode .navbox-image div { background-color: #666!important; } .client-dark-mode .navbox-list { border-color: #666!important; } .client-dark-mode .major-warning u { color: #292929!important; } .client-dark-mode .infobox *, .client-dark-mode .infobox, .client-dark-mode .ui-button, .client-dark-mode .major-tooltip-div { background-color: #292929!important; background: #292929!important; } .client-dark-mode .crt-list caption, .client-dark-mode .mw-mmv-post-image, .client-dark-mode .mw-mmv-image-metadata { background-color: #333; } .client-dark-mode .navbox-group, .client-dark-mode .navbox th, .client-dark-mode .navbox-title { background-color: #111; } .client-dark-mode .diff-deletedline { background-color: #800000; } .client-dark-mode .diff-addedline { background-color: #000080; } .client-dark-mode .diffchange { background-color: goldenrod; } .client-dark-mode .wikiEditor-ui-toolbar, .client-dark-mode .ui-dialog .ui-widget-header { background: #444!important; } .client-dark-mode a, .client-dark-mode .mw-userlink bdi, .client-dark-mode #toc a *, .client-dark-mode .toctitle .toctogglelabel { color: gold!important; } .client-dark-mode a.new, .client-dark-mode .new a, .client-dark-mode a.new bdi { color: #ff6e6e!important; } .client-dark-mode #content { background-color: black; } .client-dark-mode .wikitable caption { border-color: white; background-color: unset; } .client-dark-mode .mw-body { background-color: #e1e1e1; } .client-dark-mode .clip-corner { background-color: #black!important; color: white!important; } .client-dark-mode .clip-corner a { color: white!important; } .client-dark-mode .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .client-dark-mode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .client-dark-mode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .client-dark-mode .oo-ui-popupToolGroup-tools, .client-dark-mode .oo-ui-toolbar-bar { background-color: #999; } .darkmode-link:before { color: #EBC815; text-shadow: 0px 0px 3px black; padding-right: 2px; } .client-dark-mode #content.mw-body, .client-dark-mode #firstHeading { border-color: var(--color-trim)!important; } .client-dark-mode #simpleSearch { border: 0.5px solid darkgrey; } .client-dark-mode .wikitable > tr > th, .client-dark-mode .wikitable > tr > td, .client-dark-mode .wikitable > * > tr > th, .client-dark-mode .wikitable > * > tr > td { border-color: white; } .client-dark-mode .boxed-list { border: 1px solid white; border-bottom: none; } .client-dark-mode code { border: 1px solid white; } .client-dark-mode #mw-head::after, .client-dark-mode .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select span.oo-ui-labelElement-label { color: #292929!important; } .client-dark-mode .vector-menu-tabs .selected a, .client-dark-mode .vector-menu-tabs .selected a:visited, .client-dark-mode #p-cactions-label, .client-dark-mode .vector-menu-dropdown li a, .client-dark-mode h1, .client-dark-mode h2, .client-dark-mode h3, .client-dark-mode h4, .client-dark-mode h5, .client-dark-mode h6, .client-dark-mode *:not(a, .mw-highlight *,.compatibility-tag,.compatibility-tag *), .client-dark-mode .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: white!important; } .client-dark-mode .clip-corner a.new { color: red!important; } .client-dark-mode, .client-dark-mode img, .client-dark-mode video, .client-dark-mode svg, .client-dark-mode iframe, .client-dark-mode .mw-no-invert, .client-dark-mode .mw-mmv-overlay, .client-dark-mode .mw-mmv-pre-image, .client-dark-mode .mw-kartographer-map, .client-dark-mode .mw-kartographer-mapDialog-map { filter: unset; } .client-dark-mode .vector-menu-dropdown h3:after { filter: invert(1); } .client-dark-mode ul { list-style-image: unset; } .grey-background { background: #eeeeee; } .client-dark-mode .grey-background { background: unset; } .client-dark-mode .mw-datatable td { background: black; } .client-dark-mode .mw-datatable tr:hover td{ background-color:#555; } .client-dark-mode #searchInput { font-weight: 600; background-color: black!important; } .client-dark-mode .jquery-tablesorter th.headerSort{ background-image: url(/ps3/images/0/0f/Sort_both_light.svg); } .client-dark-mode .jquery-tablesorter th.headerSortUp{ background-image:url(/ps3/images/2/22/Sort_down_light.svg); } .client-dark-mode .jquery-tablesorter th.headerSortDown{ background-image:url(/ps3/images/c/ce/Sort_up_light.svg); } /* ============= END DARK MODE ============= */