Difference between revisions of "MediaWiki:Vector.css"

From Underrail Wiki
Jump to navigation Jump to search
(reverted gallerybox thumbnail scaling. sorry mac, your idea wasn't an improvement)
(change heading color to body text color, only links in "underrail orange")
Line 10: Line 10:
 
/* main content area */
 
/* main content area */
 
div#content { background-color: #101010; }
 
div#content { background-color: #101010; }
#content>div { color: #999; }
+
#content>div, h1, h2, h3, h4, h5, h6 { color: #999; }
h1, h2, h3, h4, h5, h6 { color: #AE5700; }
 
 
h1, h2 { border-color: #333 }
 
h1, h2 { border-color: #333 }
 
ul { list-style-image: none; }
 
ul { list-style-image: none; }

Revision as of 22:36, 4 November 2019

/* 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 { background: #000; }
div#mw-page-base, div#mw-head-base, div#footer { background-color: #000; color: #999; }
ul#footer-icons { display: none; }

/* main content area */
div#content { background-color: #101010; }
#content>div, h1, h2, h3, h4, h5, h6 { color: #999; }
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:link { text-decoration: none; color: #E27100; }
a:visited { color:#AE5700; } #mw-panel a:visited { color:#AE5700 !important; }
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 */
div.vectorTabs ul li { background-color:#000; }
div.vectorTabs ul li.selected { background-image: linear-gradient(#000, #101010, #101010); }
div.vectorTabs ul li a { color: #AE5700; }
div.vectorTabs ul li.new a { color:#890000; }
div.vectorTabs ul li.selected a { color: #E27100 !important; font-weight: bold; }
div.vectorMenu ul { background-color:#040404; border-color:#333; z-index:2; }
div.vectorMenu ul a { color: #AE5700; }

/* sidebar */
div#mw-panel, div#mw-panel a { background-color:#000; }
div#mw-panel div.portal { padding-bottom: 0.5em; }
div#mw-panel a[rel=nofollow] { padding-right: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAW0lEQVQoU3WPwQ3AIAwDPQc7sVN3yoAUV3VlA32cIsyREFRV0jFOhHQ1jD4Bkk18mCEf7OLb2mkmheiBJFZ1DnGVeCb8c4i8ZOiSFmSN0ZI0wZcM0TmKv3xi4QYbTKZGTFKDyQAAAABJRU5ErkJggg==") center right no-repeat; }

/* vector background images */
div.vectorMenu { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAIAAACdjxhxAAAABnRSTlMAAAAAAABupgeRAAAAM0lEQVR42mNgGAWDGwRrMmSaMkz3xoKA4kBZ8k0hQT9WU0jWj2YKmfrhplTaUKB/FJADAPwZGJ5IkBgVAAAAAElFTkSuQmCC"); }
div#mw-head-base, div.vectorTabs ul li, div#content, div#footer { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mNYF84AAAK8AQYKOXpIAAAAAElFTkSuQmCC"); }
div.vectorTabs, div.vectorTabs span, div.vectorMenu h5 a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAALklEQVR42mNgYWJg4mCBYE4gZgfRrEA+M5TPipDjQMMweU5mqBiQDTKPgYFqGACKgQFEGj/tDgAAAABJRU5ErkJggg=="); }
div#mw-panel div.portal div.body { background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAIAAACDjNFvAAAAV0lEQVR42r2P2w6AMAhDO5j7/+/FwdSq8xZfRxpygEJCkoQiyIqiyIJJTlCKnYu/HXLm1mO637xlTRgT0WCB6jBHDczOkrApqM4/efXby99Hftz3NuijBQP7SAIBlc3CAAAAAElFTkSuQmCC"); }
/* 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='); }

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