User:Surjection/vector.css

.vector-menu-content { height: auto !important; }

/* Wiktionary vector dark based on StylishThemes "Wikipedia Dark theme": https://github.com/StylishThemes/Wikipedia-Dark and Modified from https://userstyles.org/styles/47161/dark-wikipedia-rounded */

.mw-wiki-logo { filter: grayscale brightness(100) brightness(0.6); } .ext-ipinfo-widget-property-label, .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: #b3b3b3 !important; } .ext-ipinfo-widget-property-value { color: #979797 !important; } .archive-box { color: #999 !important; } .number-box { background: transparent !important; } .number-box .adjacent-slot, .number-box .footer-slot, .number-box .adjacent-slot, .number-box .adjacent-panel, .number-box .table-cell.adjacent-number, .number-box .table-cell.footer-cell { background: #333 !important; }

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #2e2e2e !important; border: solid 1px #555 !important; }

.mw-parser-output .ac-hrown + ol, .mw-parser-output .ac-hrown + ul { background: transparent; }   .mw-plusminus-pos { color: #28c828; }   .mw-plusminus-neg { color: #ff3030; }   .mw-echo-notifications-badge { filter: invert; }   .mw-echo-notifications-badge::after { filter: invert; }   .mw-echo-notifications-badge-all-read { filter: invert brightness(50%); }   .mw-echo-notifications-badge.oo-ui-widget-enabled,.mw-echo-notifications-badge.oo-ui-widget-enabled:hover {       background-color: transparent !important; }   .mw-ui-input {       box-shadow: inset 0 0 0 1px #888; }   .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: linear-gradient(to bottom,rgba(64,64,64,0) 0,rgb(144,144,144) 100%); background-repeat: no-repeat; background-size: 1px 100%; } .kephir-qq, figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"], figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption { background: rgba(32, 32, 32, 0.9) !important; } .inflection-table th, .inflection-table td, .mw-datatable td { background: #202020!important; }   .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 #333; }   .vector-menu-tabs li { background: linear-gradient(to top,#aaa 0,#272727 1px,#2d2d2d 100%); color: #ddd; }   .vector-menu-tabs .selected { background: linear-gradient(to top,#ddd 0,#242424 1px,#161616 100%); color: #ddd; }   .vector-menu-dropdown .vector-menu-content-list, table.prettytable th, .mw-datatable th    { background: #333; }   .vector-menu-dropdown li a    { color: #aaa; }   .vector-menu-tabs li a { color: #aaf; }   .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {       color: #eee; }   .warningbox {       color: #999; }   .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {       color: #f44; }   .mw-parser-output a.extiw, .mw-parser-output a.external {       color: #187098; }   .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {       /*color: #904080; */ color: #785078; }   .senseid:target, p:has(> span.etymid:target) { background: #303030; }   .vector-menu-portal .body li a, .vector-menu-portal .vector-menu-content li a    { color: rgb(71, 152, 255); }   .vector-menu-portal .body li a:visited, .vector-menu-portal .vector-menu-content li a:visited {       color: rgb(111, 79, 187); }   .mw-echo-alert {       color: #000!important; } /* transparent background */ div, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]), .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 *, .tracklist, blockquote[style*="background-color: white"], .ns-0 ul, .ns-0 ol li, table.flextable, table.flextable .invisible, table#noarticletext, table#noarticletext table { background-color: transparent !important; } .lang-list-button { outline-color: transparent !important; } /*** Overall ***/ td, p, li, th:not([style*="background"]), caption, div, span:not([class*="color"]):not([class*="wikEd"]):not([style*="background"]), p code, label code, dl code, .oo-ui-widget div, .oo-ui-widget label { color: #9a9a9a; } body, h1, h2, h3, h4, h5, h6, #footer li, .infobox th[style*="background"], div[style*="color"], input[type="search"], input[type="submit"], input[type="number"], select, .suggestions-result, input, .central-featured-lang .link-box em, .central-featured-lang .link-box small { color: #9a9a9a !important; } a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button, .toctogglelabel, #mw-panel .portal .body li a, .vectorTabs li a { color: rgb(71, 152, 255); } a:visited, #toc a:visited, #toc a:visited span, #mw-panel .portal .body li a:visited { color: rgb(111, 79, 187); }   a.new, #p-personal a.new { color: #dd3322; } legend .oo-ui-labelElement-label { color: #ddd !important; } a:hover, a:hover span, #toc a:hover, #toc a:hover span, .suggestions-result .highlight, .suggestions-special .special-query { color: #9cf !important; } /* text selection */ ::selection { background-color: rgb(71, 152, 255) !important; color: #fff !important; } ::-moz-selection { background-color: rgb(71, 152, 255) !important; color: #fff !important; }   div.NavFrame div.NavHead, details.NavFrame summary.NavHead, div.NavFrame div.NavHead:hover, details.NavFrame summary.NavHead:hover { background: #444; }   .vectorTabs li.selected a, .vectorTabs li.selected a:visited { color: #aaa; } /*** Background ***/ html, body { background-color: #161616 !important; background-clip: border-box !important; background-origin: padding-box !important; background-attachment: var(--bg-attachment) !important; /*bg-options*/ } .mw-ui-button, .mw-ui-button *, button[type="submit"] { background-color: #204090 !important; color: #fff !important; } #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, #simpleSearch, .mw-mmv-ttf-ellipsis:before, .mw-advancedSearch-fieldContainer { background-image: none !important; } /* fading linear gradient */ .mwe-popups-extract:after { background-image: linear-gradient(to right, rgb(34, 34, 34, 0), rgb(34, 34, 34, 1) 50%) !important; } .ui-widget-overlay { background: rgba(0, 0, 0, .8) !important; } #bodyContent pre, #bodyContent code, span.plainlinks * { background-color: #111 !important; border-color: #555 !important; color: #b9b9b9 !important; } td[style*="background:#FFFFFF"], .jfk-bubble, .navpopup, .popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover { background-color: #181818 !important; } table, input, button, select, textarea:not([class*="mw-editfont"]), 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"] *, 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, .tracklist tr, .mw-searchresults-has-iw .iw-resultset, .cx-callout-content, .oo-ui-widget, tr[style*="background:#f2f2f2"], th[style*="background:#EDF1F1"], td[style*="background:#EDF1F1"], tr[style*="background-color:white"], tr[style*="background:#f9f9f9"], td[bgcolor="#FFFFFF"], tr[style*="background:#ddd"], td[style*="background: #F2F2F2"], tr[style*="background-color:#F2F2F2"], tr[style*="background-color:#FFF5EE"], tr[bgcolor="FFF5EE"], td[bgcolor="FFF5EE"], .wikitable.charts-zebragrey > tbody > tr:nth-of-type(odd), td > span[style*="background-color:#eee"], #mw-content-text div:not(.toctitle) > h2, table.flextable th, tr[style*="background-color:#FFF"], td[style*="background:#eee"], #mw-searchoptions, .mw-advancedSearch-namespace-selection { background-color: #161616!important; } body .ui-button { background: #282828 !important; border-color: #555 !important; }   .ace-tm .ace_marker-layer .ace_selection { background: #444 !important; } 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"], th[style*="background:#E9E9E9"], table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;"], tr[style*="background:#f0f0f0;"], td[style*="background:lightyellow"], td[style*="background:#eeeeff"], td[style*="background:#ddddff"], .oo-ui-buttonElement-button:hover, .tracklist tr[style*="background-color:#f7f7f7"], td[style*="background:#F9F9F9"], th[style*="background:gainsboro"], td[style*="background:gainsboro"], h2[style*="background:#eeeeee"], h2[style*="background:#efefef"], tr[bgcolor*="#eee"], tr[style*="background-color:#eee"], .wikitable.charts-zebragrey > tbody > tr:nth-of-type(even), tr[style*="background:#fbf8d6"], table.flextable td { background-color: #282828 !important; } table.wikitable > tr > th, table.wikitable > * > tr > th, div.barbox > table > tbody > tr > th, .cx-campaign-contributionsmenu li:hover { background-color: #292929; /* don't include !important 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"], .tlheader, th[style*="background:whitesmoke"], td[style*="background:whitesmoke"], th[style*="#FFEBAD"] { background-color: #292929 !important; } /* remove background image/gradient */ .keyboard-key, div#editpage-specialchars a, body div.ui-dialog .ui-widget-header { background: #292929 !important; border-color: #555 !important; } body .ui-button:hover { background: #444 !important; border-color: #555 !important; } /* add a white background to transparent images; see * https://forum.userstyles.org/discussion/48549/x */ /*a.image img, a[href*=".svg"] img { background: #ddd !important; }*/   textarea { color: #fff; background-color: #333; } /* white background to wikEd - see #24 */ .wikEdFrameBodySyntax { background: #fff !important; } .keyboard-key { box-shadow: .1em .2em .2em #444 !important; } .mw-mmv-ttf-ellipsis, .navpopup, .oo-ui-popupWidget-popup, .oo-ui-buttonElement-button, input + span, .pure-form input[type=search] { box-shadow: none !important; } hr { background-color: transparent !important; border: 1px solid #555 !important; } body.ns-0 #mw-content-text .mw-parser-output > :not(.collapsible-block) + h2:not(:first-of-type), body.ns-0 #mw-content-text .mw-parser-output > .open-block + h2:not(:first-of-type) { border-top: 1px solid #555 !important; padding-top: 1em; margin-top: 0.2em; } /*** Background Color Styles ***/ /* Red */ td[style*="background: #FDD;"], .table-no, td[style*="background:#fdd"], td[style*="background: #ffdddd"], tr[style*="background:#FFDDDD"], tr[style*="background:#fbb"] { background: #722 !important; color: #ddd !important; } /* Green */ #mp-left h2, #mp-left h2 span, td[style*="background: #99FF99;"], .table-yes, td[style*="background:#dfd"], td[style*="background:#bfd"], tr[style*="background:#DDFFDD"], tr[style*="background:#bfb"], tr[style*="background-color:#CCFFCC"] { background: #244024 !important; color: #ddd !important; } /* 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"] *, div[style*="background-color: #cee0f2"], div[style*="background-color: #cedff2"], div[role="region"] h2, div[role="region"] .plainlinks, tr[style*="background-color: #cedff2"], td[bgcolor*="#f0f0ff"], tr[style*="background-color:#E1E9F3"], th[style*="background:#d1dbdf"] { background-color: #182030 !important; } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title, .navbox-abovebelow *, th.navbox-group *, .navbox-subgroup .navbox-title *, tr[bgcolor*="#E1E9F3"] { background-color: #212c43 !important; } /* Purple */ #mp-bottom h2, #mp-bottom h2 span, th[style*="background:lavender"], td[style*="background:lavender"], th[style*="background:#edf"] { background-color: #382b4a !important; } /* Brown */ #mp-center h2, #mp-center h2 span, .table-partial, tr[style*="background:orange"], td[style*="background:#ffd"] { background-color: #321 !important; } /*** Border ***/ fieldset, button[type="submit"], .oo-ui-buttonElement-button:focus { border-color: rgb(71, 152, 255) !important; } div:not([style*="-color"]), div[style*="background-color"], 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, .lang-list-button:hover, .oo-ui-buttonElement-button { border-color: #555 !important; } td[style*="border-bottom"] { border-right-color: #555 !important; border-left-color: #555 !important; border-top-color: #555 !important; } .mwe-popups:before, .cx-callout-1:before { border-bottom-color: #555 !important; } .mwe-popups.flipped_y:before, .mwe-popups.flipped_x_y:before, .wikiEditor-toolbar-dialog .ui-dialog-buttonpane, .mwe-popups.flipped-y:before, .mwe-popups.flipped-x-y:before { border-top-color: #555 !important; } .mwe-popups:after, .cx-callout-1:after, .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: #222 !important; } .mwe-popups.flipped_y:after, .mwe-popups.flipped_x_y:after, .mwe-popups.flipped-y:after, .mwe-popups.flipped-x-y:after, .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: #222 !important; } .mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall, .oo-ui-popupWidget-popup { border: 1px solid #555 !important; } .mwe-popups-settings-icon:hover, .mwe-popups-settings-icon:active { background-color: #444 !important; } div.vectorTabs li:not(.selected), .oo-ui-popupWidget-anchor:after, .oo-ui-popupWidget-head { border-bottom: #555 1px solid !important; } .referencetooltip > li { background: #222 !important; border: 1px solid #555 !important; } input, button { border-style: solid !important; border-width: 1px !important; } /* arrow down */ .referencetooltip > li + li, .referencetooltip > li + li::after { border-top-color: #222 !important; border-right-color: transparent !important; border-left-color: transparent !important; } .referencetooltip > li + li { border-top: 12px #555 solid !important; } .referencetooltip.RTflipped > li + li { border-bottom-color: #222 !important; } .referencetooltip.RTflipped > li + li::after { border-bottom-color: transparent !important; } /* Bookmark Icon */ #ca-watch.icon a { background-image: url('data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F><%2Fsvg>') !important; } #ca-unwatch.icon a { background-image: url('data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F> <%2FlinearGradient><%2Fdefs><%2Fsvg>') !important; } /* Orange */ #centralNotice > div { border-color: #e08b26 !important; } table.ambox-content, table.ambox-style { border-left-color: #e08b26 !important; } /* add border */ div.vectorTabs li, #p-cactions-label, .client-js #preftoc li { border-right: #555 1px solid !important; } div.vectorTabs li.selected, .client-js #preftoc li.selected { border-bottom: #e08b26 1px solid !important; } /*** Text ***/ .wikitable tr:not([style*="color:black"]) th:not([style*="color: black"]), table.wikitable > tbody > tr[style*="background-color:#F6F6F6"] > td > * { color: #fff !important; } .CategoryTreeEmptyBullet, .table-na, .infobox { color: #ccc !important; } /*** Misc ***/ #p-cactions li.selected a, #p-cactions li a, #p-cactions li a:hover { padding: 0 1em .1em !important; } ul, .portlet li { list-style-image: none !important; } table[style*="border:4px ridge"], .jfk-bubble-closebtn, .oo-ui-tagMultiselectWidget-handle input { border: none !important; } /*** diff pages ***/ .diff-context { background-color: #222 !important; } .wikEdDiffButtonUnchecked { border-color: #444 !important; } td.diff-deletedline .diffchange, .wikEdDiffDelete { background-color: rgba(213, 154, 0, .6) !important; color: #ddd !important; } td.diff-deletedline { border-color: rgba(213, 154, 0, .6) !important; } .wikEdDiffFragment:hover .wikEdDiffDelete { background-color: rgba(213, 154, 0, .65) !important; } td.diff-addedline { border-color: rgba(0, 112, 213, .6) !important; } td.diff-addedline .diffchange, .wikEdDiffInsert { background-color: rgba(0, 112, 213, .6) !important; color: #ddd !important; } /*** 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, img.mwe-math-fallback-image-display { -webkit-filter: invert(100%) !important; filter: invert(100%) !important; background-color: transparent !important; } .central-textlogo__image, .unicode.haudio a img { filter: invert(60.5%) !important; } .central-featured-logo { filter: brightness(60.5%) !important; }   /*  #p-logo a { background-position: center -155px !important; display: table-cell !important; vertical-align: middle !important; } #p-logo a::before, #p-logo a::after { display: block !important; background: inherit !important; content: "" !important; } #p-logo a::before { background-position: center 0 !important; filter: brightness(60.5%) !important; height: 108px !important; } #p-logo a::after { background-position: center -108px !important; filter: invert(60.5%) !important; height: 47px !important; }*/ .oo-ui-icon-bell, .mw-widget-calendarWidget-day-additional { opacity: .7 !important; } /* scroll bar */ ::-webkit-scrollbar { max-width: 10px !important; max-height: 10px !important; background: #1d1d1d !important; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: #1d1d1d !important; } ::-webkit-scrollbar-thumb { background: rgba(175, 175, 175, .5) !important; } ::-webkit-scrollbar-thumb:hover { background: rgba(71, 152, 255, .8) !important; } /* checkbox fix */ .oo-ui-image-invert.oo-ui-icon-check { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42L7 14.17z%22/%3E%3C/svg%3E") !important; }   .k-player .control-bar {       background: linear-gradient(to bottom,#222 0%, #999 15%, #222 30%, #000 100%); color: #eee; }   .k-player .time-disp, .k-player .control-bar span {       color: #eee !important; }   .k-player .ui-icon {       filter: invert; }   .historysubmit, .ace_tooltip { color: #fff!important; }   .mw-scribunto-console-fieldset { color: #eee; background: #111; }   .mw-scribunto-normalOutput { color: #ddd; }   .mw-scribunto-input { color: #0ff; }   .mw-scribunto-message { color: #0f0; }