Difference between revisions of "MediaWiki:Vector.css"

Revision as of 09:14, 13 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; }
#mw-head { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=) no-repeat; background-size:200px; }
#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; }
/* dropdown menu image (TODO check new css selector)
{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAIAAACdjxhxAAAABnRSTlMAAAAAAABupgeRAAAAM0lEQVR42mNgGAWDGwRrMmSaMkz3xoKA4kBZ8k0hQT9WU0jWj2YKmfrhplTaUKB/FJADAPwZGJ5IkBgVAAAAAElFTkSuQmCC); }
*/

/* 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; }

/* 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 */
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 !important; border-color:#242; }
.previewnote { color:#006400 !important; border:1px dotted #006400 !important; padding:0px 10px 10px; background:#001600; }
.previewnote hr { background:#242; }

/* 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 { background-color: transparent; border: 1px solid #333; }

/* OOUI widgets */
/* TODO style properly without quick invert filter hack */
.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); }