Difference between revisions of "MediaWiki:Vector.css"

From Underrail Wiki
Jump to navigation Jump to search
m (better link selector specificity, got rid of !importants on .mw-body links)
m (nearest neighbor scaling for gallerybox thumbnails where supported)
Line 69: Line 69:
 
div.thumbinner { background-color: #101010; border: 1px solid #AE5700; }
 
div.thumbinner { background-color: #101010; border: 1px solid #AE5700; }
 
li.gallerybox { border-color: transparent; }
 
li.gallerybox { border-color: transparent; }
li.gallerybox div.thumb { background-color: #101010; border-color: #AE5700; }
+
li.gallerybox div.thumb { background-color: #101010; border-color: #AE5700; -ms-interpolation-mode:nearest-neighbor; image-rendering:crisp-edges; image-rendering:pixelated; }
  
 
/* edit preview note */
 
/* edit preview note */

Revision as of 07:51, 5 July 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 { color: #999; }
h1, h2, h3, h4, h5, h6 { color: #AE5700; }
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; }

/* 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; -ms-interpolation-mode:nearest-neighbor; image-rendering:crisp-edges; image-rendering:pixelated; }

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