MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* super-background */ .mediawiki, #mw-content-container { background:var(--rgb-root-bg); }

/* page background */ .mw-body { background:var(--rgb-page-bg); border:1px solid var(--rgb-page-border); color:var(--rgb-text); } /* disable mobile browser rudeness */ body { -webkit-text-size-adjust: none; text-size-adjust: none; }

/* headers */ h1, h2, h3, h4, h5, h6 { color:var(--rgb-text); } h1, h2 { border-bottom:1px solid var(--rgb-page-border); } h3, h4, h5, h6 { border-bottom:none; } /* subheader (redirect, subpage, etc) */ color:var(--rgb-text-deemp); } /* fake headers */ .fake-header-h1 { background:none; border-bottom:1px solid var(--rgb-page-border); font-size:1.8em; font-family:"Linux Libertine","Georgia","Times",serif; font-weight:normal; line-height:1.3; margin-top:1em; margin-bottom:0.25em; margin-left:0; margin-right:0; overflow:hidden; padding:0; } .fake-header-h2 { background:none; border-bottom:1px solid var(--rgb-page-border); font-size:1.5em; font-family:"Linux Libertine","Georgia","Times",serif; font-weight:normal; line-height:1.3; margin-top:1em; margin-bottom:0.25em; margin-left:0; margin-right:0; overflow:hidden; padding:0; } .fake-header-h3 { background:none; border-bottom:none; font-size:1.2em; font-weight:bold; line-height:1.6; margin-top:0.3em; margin-bottom:0; margin-left:0; margin-right:0; overflow:hidden; padding:0; padding-top:0.5em; } .fake-header-h4 { background:none; border-bottom:none; font-size:100%; font-weight:bold; line-height:1.6; margin-top:0.3em; margin-bottom:0; margin-left:0; margin-right:0; overflow:hidden; padding:0; padding-top:0.5em; } .fake-header-h5 { background:none; border-bottom:none; font-size:100%; font-weight:bold; line-height:1.6; margin-top:0.3em; margin-bottom:0; margin-left:0; margin-right:0; overflow:hidden; padding:0; padding-top:0.5em; } .fake-header-h6 { background:none; border-bottom:none; font-size:100%; font-weight:bold; line-height:1.6; margin-top:0.3em; margin-bottom:0; margin-left:0; margin-right:0; overflow:hidden; padding:0; padding-top:0.5em; }
 * 1) contentSub {

/* code box */ pre, code, .mw-code { background:var(--rgb-input-bg); color:var(--rgb-text-input); }

/* recent changes */ .mw-changeslist-legend { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); } .newpage { color:rgb(31,191,95); } .minoredit { font-style:italic; color:rgb(127,127,127); } .botedit { color:rgb(127,127,175); } .unpatrolled { color:rgb(255,63,0); } .mw-plusminus-pos { color:rgb(0,127,0); } .mw-plusminus-neg { color:rgb(191,0,0); }

/* fieldset (e.g. recent changes topbox) */ fieldset { border:1px solid var(--rgb-page-border); }

/* links */ /* technically skin-specific stuff is here but it's more convenient to list them all here */ a, a:link, #mw-panel .portal .body li a:link, body.skin--responsive #p-personal li a:link, body:not(.skin--responsive) #p-personal li a:link, body.skin--responsive #p-cactions a:link, body:not(.skin--responsive) #p-cactions a:link, .vectorTabs a:link, .vectorMenu li a:link, .vector-menu-tabs-legacy li a:link, .vector-menu-portal .vector-menu-content li a:link, .mw-footer-container a:link { color:var(--rgb-link-nml-unv); } a:hover, #mw-panel .portal .body li a:hover, body.skin--responsive #p-personal li a:hover, body:not(.skin--responsive) #p-personal li a:hover, body.skin--responsive #p-cactions a:hover, body:not(.skin--responsive) #p-cactions a:hover, .vectorTabs a:hover, .vectorMenu li a:hover, .vector-menu-tabs-legacy li a:hover, .vector-menu-portal .vector-menu-content li a:hover, .mw-footer-container a:hover { color:var(--rgb-link-nml-hov); } a:visited, #mw-panel .portal .body li a:visited, body.skin--responsive #p-personal li a:visited, body:not(.skin--responsive) #p-personal li a:visited, body.skin--responsive #p-cactions a:visited, body:not(.skin--responsive) #p-cactions a:visited, .vectorTabs a:visited, .vectorMenu li a:visited, .vector-menu-tabs-legacy li a:visited, .vector-menu-portal .vector-menu-content li a:visited, .mw-footer-container a:visited { color:var(--rgb-link-nml-vst); } a:active, #mw-panel .portal .body li a:active, body.skin--responsive #p-personal li a:active, body:not(.skin--responsive) #p-personal li a:active, body.skin--responsive #p-cactions a:active, body:not(.skin--responsive) #p-cactions a:active, .vectorTabs a:active, .vectorMenu li a:active, .vector-menu-tabs-legacy li a:active, .vector-menu-portal .vector-menu-content li a:active, .mw-footer-container a:active { color:var(--rgb-link-nml-act); } a.new:link, .new a:link, #mw-panel .portal .body li .new a:link, body.skin--responsive #p-personal li .new a:link, body:not(.skin--responsive) #p-personal li .new a:link, body.skin--responsive #p-cactions .new a:link, body:not(.skin--responsive) #p-cactions .new a:link, .vectorTabs .new a:link, .vectorMenu li .new a:link, .vector-menu-tabs-legacy li .new a:link, .vector-menu-portal .vector-menu-content li .new a:link, .mw-footer-container .new a:link { color:var(--rgb-link-new-unv); } a.new:hover, .new a:hover, #mw-panel .portal .body li .new a:hover, body.skin--responsive #p-personal li .new a:hover, body:not(.skin--responsive) #p-personal li .new a:hover, body.skin--responsive #p-cactions .new a:hover, body:not(.skin--responsive) #p-cactions .new a:hover, .vectorTabs .new a:hover, .vectorMenu li .new a:hover, .vector-menu-tabs-legacy li .new a:hover, .vector-menu-portal .vector-menu-content li .new a:hover, .mw-footer-container .new a:hover { color:var(--rgb-link-new-hov); } a.new:visited, .new a:visited, #mw-panel .portal .body li .new a:visited, body.skin--responsive #p-personal li .new a:visited, body:not(.skin--responsive) #p-personal li .new a:visited, body.skin--responsive #p-cactions .new a:visited, body:not(.skin--responsive) #p-cactions .new a:visited, .vectorTabs .new a:visited, .vectorMenu li .new a:visited, .vector-menu-tabs-legacy li .new a:visited, .vector-menu-portal .vector-menu-content li .new a:visited, .mw-footer-container .new a:visited { color:var(--rgb-link-new-vst); } a.new:active, .new a:active, #mw-panel .portal .body li .new a:active, body.skin--responsive #p-personal li .new a:active, body:not(.skin--responsive) #p-personal li .new a:active, body.skin--responsive #p-cactions .new a:active, body:not(.skin--responsive) #p-cactions .new a:active, .vectorTabs .new a:active, .vectorMenu li .new a:active, .vector-menu-tabs-legacy li .new a:active, .vector-menu-portal .vector-menu-content li .new a:active, .mw-footer-container .new a:active { color:var(--rgb-link-new-act); } /* there shouldn't be any external links in the tabs/sidebar/footer, so skip them */ a.external:link, .external a:link, .mw-parser-output a.external:link, .mw-parser-output a.extiw:link { color:var(--rgb-link-ext-unv); } a.external:hover, .external a:hover, .mw-parser-output a.external:hover, .mw-parser-output a.extiw:hover { color:var(--rgb-link-ext-hov); } a.external:visited, .external a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited { color:var(--rgb-link-ext-vst); } a.external:active, .external a:active, .mw-parser-output a.external:active, .mw-parser-output a.extiw:active { color:var(--rgb-link-ext-act); }
 * 1) p-cactions li a:link, #p-personal li a:link,
 * 1) p-cactions li a:hover, #p-personal li a:hover,
 * 1) p-cactions li a:visited, #p-personal li a:visited,
 * 1) p-cactions li a:active, #p-personal li a:active,
 * 1) p-cactions .new a:link, #p-personal .new a:link,
 * 1) p-cactions .new a:hover, #p-personal .new a:hover,
 * 1) p-cactions .new a:visited, #p-personal .new a:visited,
 * 1) p-cactions .new a:active, #p-personal .new a:active,

/* diffs */ .diff-context { background:var(--rgb-page-bg); border-color:var(--rgb-faint-border); color:var(--rgb-text); } .diff-addedline { background:rgba(var(--raw-diff-add),0.05); border-color:var(--rgb-diff-add); } .diff-addedline .diffchange { background:rgba(var(--raw-diff-add),0.5); } .diff-deletedline { background:rgba(var(--raw-diff-del),0.05); border-color:var(--rgb-diff-del); } .diff-deletedline .diffchange { background:rgba(var(--raw-diff-del),0.5); }

/* history */ background:var(--rgb-root-bg); background:linear-gradient(to right,rgba(var(--raw-root-bg),0.0) 0%,rgba(var(--raw-root-bg),1.0) 125px,rgba(var(--raw-root-bg),1.0) 100%); color:inherit; outline:1px dashed var(--rgb-page-border); } li.mw-history-line-updated > span.updatedmarker { background-color:rgba(191,255,63,0.25); }
 * 1) pagehistory li.selected {

/* most of search is skin-specific so doesn't belong here */ .suggestions-results, .suggestions .suggestions-results, .suggestions-special, .suggestions .suggestions-special { background:var(--rgb-input-bg); } .suggestions-result, .suggestions .suggestions-result, .suggestions-special, .suggestions-special .special-query, .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color:var(--rgb-text); } /* hide search autocomplete for spoiler reasons (see common.js for how this is used) */ .suggestions-results { display:none; } .suggestions-displayed .suggestions-results { display:block; }

/* tables */ .wikitable, table.wikitable, .mw_metadata, .mw-datatable { background:transparent; border:1px solid var(--rgb-page-border); color:var(--rgb-text); } table.wikitable > tr > th, table.wikitable > * > tr > th, .mw_metadata > tr > th, .mw_metadata > * > tr > th, .mw-datatable > tr > th, .mw-datatable > * > tr > th, .fake-th { background:var(--rgb-fill-emp); border:1px solid var(--rgb-page-border); } table.wikitable > tr > td, table.wikitable > * > tr > td, .mw_metadata > tr > td, .mw_metadata > * > tr > td, .mw-datatable > tr > td, .mw-datatable > * > tr > td, .fake-td { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); } table.zebratable > tr:nth-child(odd) > td, table.zebratable > * > tr:nth-child(odd) > td { background:var(--rgb-fill-table-alt); } table.zebratable > tr:nth-child(even) > td, table.zebratable > * > tr:nth-child(even) > td { background:var(--rgb-fill-table); } .mw-datatable tr:hover td, #mw-allmessagestable tbody:hover td { background:var(--rgb-fill-table-alt); }

/* Main Page */ .mainpage-cell { padding:0.5em; background:rgba(127,127,191,0.25); border-width:2px; border-style:solid; border-top-color:#ffffff; border-left-color:#ffffff; border-bottom-color:rgba(95.25,95.25,143.25,1.0); border-right-color:rgba(95.25,95.25,143.25,1.0); box-shadow:0px 0px 5px 5px #ffffff inset; } .niwa-palette-image { text-align:center; background:var(--rgb-root-bg); border:2px solid var(--rgb-page-border); border-radius:1000px; } .niwa-palette-text { text-align:center; background:linear-gradient(to bottom, rgba(var(--raw-root-bg),0) 20%, rgba(var(--raw-root-bg),1) 80%); border:2px solid transparent; border-image:linear-gradient(to bottom, rgba(var(--raw-page-border),0) 20%, rgba(var(--raw-page-border),1) 80%); border-image-slice:1.0; border-top:none; }

/* footer */ .mw-footer li { color:var(--rgb-text); }

/* infoboxes */ table.infobox { float:right; width:22em; font-size:87.5%; line-height:1.5em; margin:0.5em 0 0.5em 1em; }

/* navboxes */ table.navbox { width:100%; margin:auto; clear:both; font-size:87.5%; } /* cool trick to force space between adjacent navboxes */ table.navbox + table.navbox { margin-top:1px; } table.navbox > tr > th, table.navbox > * > tr > th { white-space:nowrap; }

/* shortcut template */ .shortcut { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); } div.shortcut { text-align:center; margin:0.5em 0.5em 0.5em 1em; padding:0.5em; float:right; font-size:smaller; font-weight:bold; }

/* messageboxes */ .mw-message-box { border-top-color:#ffffff; border-left-color:#ffffff; border-width:2px; box-shadow:0px 0px 5px 5px #ffffff inset; color:var(--rgb-text); width:60%; margin:0 auto 1em auto; padding:0.5em; text-align:center; } /* the border is 25% darker than the background */ .mw-message-box { background:rgba(127,127,191,0.25); border-bottom-color:rgba(95.25,95.25,143.25,1.0); border-right-color:rgba(95.25,95.25,143.25,1.0); } .mw-message-box-error { background:rgba(255,0,0,0.25); border-bottom-color:rgba(191.25,0,0,1.0); border-right-color:rgba(191.25,0,0,1.0); } .mw-message-box-warning { background:rgba(255,175,0,0.25); border-bottom-color:rgba(191.25,131.25,0,1.0); border-right-color:rgba(191.25,131.25,0,1.0); } .mw-message-box-success { background:rgba(63,175,95,0.25); border-bottom-color:rgba(47.25,131.25,71.25,1.0); border-right-color:rgba(47.25,131.25,71.25,1.0); } .mw-message-box-user-message { background:rgba(255,143,0,0.25); border-bottom-color:rgba(191.25,107.25,0,1.0); border-right-color:rgba(191.25,107.25,0,1.0); }

/* sitenotice */ .sitedir-ltr .mw-dismissable-notice-body { margin:0.5em 0.5em 0.5em 0.5em; } .sitedir-ltr .mw-dismissable-notice-close { float:none; font-size:80%; }

/* notifications (e.g. edit saved, patrolled success, etc) */ /* defined inline because why not 9_9 */ .postedit-container .postedit, .skin-vector .mw-notification { background:var(--rgb-fill-emp) !important; border:var(--rgb-page-border) !important; color:var(--rgb-text) !important; }

/* table of contents */ .toc { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); } .tocnumber { color:var(--rgb-text); } .toctogglelabel { color:var(--rgb-link-nml-unv); }

/* image page */ .filehistory a img, #file img:hover { background:var(--rgb-fill-table) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22rgba%28127,127,127,0.1%29%22 d=%22m 0,0 l 8,0 l 0,16 l 8,0 l 0,-8 l -16,0 z%22 /%3E %3C/svg%3E") repeat; }

/* image thumbs */ div.thumbinner { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); } /* there's no good reason for this "html" to be here other than base MediaWiki has it so this can't be overridden otherwise */ html .thumbimage { background:var(--rgb-fill-table-alt); border:1px solid var(--rgb-faint-border); }

/* image toc */ background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); }
 * 1) filetoc {

/* image galleries */ li.gallerybox div.thumb { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); }

/* image classes */ .img-mirror-x { transform:scale(-1,1); } .img-shadow-dark-1px { filter:drop-shadow(0 0 1px rgba(47,47,79,0.5)); } .img-shadow-dark-2px { filter:drop-shadow(0 0 2px rgba(47,47,79,0.5)); } .img-shadow-dark-3px { filter:drop-shadow(0 0 3px rgba(47,47,79,0.5)); } .img-shadow-dark-4px { filter:drop-shadow(0 0 4px rgba(47,47,79,0.5)); } .img-shadow-dark-5px { filter:drop-shadow(0 0 5px rgba(47,47,79,0.5)); } .img-shadow-light-1px { filter:drop-shadow(0 0 1px rgba(247,247,255,0.5)); } .img-shadow-light-2px { filter:drop-shadow(0 0 2px rgba(247,247,255,0.5)); } .img-shadow-light-3px { filter:drop-shadow(0 0 3px rgba(247,247,255,0.5)); } .img-shadow-light-4px { filter:drop-shadow(0 0 4px rgba(247,247,255,0.5)); } .img-shadow-light-5px { filter:drop-shadow(0 0 5px rgba(247,247,255,0.5)); } /* don't stick to the "html .thumbimage" above because MediaWiki has no reason to use "html" yet does anyway */ .img-thumb-bg-none { background:none !important; border:none !important; } /* versions of the above image light/dark borders for text */ .text-shadow-dark { filter:drop-shadow(0 0 2px rgba(47,47,79,1)); } .text-shadow-light { filter:drop-shadow(0 0 2px rgba(247,247,255,1)); } .featured-image { float:left; margin:5px; } @media (max-width: 768px) { .featured-image { display:block; float:none; margin:0 auto 0 auto; } }

/* other classes for wiki pages */ .explain[title] { cursor:help; border-bottom:1px dotted; text-decoration:none; } .no-margin-p p { margin:0; }

/* category links */ .catlinks { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); }

/* references */ ol.references li:target, sup.reference:target { background:var(--rgb-fill-table); }

/* search results */ .mw-search-profile-tabs, #mw-searchoptions { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); } .search-types .current a { color:var(--rgb-text); }

/* create account */ .mw-body-content .mw-number-text, .mw-body-content .mw-number-text h3 { color:var(--rgb-text); } .mw-body-content .mw-number-text p { color:var(--rgb-text-deemp); } .mw-ui-input { background:var(--rgb-input-bg); border:1px solid var(--rgb-page-border); color:var(--rgb-text-input); }

/* account toplinks */ color:var(--rgb-text-deemp); } .vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-tmpuserpage, .vector-user-menu-legacy #pt-userpage a { background-image: url(/w/images/7/73/Wiki_icon_-_User.svg); }
 * 1) pt-anonuserpage {
 * 1) pt-anonuserpage, #pt-userpage a,

/* edit page */ /* more inline stuff :/ */ background:var(--rgb-input-bg); color:var(--rgb-text-input); } .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--rgb-page-border) !important; } .editOptions, div.editOptions { background:var(--rgb-fill-table); border-color:var(--rgb-page-border); color:var(--rgb-text); } .wikiEditor-ui-toolbar { background:var(--rgb-fill-table) !important; color:var(--rgb-text) !important; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .sections .section { border-color:var(--rgb-faint-border) !important; } .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .booklet > .index > .current { background:var(--rgb-fill-table-alt) !important; border-color:var(--rgb-faint-border) !important; color:var(--rgb-text) !important; } .wikiEditor-ui-toolbar .page-characters div span:hover, .wikiEditor-ui-toolbar .booklet > .index > :hover { background:var(--rgb-fill-emp) !important; border-color:var(--rgb-link-nml-unv) !important; color:var(--rgb-link-nml-unv) !important; } .wikiEditor-ui-toolbar .tabs span.tab a { color:var(--rgb-link-nml-unv) !important; } .wikiEditor-ui-toolbar .tabs span.tab a.current { color:var(--rgb-text) !important; } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label { color:var(--rgb-text) !important; } .wikiEditor-ui-toolbar .page-table th { color:var(--rgb-text-deemp) !important; } /* edit page dropdown */ .wikiEditor-ui-toolbar .group .tool-select .options { background:var(--rgb-fill-table) !important; border-color:var(--rgb-page-border) !important; } .wikiEditor-ui-toolbar .group .tool-select .options .option { color:var(--rgb-text) !important; } .wikiEditor-ui-toolbar .group .tool-select .options .option:hover { background:var(--rgb-fill-emp) !important; }
 * 1) wpTextbox1 {

/* === OO-UI STUFF === */

/* bunch of inline stuff :/ */ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background:var(--rgb-input-bg) !important; } .oo-ui-tagMultiselectWidget-handle { border:1px solid var(--rgb-page-border) !important; } .oo-ui-panelLayout-framed { border-color:var(--rgb-page-border); } /* general dropbox */ .oo-ui-dropdownInputWidget select, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background:var(--rgb-fill-table); border:1px solid var(--rgb-page-border); color:var(--rgb-text); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background:var(--rgb-fill-table-alt); border:1px solid var(--rgb-page-border); color:var(--rgb-text); } .oo-ui-menuSelectWidget { background:var(--rgb-fill-table); border-color:var(--rgb-faint-border); color:var(--rgb-text); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color:var(--rgb-text); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background:var(--rgb-fill-table-alt); color:var(--rgb-text); } /* buttons */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background:var(--rgb-fill-table); color:var(--rgb-text); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background:var(--rgb-fill-emp); color:var(--rgb-text); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background:var(--rgb-fill-table); border-color:var(--rgb-page-border); color:var(--rgb-text); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background:var(--rgb-fill-table-alt); border-color:var(--rgb-page-border); color:var(--rgb-text); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background:var(--rgb-fill-emp); color:var(--rgb-text); } /* save */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background:var(--rgb-accent); border-color:var(--rgb-accent); color:var(--rgb-text-inv); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background:var(--rgb-accent-hover); border-color:var(--rgb-accent-hover); color:var(--rgb-text-inv); } /* cancel */ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { color:rgb(223,63,15); }

/* fancy recentchanges */ .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background:var(--rgb-fill-table) !important; border:1px solid var(--rgb-page-border) !important; } /* "active filers" box */ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background:var(--rgb-input-bg) !important; border-color:var(--rgb-page-border) !important; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color:var(--rgb-text) !important; } /* fancy rc buttons */ .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color:var(--rgb-page-border) !important; padding-right:0px !important; } .mw-rcfilters-ui-filterWrapperWidget-showNewChanges { border:1px solid var(--rgb-page-border); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color:var(--rgb-text); } /* filter chips */ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background:var(--rgb-fill-table-alt) !important; border-color:var(--rgb-page-border) !important; color:var(--rgb-text) !important; } .mw-rcfilters-ui-tagItemWidget-popup-content { color:var(--rgb-text) !important; } /* filter input box */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background:var(--rgb-input-bg) !important; border-color:var(--rgb-page-border) !important; color:var(--rgb-text-input) !important; } /* filter input dropdown */ .mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-menuSelectWidget-footer { background:var(--rgb-page-bg) !important; } .mw-rcfilters-ui-filterMenuHeaderWidget-title, .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color:var(--rgb-text) !important; } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background:var(--rgb-root-bg) !important; } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color:var(--rgb-text) !important; } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-color:var(--rgb-faint-border) !important; } /* this is like a bg element that shows though */ .mw-rcfilters-ui-menuSelectWidget-body { background:var(--rgb-fill-table) !important; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background:var(--rgb-fill-table-alt) !important; color:var(--rgb-text) !important; } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background:var(--rgb-fill-emp) !important; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background:var(--rgb-fill-emp) !important; } .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color:var(--rgb-text) !important; } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color:var(--rgb-text-deemp) !important; } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color:var(--rgb-text-deemp) !important; } /* "since last refresh" border */ /* animations cannot be !important, so give it a new one instead of overriding the old one */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-color:var(--rgb-page-border) !important; animation: 1s ease fadeBlueNew !important; } @keyframes fadeBlueNew { 60% {       border-top-color:var(--rgb-link-nml-unv); }   100% {        border-top-color:var(--rgb-page-border); } } /* RCHelpBoxes show/hide button/div */ .mw-recentchanges-toplinks > .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { border:1px solid var(--rgb-page-border) !important; color:var(--rgb-text); padding-right:3px; } .mw-recentchanges-toplinks > .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color:var(--rgb-text); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border:none; } .client-js .mw-recentchanges-toplinks .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { right:2px !important; } /* popups */ .oo-ui-popupWidget-popup { background:var(--rgb-fill-table) !important; border-color:var(--rgb-page-border) !important; color:var(--rgb-text) !important; } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color:var(--rgb-text-deemp) !important; } /* user preferences */ .mw-prefs-buttons { background:var(--rgb-page-bg); } .oo-ui-tabSelectWidget-framed { background:var(--rgb-root-bg); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget { background:var(--rgb-fill-emp); color:var(--rgb-text-deemp); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background:var(--rgb-fill-table); color:var(--rgb-text); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background:var(--rgb-page-bg); color:var(--rgb-text); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-color:var(--rgb-text); } .oo-ui-labelWidget.oo-ui-inline-help { color:var(--rgb-text-deemp); } /* Special:ActiveUsers */ .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background:var(--rgb-fill-table-alt) !important; border-color:var(--rgb-page-border) !important; color:var(--rgb-text) !important; } /* in-page widget settings (e.g. tooltips) */ .oo-ui-windowManager-modal > .oo-ui-dialog { background:rgba(var(--raw-page-bg),0.5) !important; } .oo-ui-dialog-content > .oo-ui-window-head, .oo-ui-dialog-content > .oo-ui-window-body, .oo-ui-dialog-content > .oo-ui-window-foot { background:var(--rgb-page-bg); border-color:var(--rgb-page-border); color:var(--rgb-text); } .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background:var(--rgb-fill-table); border-color:var(--rgb-page-border); color:var(--rgb-text); } .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background:var(--rgb-fill-table-alt); border-color:var(--rgb-page-border); color:var(--rgb-text); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button { background:var(--rgb-fill-table) !important; border-color:var(--rgb-fill-table) !important; color:var(--rgb-text) !important; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover { background:var(--rgb-fill-table-alt) !important; border-color:var(--rgb-fill-table-alt) !important; color:var(--rgb-text) !important; } .oo-ui-widget.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background:var(--rgb-accent) !important; border-color:var(--rgb-accent) !important; color:var(--rgb-text-inv) !important; } .oo-ui-widget.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background:var(--rgb-accent-hover) !important; border-color:var(--rgb-accent-hover) !important; color:var(--rgb-text-inv) !important; }

/* === EXTENSIONS === */

/* tabs */ /* this is defined inline apparently */ .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label, .tabs-label:hover { background:var(--rgb-page-bg) !important; } .tabs-label { background:var(--rgb-fill-table) !important; border-color:var(--rgb-page-border) !important; } .tabs-tabbox > .tabs-container { border-color:var(--rgb-page-border) !important; padding: 0 !important; }

/* SEMANTIC MEDIAWIKI */ /* much of this doesn't take without !important (SMW self-importance) */

/* hide semantic "article icon" that causes other icons to bob back and forth https://www.semantic-mediawiki.org/wiki/Help:Entity_issue_panel */ display:none !important; }
 * 1) mw-indicator-smw-entity-examiner {

/* Special:Ask */ .smw-ask-toplinks { background:var(--rgb-fill-emp) !important; } .smw-ask-query textarea { background:var(--rgb-input-bg); color:var(--rgb-text); } .smw-ask-options-row-odd { background:var(--rgb-fill-table-alt) !important; } .smw-ask-options-row-even { background:var(--rgb-fill-table) !important; } .smwtable-clean tbody > tr:nth-child(2n+1), .smwtable-striped tbody > tr:nth-child(2n+1) { background:var(--rgb-fill-table-alt) !important; } .smwtable-clean tbody > tr:nth-child(2n), .smwtable-striped tbody > tr:nth-child(2n) { background:var(--rgb-fill-table) !important; }

/* Special:Browse */ .smwb-theme-light .smwb-factbox { border-left:0.5em solid var(--rgb-page-border) !important; } .smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead { background:var(--rgb-fill-emp) !important; } .smwb-theme-light .smwb-propval { background:var(--rgb-fill-table) !important; }   background-image:linear-gradient(to bottom, rgba(var(--raw-page-bg),0), rgba(var(--raw-page-bg),1)) !important; }
 * 1) options-toggle:not(:checked) + #options-list .options-parameter-list::after {

/* category refresh boxes */ .smw-callout-info { background:rgba(27,128,158,0.25); } .smw-callout-success { background:rgba(60,118,61,0.25); } .smw-callout-warning { background:rgba(170,103,8,0.25); } .smw-callout-error { background:rgba(206,72,68,0.25); }

/* Special:SemanticMediaWiki */ .smw-admin h3, .smw-admin h4, h3.smw-title, h4.smw-title, h3 .smw-title { background:var(--rgb-fill-emp) !important; border:1px solid var(--rgb-page-border) !important; } .smw-tabs input.nav-tab:checked + label.nav-label { color:var(--rgb-text) !important; }

/* Special:Types */ .smw-column-header { color:var(--rgb-text) !important; }

/* page preview properties */ .smw-factbox input.nav-tab:checked + label.nav-label { background:var(--rgb-page-bg) !important; border:1px solid var(--rgb-page-border) !important; border-top:2px solid var(--rgb-link-nml-unv) !important; border-bottom:1px solid var(--rgb-page-bg) !important; /* to make it "invisible" */ } .smw-factbox section { border:1px solid var(--rgb-page-border) !important; color:var(--rgb-text); } .smw-factbox .smwfact { background:var(--rgb-page-bg) !important; } .smw-factbox .smwfactboxhead { } .smwfact .smw-table-row:nth-child(2n+1) { background:var(--rgb-fill-table-alt) !important; } .smwfact .smw-table-row:nth-child(2n) { background:var(--rgb-fill-table) !important; }

/* property pages */ /* pagination */ .smw-ui-pagination .page-link { background:var(--rgb-fill-table) !important; color:var(--rgb-link-nml-unv) !important; } .smw-ui-pagination .page-link:hover { background:var(--rgb-fill-table-alt) !important; color:var(--rgb-link-nml-hov) !important; } .smw-ui-pagination .page-link.link-active { background:var(--rgb-link-nml-unv) !important; border-color:var(--rgb-link-nml-unv) !important; color:var(--rgb-fill-table) !important; } .smw-ui-pagination .page-link.link-disabled { background:var(--rgb-root-bg) !important; color:var(--rgb-text) !important; } .smw-property-page-results .header-title { background:var(--rgb-root-bg) !important; color:var(--rgb-text) !important; } .smw-property-page-results .header-row > .header-title { border-bottom: 1px solid var(--rgb-page-border) !important; } .smw-property-page-results .value-row:hover { background:var(--rgb-fill-table) !important; }