User:Surjection/vector.css

From Wiktionary, the free dictionary
Jump to navigation Jump to search

Note – after saving, you may have to bypass your browser’s cache to see the changes.

  • Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
  • Konqueror and Chrome: click Reload or press F5;
  • Opera: clear the cache in Tools → Preferences;
  • Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

This CSS is applied for Surjection to every page, when User:Surjection is using the Vector skin.


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

.fi-dial-map-map { filter: invert(80%) hue-rotate(210deg) contrast(150%) brightness(100%); }

/* 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><svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"16"%20height%3D"16"><path%20d%3D"M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z"%20fill%3D"transparent"%20stroke%3D"%237cb5d1"%20stroke-width%3D"1"%2F><%2Fsvg>') !important;
  }
  #ca-unwatch.icon a {
    background-image: url('data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F><svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20xmlns%3Axlink%3D"http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink"%20width%3D"16"%20height%3D"16"><defs><linearGradient%20id%3D"a"><stop%20offset%3D"0"%20stop-color%3D"%23c2edff"%2F><stop%20offset%3D".5"%20stop-color%3D"%2368bdff"%2F><stop%20offset%3D"1"%20stop-color%3D"%23fff"%2F><%2FlinearGradient><linearGradient%20x1%3D"13.47"%20y1%3D"14.363"%20x2%3D"4.596"%20y2%3D"3.397"%20id%3D"b"%20xlink%3Ahref%3D"%23a"%20gradientUnits%3D"userSpaceOnUse"%2F><%2Fdefs><path%20d%3D"M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z"%20fill%3D"url%28%23b%29"%20stroke%3D"%237cb5d1"%20stroke-width%3D"1"%2F><%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;
    }