User:D rela/vector.css

/* ==UserStyle==
@name         Wikipedia Dark
@namespace    StylishThemes
@version      2.2.4
@description  Wikipedia Dark theme
@author       StylishThemes
@homepageURL  https://github.com/StylishThemes/Wikipedia-Dark
@supportURL   https://github.com/StylishThemes/Wikipedia-Dark/issues
@updateURL    https://raw.githubusercontent.com/StylishThemes/Wikipedia-Dark/master/wikipedia-dark.user.css
@license      CC-BY-SA-4.0
@advanced color base-color "Base color" #4183C4
@advanced color visited-color "Visited color" #295887
@advanced dropdown bg-selected "Background image" {
  dft "Default" <<<EOT 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==) EOT;
  cst "Custom" <<<EOT
  var(--bg-custom, none) EOT;
  nbg "None" <<<EOT
  none EOT;
}
@advanced text bg-custom "Custom Background; include url()" "url()"
@advanced dropdown bg-options "Background image type" {
  Tiled "Tiled" <<<EOT
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: left top !important; EOT;
  Fit "Fit Window" <<<EOT
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important; EOT;
}
@advanced dropdown bg-attachment "Background image attachment" {
  Scroll "Scroll" <<<EOT
  scroll EOT;
  Fixed "Fixed" <<<EOT
  fixed EOT;
}
@preprocessor uso
==/UserStyle== */
@-moz-document regexp("https?:\\/\\/([\\w\\-]{2,}\\.(wiki(pedia|books|news|quote|source|versity|voyage)|wiktionary)|www\\.(mediawiki|wiki(data|dot))|(meta|commons|otrs-wiki|species|wikitech)\\.wikimedia)\\.org\\/.+"), domain("wiki.rpcs3.net"), domain("wiki.archlinux.org") {
  /* Modified from https://userstyles.org/styles/47161/dark-wikipedia-rounded */
  :root {
    --base-color: /*[[base-color]]*/;
    --base-color-8: rgba(/*[[base-color-rgb]]*/, .8);
    --visited-color: /*[[visited-color]]*/;
    --bg-custom: /*[[bg-custom]]*/;
    --bg-selected: /*[[bg-selected]]*/;
    --bg-attachment: /*[[bg-attachment]]*/;
    --gray-1: #111;
    --gray-2: #222;
    --gray-3: #333;
    --gray-4: #444;
    --gray-5: #555;
    --gray-7: #777;
    --gray-a: #aaa;
    --gray-c: #ccc;
    --gray-d: #ddd;
    --gray-e: #eee;
    --white: #fff;
    --gray-18: #181818;
    --gray-28: #282828;
    --gray-2f: #2f4f4f;
    --gray-69: #696969;
    --gray-9a: #9a9a9a;
    --gray-b9: #b9b9b9;
    --gray-bc: #bcbcbc;
    --blue-1: #36c;
    --blue-2: #182030;
    --blue-3: #212c43;
    --red-1: #c22;
    --red-2: #d33;
    --red-3: #722;
    --red-4: #ff4242;
    --green-1: #390;
    --green-2: #165316;
    --green-3: #061;
    --green-4: #002800;
    --brown-1: #321;
    --brown-2: #542;
    --brown-3: #261d08;
    --yellow-1: #b28200;
    --orange-1: #e53e00;
    --orange-2: #e08b26;
    --purple-1: #382b4a;
  }
  /* transparent background */
  div, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]),
  .MainPageBG, .navbox-list, div#mw-head, .mw-wsmfinal-content, .mw-body-content,
  .referencetooltip > li + li, div.vectorTabs ul li,
  tr[style*="background:#F5FFFA" i], th[style*="background-color: #fff" i],
  .mw-echo-notifications-badge, .ext-cards-card-list .ext-cards-card,
  .infobox span.plainlinks *, .tracklist,
  blockquote[style*="background-color: white" i], .ns-0 ul, .ns-0 ol li,
  table.flextable, table.flextable .invisible, table#noarticletext,
  table#noarticletext table, .metadata.plainlinks.stub,
  div#mw-content-text div.mw-parser-output h2:not([id^="mp-"]) {
    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"]):not([class*="oo-ui-labelElement-label"]),
  p code, label code, dl code, .oo-ui-widget div, .oo-ui-widget label,
  #pagehistory li.selected, #mwe-popups-settings main form label,
  #pt-anonuserpage, .oo-ui-textInputWidget .oo-ui-inputWidget-input,
  .oo-ui-messageDialog-title, .oo-ui-messageDialog-message,
  .mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label, .mw-mmv-image-desc {
    color: var(--gray-9a);
  }
  body, h1, h2, h3, h4, h5, h6, #footer li, .infobox th[style*="background"],
  div[style*="color"], input[type="search"], input[type="submit"],
  .oo-ui-buttonElement-button, .oo-ui-buttonElement-button:hover,
  input[type="number"], select, .suggestions-result, input,
  .central-featured-lang .link-box em, .central-featured-lang .link-box small,
  div.flaggedrevs_preview, div.plainlinks, .wikipediauserbox td,
  .table-partial[style*="background: #FFFFBB; color:black;"] {
    color: var(--gray-9a) !important;
  }
  a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button, .toctogglelabel,
  #content a:not(.new), #mw-navigation li:not(.new) a:not(.new),
  #mw-panel li:not(.new) a:not(.new), #column-one li:not(.new) a:not(.new),
  #footer a:not(.new) {
    color: var(--base-color) !important;
  }
  a:visited, #toc a:visited, #toc a:visited span,
  .vectorTabs li.new:not(.selected) a:visited, #content a:not(.new):visited,
  #mw-panel li:not(.new) a:not(.new):visited,
  #p-navigation li:not(.new) a:not(.new):visited,
  #p-tb li:not(.new) a:not(.new):visited {
    color: var(--visited-color) !important;
  }
  legend .oo-ui-labelElement-label, .cnotice-message p,
  #mwe-popups-settings header h1, #mwe-popups-settings main form label > span,
  .mwe-popups-settings-help p, font[color="black"] {
    color: var(--gray-d) !important;
  }
  a:hover, a:hover span:not(.oo-ui-labelElement-label), #toc a:hover,
  #toc a:hover span, .suggestions-result .highlight,
  .suggestions-special .special-query {
    color: var(--white) !important;
  }
  div[class*="mw-echo-ui"], span[class*="mw-echo-ui"] {
    background-color: inherit !important;
  }
  div.mw-echo-ui-toggleReadCircleButtonWidget-circle {
    background-color: var(--gray-7) !important;
  }
  .mw-echo-ui-toggleReadCircleButtonWidget-circle.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
    background-color: transparent !important;
    border: 1px solid var(--gray-7);
  }
  .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
    background-color: var(--gray-69) !important;
  }
  .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
    background-color: var(--gray-2f) !important;
  }
  .mw-collapsible:not([class*="navbox-"]):not([class*="wpb"]) th {
    background-color: var(--gray-3) !important;
  }
  .mw-collapsible:not([class*="navbox-"]) td:not([class*="mbox-"]) {
    background-color: var(--gray-2) !important;
  }
  .oo-ui-toolbar-bar, .oo-ui-window-head, .oo-ui-window-foot,
  .oo-ui-popupToolGroup-tools, #language-settings-dialog {
    background: var(--gray-2) !important;
  }
  table.diff, td.diff-otitle, td.diff-ntitle,
  .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
  .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
  .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
  .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active:focus,
  .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
  .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
    background-color: var(--gray-3);
  }
  .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
  .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
    background-color: var(--blue-1) !important;
    filter: none !important;
  }
  .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: var(--gray-7);
  }
  /* text selection */
  ::selection, ::-moz-selection {
    background-color: var(--base-color) !important;
    color: var(--white) !important;
  }
  .mw-plusminus-pos {
    color: var(--green-1) !important;
  }
  /*** Red links (non-existant pages) ***/
  div.vectorTabs li.new:not(.selected) a, .mw-plusminus-neg, a.new,
  #p-personal a.new {
    color: var(--red-1) !important;
  }
  /*** Background ***/
  html, body {
    background-color: var(--gray-2) !important;
    background-image: var(--bg-selected) !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"],
  .pure-button-primary-progressive,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
  .mw-ui-button.mw-ui-progressive {
    background-color: var(--base-color) !important;
    border-color: transparent !important;
    color: var(--white) !important;
  }
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--red-2) !important;
  }
  .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
  .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
    background-color: var(--gray-7);
  }
  .mw-ui-button.mw-ui-progressive:hover, .pure-button-primary-progressive:hover,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
  .mw-ui-button.mw-ui-progressive:hover {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) !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;
  }
  .wpb .portal ul, .boilerplate .pullquote, .module-shortcutboxplain,
  .mw-trackedTemplate {
    background-color: var(--gray-3) !important;
  }
  .mw-body-content .portal, .sistersitebox, .boilerplate, .NavFrame, .divbox {
    background-color: var(--gray-2) !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;
  }
  .mw-body-content pre, .mw-body-content code, span.plainlinks,
  td[style*="border-bottom: 1px solid #eee; background-color:#ffffff"] {
    background-color: var(--gray-1) !important;
    border-color: var(--gray-5) !important;
    color: var(--gray-b9) !important;
  }
  td[style*="background:#FFFFFF" i], .jfk-bubble, .navpopup,
  .popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover,
  td[style*="background:#f5fffa"] {
    background-color: var(--gray-18) !important;
  }
  table, input, button, select, textarea:not([class*="mw-editfont"]),
  tr[style*="background: antiquewhite" i], #toc, td[style*="background-color"],
  td[style*="background:#F5FAFF" i],
  #mw-content-text div[style*="background: #"], .vevent td, .referencetooltip li,
  .suggestions, .mw-ui-button[style*="background"],
  .mw-ui-button[style*="background"] *, .wikiEditor-ui, .mw-search-results li,
  table.navbox.collapsible tr:nth-child(2) > td, div.menu, ul.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" i], th[style*="background:#EDF1F1" i],
  td[style*="background:#EDF1F1" i], tr[style*="background-color:white" i],
  tr[style*="background:#f9f9f9" i], td[bgcolor="#FFFFFF" i],
  tr[style*="background:#ddd" i], td[style*="background: #F2F2F2" i],
  tr[style*="background-color:#F2F2F2" i],
  tr[style*="background-color:#FFF5EE" i], tr[bgcolor="FFF5EE" i],
  td[bgcolor="FFF5EE" i],
  .wikitable.charts-zebragrey > tbody > tr:nth-of-type(odd),
  td > span[style*="background-color:#eee" i],
  #mw-content-text div:not(.toctitle) > h2, table.flextable th,
  tr[style*="background-color:#FFF" i], td[style*="background:#eee" i],
  #mw-searchoptions, .mw-advancedSearch-namespace-selection,
  td[style*="background:#fff2e6" i], td[style*="background:#F9F9F0"],
  td[style*="background:#F4F9F0"], td[style*="background:#F9F0F0"],
  td[style*="background:#f0f0f0"], #mwe-popups-settings,
  th[style*="border-bottom: 1px solid #eee; background-color:#ffffff;"],
  .table-na[style*="background:#ececec;"] {
    background-color: var(--gray-2) !important;
  }
  body .ui-button {
    background: var(--gray-28) !important;
    border-color: var(--gray-5) !important;
  }
  table[style*="background-color:#fff;" i], .search-form fieldset, table.ambox,
  tr[style*="background-color: #fff;" i],
  .mw-ui-button[style*="background-color:#008B6D" i],
  tr[style*="background-color: #f5faff;" i], tr[style*="background:#E9E9E9" i],
  th[style*="background:#E9E9E9" i],
  table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;" i],
  tr[style*="background:#f0f0f0;" i], td[style*="background:lightyellow" i],
  td[style*="background:#eeeeff" i], td[style*="background:#ddddff" i],
  .oo-ui-buttonElement-button:hover,
  .tracklist tr[style*="background-color:#f7f7f7" i],
  td[style*="background:#F9F9F9" i], th[style*="background:gainsboro" i],
  td[style*="background:gainsboro" i], h2[style*="background:#eeeeee" i],
  h2[style*="background:#efefef" i], tr[bgcolor*="#eee" i],
  tr[style*="background-color:#eee" i],
  .wikitable.charts-zebragrey > tbody > tr:nth-of-type(even),
  tr[style*="background:#fbf8d6" i], table.flextable td, table.nmbox td,
  tr[style*="background-color:#f7f7f7"] {
    background-color: var(--gray-28) !important;
  }
  table.wikitable > tr > th, table.wikitable > * > tr > th,
  div.barbox > table > tbody > tr > th, .cx-campaign-contributionsmenu li:hover {
    background-color: var(--gray-3); /* don't include !important flag */
  }
  td[style*="background: #ececec;" i], th[style*="background:#eee" i],
  th[style*="background-color: #eee" i],
  tr[style*="background-color: #f7f7f7;" i], th[style*="background:#F2F2F2" i],
  #filetoc, .toccolours, th[style*="background:#F9F9F9" i],
  th[style*="background-color: lightgrey" i], th[style*="background:#ddd" i],
  .infobox th[style*="background"], .infobox tr[style*="background-color"],
  .infobox td[style*="background"], td[style*="background:#F2F2F2" i],
  table.wikitable > tbody > tr[style*="background-color:#F6F6F6" i], .tlheader,
  th[style*="background:whitesmoke" i], td[style*="background:whitesmoke" i],
  th[style*="#FFEBAD" i], .usermessage, table.nmbox th, tr[style*="#eaecf0" i],
  td[style*="#eaecf0" i], p[style*="background-color:#F7FAFC" i] {
    background-color: var(--gray-3) !important;
  }
  /* remove background image/gradient */
  .keyboard-key, div#editpage-specialchars a,
  body div.ui-dialog .ui-widget-header {
    background: var(--gray-3) !important;
    border-color: var(--gray-5) !important;
  }
  body .ui-button:hover {
    background: var(--gray-4) !important;
    border-color: var(--gray-5) !important;
  }
  /* add a white background to transparent images; see
   * https://forum.userstyles.org/discussion/48549/x */
  a.image img, a[href*=".svg"] img {
    background: var(--gray-d) !important;
  }
  /* white background to wikEd - see #24 */
  .wikEdFrameBodySyntax {
    background: var(--white) !important;
  }
  .keyboard-key {
    box-shadow: .1em .2em .2em var(--gray-4) !important;
  }
  .mw-mmv-ttf-ellipsis, .navpopup, .oo-ui-popupWidget-popup, input + span,
  .pure-form input[type=search] {
    box-shadow: none !important;
  }
  .pure-button-primary-progressive:focus,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus:not(:active),
  .mw-ui-button.mw-ui-progressive:focus:not(:active) {
    box-shadow: inset 0 0 0 1px var(--base-color), inset 0 0 0 2px var(--white) !important;
  }
  strong, em {
    text-shadow: none !important;
  }
  hr {
    background-color: transparent !important;
    border-color: var(--gray-5) !important;
  }
  .mw-editfont-monospace {
    background-color: var(--gray-2);
    color: var(--gray-9a);
  }
  .userSummaryButtons a, #userSummaryButtons a {
    background-color: var(--green-4);
    border-color: var(--green-3);
    color: var(--gray-a) !important;
  }
  .userSummaryButtons a:hover, #userSummaryButtons a:hover {
    background-color: var(--green-4);
    border-color: var(--green-3);
    filter: brightness(120%);
  }
  #btn_opisy_zm_waxon_off {
    background-color: var(--brown-3) !important;
    border-color: var(--brown-2) !important;
  }
  .flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before {
    background-color: var(--gray-2);
  }
  .mw-ui-icon.mw-ui-icon-before::before, .mw-ui-icon.mw-ui-icon-element::before {
    filter: invert(80%);
  }
  div > .flow-menu li a,
  .flow-component.flow-board-page .flow-board-header .side-rail-toggle-button {
    background-color: var(--gray-2) !important;
  }
  /*** Background Color Styles ***/
  /* Red */
  td[style*="background: #FDD;" i], .table-no, td[style*="background:#fdd" i],
  td[style*="background: #ffdddd" i], tr[style*="background:#FFDDDD" i],
  tr[style*="background:#fbb" i] {
    background: var(--red-3) !important;
    color: var(--gray-d) !important;
  }
  /* Green */
  #mp-left h2, #mp-left h2 span, td[style*="background: #99FF99;" i], .table-yes,
  td[style*="background:#dfd" i], td[style*="background:#bfd" i],
  tr[style*="background:#DDFFDD" i], tr[style*="background:#bfb" i],
  tr[style*="background-color:#CCFFCC" i],
  table.ext-status-stable > tbody > tr.tpl-infobox-header {
    background: var(--green-2) !important;
    color: var(--gray-d) !important;
  }
  /* Yellow */
  table.ext-status-beta > tbody > tr.tpl-infobox-header {
    background: var(--yellow-1) !important;
  }
  /* Orange */
  table.ext-status-experimental > tbody > tr.tpl-infobox-header {
    background: var(--orange-1) !important;
  }
  /* Grey */
  table.ext-status-unknown > tbody > tr.tpl-infobox-header {
    background: var(--gray-5) !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;" i], 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" i], tr[bgcolor="#CEDFF2" i],
  table[style*="background-color:#cef2e0" i] *,
  div[style*="background-color: #cee0f2" i],
  div[style*="background-color: #cedff2" i], div[role="region"] h2,
  div[role="region"] .plainlinks, tr[style*="background-color: #cedff2" i],
  td[bgcolor*="#f0f0ff" i], tr[style*="background-color:#E1E9F3" i],
  th[style*="background:#d1dbdf" i], td[style*="background:#e6f2ff" i] {
    background-color: var(--blue-2) !important;
  }
  .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title,
  .navbox-abovebelow *, th.navbox-group *, .navbox-subgroup .navbox-title *,
  tr[bgcolor*="#E1E9F3" i] {
    background-color: var(--blue-3) !important;
  }
  /* Purple */
  #mp-lower #mp-bottom h2, #mp-bottom h2 span,
  th[style*="background:lavender" i], td[style*="background:lavender" i],
  th[style*="background:#edf" i] {
    background-color: var(--purple-1) !important;
  }
  /* Brown */
  #mp-center #mp-tfl-h2, #mp-center #mp-tfl-h2 span, .table-partial,
  tr[style*="background:orange" i], td[style*="background:#ffd" i] {
    background-color: var(--brown-1) !important;
  }
  /*** Border ***/
  fieldset, button[type="submit"]:not(.pure-button-primary-progressive),
  .oo-ui-buttonElement-button:focus:not(:active) {
    border-color: var(--base-color) !important;
  }
  div:not([style*="-color"]), div[style*="background-color"],
  span:not([class*="color"]), table:not(.hp-portalen),
  tr:not([style*="border-bottom"]), th, .infobox tr[style*="background-color"],
  td:not([style*="border-bottom"]):not([style*="border-top"]), h1, h2, h3, h4,
  h5, h6, ul, li, input, select, .mw-body-content code, .lang-list-button:hover,
  .oo-ui-buttonElement-button, #mwe-popups-settings, #mwe-popups-settings header {
    border-color: var(--gray-5) !important;
  }
  td[style*="border-bottom"] {
    border-right-color: var(--gray-5) !important;
    border-left-color: var(--gray-5) !important;
    border-top-color: var(--gray-5) !important;
  }
  .mwe-popups:before, .cx-callout-1:before {
    border-bottom-color: var(--gray-5) !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: var(--gray-5) !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: var(--gray-2) !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: var(--gray-2) !important;
  }
  .mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall,
  .oo-ui-popupWidget-popup {
    border: 1px solid var(--gray-5) !important;
  }
  .mwe-popups-settings-icon:hover, .mwe-popups-settings-icon:active {
    background-color: var(--gray-4) !important;
  }
  div.vectorTabs li:not(.selected), .oo-ui-popupWidget-anchor:after,
  .oo-ui-popupWidget-head {
    border-bottom: 1px solid var(--gray-5) !important;
  }
  .referencetooltip > li {
    background: var(--gray-2) !important;
    border: 1px solid var(--gray-5) !important;
  }
  input, button {
    border-style: solid !important;
    border-width: 1px !important;
  }
  /* arrow down */
  .referencetooltip > li + li, .referencetooltip > li + li:after {
    border-top-color: var(--gray-2) !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
  }
  .referencetooltip > li + li {
    border-top: 12px var(--gray-5) solid !important;
  }
  .referencetooltip.RTflipped > li + li {
    border-bottom-color: var(--gray-2) !important;
  }
  .referencetooltip.RTflipped > li + li:after {
    border-bottom-color: transparent !important;
  }
  /* Bookmark Icon */
  #ca-watch.icon a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="transparent" stroke="%237cb5d1"/%3E%3C/svg%3E') !important;
  }
  #ca-unwatch.icon a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3ClinearGradient id="a" x1="13.47" x2="4.596" y1="14.363" y2="3.397" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23c2edff" offset="0"/%3E%3Cstop stop-color="%2368bdff" offset=".5"/%3E%3Cstop stop-color="%23fff" offset="1"/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="url(%23a)" stroke="%237cb5d1"/%3E%3C/svg%3E') !important;
  }
  /* Orange */
  #centralNotice > div {
    border-color: var(--orange-2) !important;
  }
  table.ambox-content, table.ambox-style {
    border-left-color: var(--orange-2) !important;
  }
  /* add border */
  div.vectorTabs li, #p-cactions-label, .client-js #preftoc li {
    border-right: 1px solid var(--gray-5) !important;
  }
  div.vectorTabs li.selected, .client-js #preftoc li.selected {
    border-bottom: 1px solid var(--orange-2) !important;
  }
  /*** Text ***/
  .wikitable tr:not([style*="color:black" i]) th:not([style*="color: black" i]),
  table.wikitable > tbody > tr[style*="background-color:#F6F6F6" i] > td > *,
  tr.ext-infobox-header th, tr.ext-infobox-header span {
    color: var(--white) !important;
  }
  .CategoryTreeEmptyBullet, .table-na, .infobox, .hp-portalen a span {
    color: var(--gray-c) !important;
  }
  .oo-ui-buttonElement-button:hover {
    color: var(--gray-bc) !important;
  }
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
    color: var(--red-4) !important;
  }
  /*** Quotes ***/
  blockquote {
    background-color: transparent !important;
    border: none !important;
  }
  /*** Misc ***/
  ul, .portlet li {
    list-style-image: none !important;
  }
  table[style*="border:4px ridge"], .jfk-bubble-closebtn,
  .oo-ui-tagMultiselectWidget-handle input {
    border: none !important;
  }
  .popup_history_row_even, ins.popupDiff {
    background: var(--gray-3);
  }
  del.popupDiff {
    background: var(--gray-2);
  }
  .wikEdFrameBodySyntax {
    filter: invert(100%);
  }
  .wikEdFrameBodyPlain {
    background: var(--gray-1) !important;
  }
  #proveit {
    background-color: var(--gray-2) !important;
  }
  /*** diff pages ***/
  .diff-context {
    background-color: var(--gray-2) !important;
  }
  .wikEdDiffButtonUnchecked {
    border-color: var(--gray-4) !important;
  }
  td.diff-deletedline .diffchange, .wikEdDiffDelete {
    background-color: rgba(213, 154, 0, .6) !important;
    color: var(--gray-d) !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: var(--gray-d) !important;
  }
  .oo-ui-buttonElement-button:active, .pure-button-primary-progressive:active,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
  .mw-ui-button.mw-ui-progressive:active,
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active {
    filter: brightness(72.5%) !important;
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus:not(:active),
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus:not(:active),
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:not(:active) {
    border-color: var(--base-color) !important;
    box-shadow: inset 0 0 0 1px var(--base-color) !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*=".svg"][height="16"], img[src*=".svg"][height="17"],
  img[src*=".svg"][height="18"], #gtx-host, .jfk-bubble-closebtn,
  .oo-ui-iconElement-icon:not(.oo-ui-image-progressive), .RTsettings,
  #pt-notifications-notice .mw-echo-notifications-badge,
  #pt-notifications-alert .mw-echo-notifications-badge,
  img.mwe-math-fallback-image-display, #cnotice-toggle-icon {
    -webkit-filter: invert(100%) !important;
            filter: invert(100%) !important;
    background-color: transparent !important;
  }
  .oo-ui-pendingElement-pending {
    background-color: var(--gray-1);
    background-image: -webkit-linear-gradient(135deg, black 25%, transparent 25%, transparent 50%, black 50%, black 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, black 25%, transparent 25%, transparent 50%, black 50%, black 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, black 25%, transparent 25%, transparent 50%, black 50%, black 75%, transparent 75%, transparent);
  }
  .central-textlogo__image, .unicode.haudio a img {
    filter: invert(60.5%) !important;
  }
  .mw-ui-icon-popups-close:before, .mw-ui-icon-footer::before {
    filter: invert(86.5%) !important;
  }
  .central-featured-logo {
    filter: brightness(60.5%) !important;
  }
  .oo-ui-icon-bell, .mw-widget-calendarWidget-day-additional {
    opacity: .7 !important;
  }
  #footer-icons img {
    filter: brightness(70%);
  }
  #mw-indicator-mw-helplink a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12.001 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 5.476 4.438 9.914 9.916 9.914 5.476 0 9.914-4.438 9.914-9.914 0-5.478-4.438-9.916-9.914-9.916zm0.001 18c-4.465 0-8.084-3.619-8.084-8.083 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083z" fill="%23888"/%3E%3Cpath d="m11.766 6.688c-2.5 0-3.219 2.188-3.219 2.188l1.411 0.854s0.298-0.791 0.901-1.229c0.516-0.375 1.625-0.625 2.219 0.125 0.701 0.885-0.17 1.587-1.078 2.719-0.953 1.186-1 3.655-1 3.655h1.969s0.135-2.318 1.041-3.381c0.604-0.707 1.443-1.338 1.443-2.494s-1.187-2.437-3.687-2.437zm-0.766 9.312h2v2h-2v-2z" fill="%23888"/%3E%3C/svg%3E');
  }
  .cx-campaign-contributionsmenu li.cx-campaign-contributions a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z" fill="%23888"/%3E%3Ccircle cx="10" cy="5.5" r="4.5" fill="%23888"/%3E%3C/svg%3E%0A');
  }
  .cx-campaign-contributionsmenu li.cx-campaign-translations a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z" fill="%23888"/%3E%3C/svg%3E');
  }
  .cx-campaign-contributionsmenu li.cx-campaign-uploads a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.09 6.18a3.68 3.68 0 0 1-2.18-2.55c.09.09 1.82.91 1.82.91L10 0 7.27 4.55l1.82-.91a5.08 5.08 0 0 0 .55 1.91 5.13 5.13 0 0 0 2 2 8.86 8.86 0 0 1 2 1.18l-.64.63-.45-.45-.26 1.54 1.54-.26-.45-.45.62-.65a5.69 5.69 0 0 1 1.45 3.45h-.91v-.73l-1.26.91 1.26.91v-.73h.91A5.21 5.21 0 0 1 14 16.36l-.64-.64.45-.45-1.53-.27.26 1.54.45-.45.64.64a5.69 5.69 0 0 1-3.45 1.45v-.91h.73L10 16l-.91 1.27h.73v.91a5.21 5.21 0 0 1-3.45-1.45l.63-.64.45.45.27-1.54-1.54.26.45.45-.63.65a5.69 5.69 0 0 1-1.45-3.45h.91v.73l1.26-.91-1.26-.91v.73h-.91A5.21 5.21 0 0 1 6 9.09l.64.64-.45.45 1.54.26-.28-1.53-.45.45-.64-.64L5 7.45a7.29 7.29 0 1 0 8.09-1.27z" fill="%23888"/%3E%3Ccircle cx="10" cy="12.7" r="2.5" fill="%23888"/%3E%3C/svg%3E');
  }
  .oo-ui-indicator-down, .oo-ui-indicator-clear {
    filter: invert(100%);
  }
  /*** Reference tooltips ***/
  .rt-tooltip, .rt-tooltipTail:after {
    background: var(--gray-2) !important;
  }
  .rt-tooltipTail {
    background: var(--gray-5) !important;
  }
  /*** Page preview settings ***/
  .mwe-popups-overlay {
    background-color: rgba(34, 34, 34, .75) !important;
  }
  #mwe-popups-settings {
    box-shadow: 0 2px 2px 0 rgba(85, 85, 85, .25) !important;
  }
  /* wikidata fixes */
  .wikibase-entitytermsforlanguagelistview-header-row th,
  li.wikibase-sitelinkview.listview-item span.wikibase-sitelinkview-siteid-container {
    background-color: var(--gray-3) !important;
  }
  .wikibase-sitelinkgroupview, .ui-widget.ui-suggester-list,
  .articlepreview.open, ul.wikibase-snaktypeselector-menu.ui-menu {
    background-color: var(--gray-2) !important;
  }
  .wikibase-snaktypeselector-menu .ui-state-active,
  .wikibase-snaktypeselector-menu .ui-state-focus {
    background: var(--gray-3) !important;
  }
  .ui-entityselector-list .ui-entityselector-notfound {
    background-color: var(--gray-2);
  }
  .wb-icon, .articlepreview-button, .wb-help-field-hint, .ui-icon-close {
    filter: invert(80%);
  }
  .tipsy-inner {
    color: var(--gray-9a);
    background-color: var(--gray-2) !important;
  }
  .articlepreview .toggler {
    filter: invert(80%);
    background-color: var(--gray-e) !important;
  }
  .wikibase-entityview textarea, .ui-listrotator {
    color: var(--gray-9a);
  }
  .imeselector-toggle {
    filter: brightness(200%);
  }
  .imeselector-menu {
    filter: brightness(50%);
    background-color: var(--gray-2) !important;
  }
  .imeselector-menu .selectable-row:hover {
    background-color: var(--gray-3);
  }
}
@-moz-document domain("wikipedia.org") {
  /*** Navigation menu logo ***/
  #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;
  }
}

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.