Difference between revisions of "MediaWiki:Vector.css"

Revision as of 09:23, 15 October 2020

/* the editbox and other inputs */
textarea, input, button, select { color: #CCC; border: 2px solid #333; background-color: #222; }
textarea:hover, input:hover, button:hover, select:hover { border-color: #AE5700; }

/* anything outside content areas */
body, #mw-page-base, #mw-head-base { background-color: #000;  background-image: none; }
#footer-icons { display: none; }

/* main content area */
#content { background-color: #101010; border: 1px solid #AE5700; border-right: none; }
#content>div, h1, h2, h3, h4, h5, h6 { color: #AAA; }
h1, h2 { border-color: #333 }
ul { list-style-image: none; }

/* main page tweaks */
body.page-Main_Page h1.firstHeading { display: none; }

/* TOC (table of contents) menu */
#toc { background-color: #050505; border-color: #AE5700; border-radius: 2px; }

/* category links */
#catlinks, #catlinks * { background: #050505; border-color:#AE5700; }

/* links */
a, a:link, .toctogglelabel { text-decoration: none; color: #E27100; }
a:visited { color: #AE5700; }
a:hover { text-decoration: underline; }
a.new, .mw-body a.new { color: #890000; }
a.external { background-image: none !important; padding-right: 0px !important; }
a.external:visited,.mw-body a.external:visited,a.extiw:visited { color: #149; }

/* vector tabs */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAALklEQVR42mNgYWJg4mCBYE4gZgfRrEA+M5TPipDjQMMweU5mqBiQDTKPgYFqGACKgQFEGj/tDgAAAABJRU5ErkJggg==); }
.vector-menu-tabs ul li { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mNYF84AAAK8AQYKOXpIAAAAAElFTkSuQmCC); }
.vector-menu-tabs ul li.selected { background-image: linear-gradient(to bottom, #000, #101010, #101010); }
.vector-menu-tabs ul a { color: #AE5700; }
.vector-menu-tabs ul li.new a { color: #890000; }
.vector-menu-tabs ul li.selected a { color: #E27100 !important; font-weight: bold; }
.vector-menu-tabs #ca-watch.icon a::before, .vector-menu-tabs #ca-unwatch.icon a::before { filter:invert(1); };
.vector-menu-dropdown h3 { color:#AE5700; }
.vector-menu-dropdown h3::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAIAAACdjxhxAAAABnRSTlMAAAAAAABupgeRAAAAM0lEQVR42mNgGAWDGwRrMmSaMkz3xoKA4kBZ8k0hQT9WU0jWj2YKmfrhplTaUKB/FJADAPwZGJ5IkBgVAAAAAElFTkSuQmCC) no-repeat center left; }
.vector-menu-dropdown .vector-menu-content-list { background:#000; border-color:#AE5700; }
.vector-menu-dropdown li a { color:#AE5700; }

/* seach field */
#searchInput { color: #BBB; border: 1px solid #333; background-color: #111; }
#searchInput:focus, #simpleSearch:hover #searchInput:focus { border-color: #E27100; box-shadow: none; }

/* sidebar */
#mw-panel { background-color:#000; }
#mw-panel .portal-first h3 { display:inherit }
#mw-panel a:link { color: #E27100 !important; }
#mw-panel a:visited { color: #AE5700 !important; }
.vector-menu-portal h3 { background-image: linear-gradient(to right, #000 0, #333 33%, #333 66%, #000 100%); }
.vector-menu-portal a[rel=nofollow] { padding-right: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAW0lEQVQoU3WPwQ3AIAwDPQc7sVN3yoAUV3VlA32cIsyREFRV0jFOhHQ1jD4Bkk18mCEf7OLb2mkmheiBJFZ1DnGVeCb8c4i8ZOiSFmSN0ZI0wZcM0TmKv3xi4QYbTKZGTFKDyQAAAABJRU5ErkJggg==) center right no-repeat; }

/* pre & code elements */
#content pre { background-color: #101010; color: #999; border-color: #AE5700; max-width: 100% !important; overflow: auto !important; }
code { background: #050505; color: #999; border: 1px dotted #999; }

/* mediawiki table classes */
table.diff { background: #101010; }
td.diff-addedline, td.diff-deletedline, td.diff-context, td.diff-empty, td.diff-otitle, td.diff-ntitle { background: #101010; }
table.listfiles th { background: #101010; }
table.listfiles td, table.listfiles tr { background: #050505; }
table.mw_metadata th { background-color: #0C0C0C; }
table.mw_metadata td { background-color: #101010; }
table.jquery-tablesorter th.headerSort { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAYAAADdA2d2AAAANklEQVR42mNgIBIkJCT8J1YtI6kGLliwgJFiQ7G5kJDBjOR6mRgXUxXQxKX0D1NyY5+BFukUAB63HEXhyFizAAAAAElFTkSuQmCC'); }
table.jquery-tablesorter th.headerSortUp { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAIAAADu/+P/AAAABnRSTlMAAAAAAABupgeRAAAAG0lEQVR42mNgwAYSsAEGkgBFmtGMYCAbENQMANGlEgGd9yzeAAAAAElFTkSuQmCC'); }
table.jquery-tablesorter th.headerSortDown { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAAJklEQVQoU2NgIAEkJCT8J0E5YaUgA2GYsGoiVCAbSBWDsRlIyGAA6fAh8fhNPDYAAAAASUVORK5CYII='); }
.mw-datatable th { background-color: #0C0C0C; border: 1px #7F3F00 solid; }
.mw-datatable td { background-color: inherit; border: 1px #7F3F00 solid; }
.mw-datatable tr:hover td { background-color: #060606; }

/* thumbnailed images and galleries */
html .thumbimage { background-color: transparent; }
img.thumbimage { border-color: #000 }
div.thumbinner { background-color: #101010; border: 1px solid #AE5700; }
li.gallerybox { border-color: transparent; }
li.gallerybox div.thumb { background-color: #101010; border-color: #AE5700; }

/* edit preview note */
#mw-previewheader { color:#006400; border-color:#242; }
.previewnote { color:#006400; border:1px dotted #006400; padding:0px 10px 10px; background:#001600; }
.previewnote .warningbox { background:#242; color:#8C8; border:1px dashed #8C8; }

/* Special page fixes */
fieldset { border-color: #AE5700; }
fieldset legend, fieldset table, fieldset table * { background: transparent !important; }
ul#pagehistory li { background: #101010; border:1px solid #333; }
ul#pagehistory li.selected { background: #050505; border:1px dotted #AE5700; }
ul#filetoc { background: #050505; border-color: #AE5700; }
div#userlogin, div#userlogin table, div#userloginForm, div#userloginForm table { background-color: #101010; border-color: #AE5700 }
div#mw-js-message { background: #050505; }
.mw-search-formheader { background: #050505; border-color: #AE5700; }
fieldset#mw-searchoptions { background: #101010; border-color: #AE5700 !important; }
#preferences { background: #101010; border-color: #AE5700; }
#preftoc, #preftoc li, #preftoc li.selected a { background-image: none; }
#preftoc li { border: 1px solid #AE5700; border-right-color: #AE5700; border-bottom: none; }
#preftoc li.selected { border: 1px solid #AE5700; }
#preftoc li a, #preftoc li a:active { color: #AAA; }
#preftoc li.selected a { color: #AE5700; }
div.captcha { background:#111 !important; border:1px solid #AE5700 !important; }
li.not-patrolled { background-color:#210; }
div.mw-warning-with-logexcerpt { border-color: #900; }
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend { background-color: transparent; border: 1px solid #333; }
.diff-context { border-color: #333; color: inherit; }
.diff-deletedline { border-color: #933; }
.diff-deletedline .diffchange { background: #411; }
.diff-addedline { border-color: #373; }
.diff-addedline .diffchange { background: #141; }
#pagehistory li.selected { color: inherit; }

/* OOUI widgets */
/* TODO style properly without quick invert filter hack */
/* recent changes */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-menuSelectWidget,
.oo-ui-popupWidget-popup,
.mw-rcfilters-ui-liveUpdateButtonWidget,
.mw-rcfilters-ui-changesLimitAndDateButtonWidget,
.mw-rcfilters-ui-savedLinksListWidget { filter:invert(1); }
/* wikieditor */
.wikiEditor-ui-toolbar { filter:invert(0.95); }
.editOptions { background-color:inherit; color:inherit; }
/* Special:Preferences */
.oo-ui-menuLayout-menu { filter:invert(1); }
.mw-prefs-buttons { filter:invert(1) hue-rotate(180deg); }
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: inherit; }
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: inherit; color: inherit; border: 2px solid #333; }
.oo-ui-indicator-down { filter:invert(1) }