User:Extraltodeus/vector.css

/* Wikipedia Dark Theme v1.0.20 (12/19/2016) * https://github.com/StylishThemes/Wikipedia-Dark * http://userstyles.org/styles/ * Modified from https://userstyles.org/styles/47161/dark-wikipedia-rounded */

/* transparent background */ div, span:not(.legend-color), .MainPageBG, .navbox-list, div#mw-head, .mw-wsmfinal-content, #bodyContent, .referencetooltip > li + li, div.vectorTabs ul li, tr[style*="background:#F5FFFA"], th[style*="background-color: #fff"], .mw-echo-notifications-badge, .ext-cards-card-list .ext-cards-card, .infobox span.plainlinks * { background-color: transparent; }

/*** Overall ***/ td, p, li, th:not([style*="background"]), caption, div, span:not([class*="color"]), p code, label code, dl code { color: #9a9a9a; }

h1, h2, h3, h4, h5, h6, #footer li, .infobox th[style*="background"], div[style*="color"], input[type="search"], .suggestions-result { color: #9a9a9a; }

a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button { color: /*base-color*/ #4183C4; }

a:visited, #toc a:visited, #toc a:visited span { color: /*visited-color*/ #295887; }

a:hover, a:hover span, #toc a:hover, #toc a:hover span, .suggestions-result .highlight, .suggestions-special .special-query { color: #fff; text-decoration: underline; }

/* text selection */ ::selection { background-color: /*base-color*/ #4183C4; color: #fff; } ::-moz-selection { background-color: /*base-color*/ #4183C4; color: #fff; }

/*** Red links (non-existant pages) ***/ a.new { color: #980000; }

/*** Background ***/ html, body { background-color: #222; background-image: /*bg-choice*/ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==); background-clip: border-box; background-origin: padding-box; background-attachment: /*bg-attachment*/ fixed; /*bg-options*/ }

.mw-ui-button, .mw-ui-button * { background-color: /*base-color*/ #4183C4; color: #fff; }

#mw-page-base, div.vectorTabs, div.vectorTabs *, .wikiEditor-ui-toolbar, #p-cactions-label, .client-js #preftoc, .client-js #preftoc li, .client-js #preftoc li.selected a, .ui-widget-content, .ext-cards-card-list h3:after { background-image: none; }

.ui-widget-overlay { background: rgba(0, 0, 0, 0.8); }

#bodyContent pre, #bodyContent code, span.plainlinks * { background-color: #111; border-color: #555; color: #b9b9b9; }

td[style*="background:#FFFFFF"], .jfk-bubble { background-color: #181818; }

table, input, button, select, textarea, tr[style*="background: antiquewhite;"], #toc, td[style*="background-color"], td[style*="background:#F5FAFF"], #mw-content-text div[style*="background: #"], .vevent td, .referencetooltip li, .suggestions, .mw-ui-button[style*="background"], .mw-ui-button[style*="background"] *, .wikiEditor-ui, table.navbox.collapsible tr:nth-child(2) > td, div.menu, .oo-ui-popupWidget-popup, .oo-ui-buttonElement-button, .mw-notification, .mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall, .ui-widget-content, .oo-ui-window-body, #pagehistory li.selected { background-color: #222; }

body .ui-button { background: #282828; border-color: #555; }

table[style*="background-color:#fff;"], .search-form fieldset, table.ambox, tr[style*="background-color: #fff;"], .mw-ui-button[style*="background-color:#008B6D"], tr[style*="background-color: #f5faff;"], tr[style*="background:#E9E9E9"] > *, table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;"], td[style*="background:lightyellow"], td[style*="background:#eeeeff"], td[style*="background:#ddddff"], .oo-ui-buttonElement-button:hover { background-color: #282828; }

table.wikitable > tr > th, table.wikitable > * > tr > th, div.barbox > table > tbody > tr > th { background-color: #333; /* don't include flag */ }

td[style*="background: #ececec;"], th[style*="background:#eee"], th[style*="background-color: #eee"], tr[style*="background-color: #f7f7f7;"], th[style*="background:#F2F2F2"], #filetoc, .toccolours, th[style*="background:#F9F9F9"], table.plainlinks, th[style*="background-color: lightgrey"], th[style*="background:#ddd"], .infobox th[style*="background"], .infobox td[style*="background"], td[style*="background:#F2F2F2"], table.wikitable > tbody > tr[style*="background-color:#F6F6F6"] { background-color: #333; }

/* remove background image/gradient */ .keyboard-key, div#editpage-specialchars a, body div.ui-dialog .ui-widget-header { background: #333; border-color: #555; }

body .ui-button:hover { background: #444; border-color: #555; } /* add a white background to transparent images; see * https://forum.userstyles.org/discussion/48549/x */ a.image img { background: #ddd; }

.keyboard-key { box-shadow: 0.1em 0.2em 0.2em #444; }

hr { background-color: #555; }

/*** Background Color Styles ***/ /* Red */ td[style*="background: #FDD;"], .table-no { background: #722; }

/* Green */ #mp-left h2, #mp-left h2 span, td[style*="background: #99FF99;"], .table-yes { background: #244024; }

/* Blue */ div[style*="background"] h2, div[style*="background"] h2 *, #mp-right h2, #mp-right h2 span, .navbox th, .navbox-title, .navbox-title *, tr[style*="background-color:tan;"], div[style*="background: #444444;"], div[style*="background: #444444;"] *, ol.references li:target, sup.reference:target, span.citation:target, ol.references li:target *, sup.reference:target *, span.citation:target *, td[style*="background:#CEDFF2"], tr[bgcolor="#CEDFF2"], table[style*="background-color:#cef2e0"] * { background-color: #182030; }

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title, .navbox-abovebelow *, th.navbox-group *, .navbox-subgroup .navbox-title * { background-color: #212C43; }

/* Purple */ #mp-bottom h2, #mp-bottom h2 span, th[style*="background:lavender"], td[style*="background:lavender"] { background-color: #382B4A; }

/* Brown */ #mp-center h2, #mp-center h2 span, .table-partial, tr[style*="background:orange"] { background-color: #321; }

/*** Border ***/ fieldset { border-color: /*base-color*/ #4183C4; }

div, span:not([class*="color"]), table, tr:not([style*="border-bottom"]), th, td:not([style*="border-bottom"]), h1, h2, h3, h4, h5, h6, ul, li, input, select, #bodyContent code { border-color: #555; }

td[style*="border-bottom"] { border-right-color: #555; border-left-color: #555; border-top-color: #555; }

.mwe-popups:before { border-bottom-color: #555; } .mwe-popups.flipped_y:before, .mwe-popups.flipped_x_y:before, .wikiEditor-toolbar-dialog .ui-dialog-buttonpane { border-top-color: #555; } .mwe-popups:after { border-bottom-color: #222; } .mwe-popups.flipped_y:after, .mwe-popups.flipped_x_y:after { border-top-color: #222; }

div.vectorTabs li:not(.selected), .oo-ui-popupWidget-anchor:after, .oo-ui-popupWidget-head { border-bottom: #555 1px solid; }

/* arrow down */ .referencetooltip > li + li, .referencetooltip > li + li::after { border-top-color: #555; border-right-color: transparent; border-left-color: transparent; } /* Bookmark Icon */ #ca-watch.icon a { background-image: url('data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F><%2Fsvg>'); } #ca-unwatch.icon a { background-image: url('data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F> <%2FlinearGradient><%2Fdefs><%2Fsvg>'); }

/* Orange */ #centralNotice > div { border-color: #e08b26; }

table.ambox-content, table.ambox-style { border-left-color: #e08b26; }

/* add border */ div.vectorTabs li, #p-cactions-label, .client-js #preftoc li { border-right: #555 1px solid; } div.vectorTabs li.selected, .client-js #preftoc li.selected { border-bottom: #e08b26 1px solid; }

/*** Text ***/ .wikitable tr:not([style*="color:black"]) th, table.wikitable > tbody > tr[style*="background-color:#F6F6F6"] > td > * { color: #fff; }

.CategoryTreeEmptyBullet { color: #ccc; }

/*** Misc ***/ #p-cactions li.selected a, #p-cactions li a, #p-cactions li a:hover { padding: 0 1em 0.1em; }

ul, .portlet li { list-style-image: none; }

table[style*="border:4px ridge"], .jfk-bubble-closebtn { border: none; }

/*** invert images ***/ img[title="Wikipedia"], .bookshelf-container .bookend, img.mwe-math-fallback-image-inline, #mw-wsmfinal-close, img[src*="Speaker_Icon"], .infobox img[alt*="structure"][src*=".svg"], img[src*=".png"]:active, img[src*=".svg"][height="16"], img[src*=".svg"][height="17"], img[src*=".svg"][height="18"], .oo-ui-iconElement-icon:not(.mw-echo-notifications-badge), .RTsettings, #gtx-host, .jfk-bubble-closebtn, #pt-notifications-notice .mw-echo-notifications-badge:before, .oo-ui-pendingElement-pending, #pt-notifications-alert .mw-echo-notifications-badge:before { -webkit-filter: invert(100%); filter: invert(100%); background-color: transparent; } .oo-ui-icon-bell { opacity: 0.7; }

/* grunt build - remove to end of file */