User:Dialectric/vector.css

Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump.
This code will be executed when previewing this page.
The accompanying .js page for this skin is at User:Dialectric/vector.js.
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* NOTE - this theme is not compatible with: Gadgets > Preferences > Utility modules Core styling for dark mode gadget          */
/* If the theme is rendering with light, not dark, elements, try disabling 'Utility modules Core styling for dark mode gadget'  */

/* Darklands 2.11    */
/* Updated Jan 2026 */
/* A dark, low-contrast Vector theme for wikipedia                      */
/* see User:Dialectric/common.css for css to hide specific UI elements */
/* screenshots at https://en.wikipedia.org/wiki/User:Dialectric       */
/* please leave comments or suggestions on my wikipedia talk page    */
/* see User:Dialectric/vector-2022.css for vector2022-specific code */

/* ============================================================ */
/* Element selectors                                            */
/* ============================================================ */
html { font-size:110% }
html,body { height:100%;margin:0;padding:0;font-family:sans-serif }
body { background-color:#2a2a2a }
h1,h2,h3,h4,h5,h6 { color:#c1c1c1 }
hr { color:#222 }
a { text-decoration:none !important; }
ul { list-style-image:none }
code { border:none;background-color:inherit;color:inherit }
input,textarea { background-color:#4c4c4c;border-color:#4c4c4c;color:#c1c1c1 }
select { background-color:#75715E; }
s { text-decoration-thickness:2px;text-decoration-color:#a55858; }

figure, figcaption {
    background:#272822 !important;
    color:#F8F8F2 !important;
}

/* ============================================================ */
/* Links                                                        */
/* ============================================================ */
a,.mw-body a.external,.mw-body a.extiw { color:#66D9EF }
a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited { color:#468999; }
a.new,#p-personal a.new { color:#a55858; }
a.new:visited, #p-personal a.new:visited { color:#a55858 !important; }

/* ============================================================ */
/* Layout & body                                                */
/* ============================================================ */
.vector-header-container { background-color:#020a13 !important; }
.mw-page-container { background-color:#000 !important; }
.vector-feature-zebra-design-disabled body { background-color:#020a13; }
pre,.mw-code { line-height:1.3em }
.redirectMsg img { vertical-align:text-bottom }
.mw-body-content { position:relative;line-height:1.6;font-size:.875em }

.mw-body {
    margin-left:10em;
    padding:1em;
    border:1px solid #000;
    border-right-width:0;
    margin-top:-1px;
    background-color:#333;
    color:#c1c1c1;
    direction:ltr;
    box-shadow:rgb(121 121 121 / 25%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.mw-body .mw-editsection,.mw-body .mw-editsection-like { font-family:sans-serif }
.mw-body p { line-height:inherit;margin:.5em 0 }
.mw-body h1,.mw-body h2,.mw-body #firstHeading { font-family:Georgia,Times,serif;line-height:1.3;margin-bottom:.25em;padding:0 }
.mw-body h1,.mw-body #firstHeading { font-size:1.8em }
.mw-body h2 { font-size:1.5em;margin-top:1em;color:#ccc; }
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6 { line-height:1.6;margin-top:.3em;margin-bottom:0;padding-bottom:0 }
.mw-body h3 { font-size:1.17em }
.mw-body h3,.mw-body h4 { font-weight:bold }
.mw-body h4,.mw-body h5,.mw-body h6 { font-size:100% }
.mw-body #toc h2,.mw-body .toc h2 { font-size:100%;font-family:sans-serif }

.mw-body-content {
    padding-left:12px;
    padding-right:12px;
    max-width:1600px;
}

/* ============================================================ */
/* Navigation & head                                            */
/* ============================================================ */
#mw-navigation h2 { position:absolute;top:-9999px }
#mw-head-base { margin-top:-5em;margin-left:10em;height:5em }
div#mw-head { position:absolute;top:0;right:0;width:100% }
div#mw-head h3 { margin:0;padding:0 }
#left-navigation { float:left;margin-left:10em;margin-top:2.5em;margin-bottom:-2.5em;display:inline }
#right-navigation { float:right;margin-top:2.5em }
#mw-head { background-color:#2a2a2a; }
#mw-page-base { background-color:transparent; }

#p-logo { position:absolute;top:-160px;left:0;width:10em;height:160px }
#p-logo a { display:block;width:10em;height:160px;background-repeat:no-repeat;background-position:center center;text-decoration:none }
div#mw-panel { font-size:inherit;position:absolute;top:160px;padding-top:1em;width:10em;left:0 }

div#mw-panel div.portal {
    margin:0 .6em 0 .7em;
    padding:.25em 0;
    direction:ltr;
    background-position:top left;
    background-repeat:no-repeat;
    background-image:/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/portal-break.png')
}

div#mw-panel div.portal h3 { font-size:.75em;color:#4d4d4d;font-weight:normal;margin:0;padding:.25em 0 .25em .25em;cursor:default;border:none }
div#mw-panel div.portal div.body { margin:0 0 0 1.25em;padding-top:0 }
div#mw-panel div.portal div.body ul { list-style-type:none;list-style-image:none;margin:0;padding:0 }
div#mw-panel div.portal div.body ul li { line-height:1.125em;margin:0;padding:.25em 0;font-size:.75em;word-wrap:break-word }
div#mw-panel div.portal div.body ul li a { color:#8a7f6c; }
div#mw-panel div.portal div.body ul li a:visited { color:#8a7f6c }
div#mw-panel div.portal.first { background-image:none;margin-top:0 }
div#mw-panel div.portal.first div.body { margin-left:.5em }
#mw-navigation div#mw-panel div.portal { background-image:none;border-top:1px solid #4c4c4c }
#mw-navigation div#mw-panel div.portal#p-logo,#mw-navigation div#mw-panel div.portal#p-navigation { border-top:none }
#mw-panel a { font-size:inherit;color:#867f68; }

div#footer { margin-left:10em;margin-top:0;padding:.75em;direction:ltr }
div#footer ul { list-style-type:none;list-style-image:none;margin:0;padding:0 }
div#footer ul li { margin:0;padding:0;padding-top:.5em;padding-bottom:.5em;font-size:.7em;color:#E69F66; }
div#footer #footer-icons { float:right }
div#footer #footer-icons li { float:left;margin-left:.5em;line-height:2em;text-align:right }
div#footer #footer-info li { line-height:1.4em }
div#footer #footer-places li { float:left;margin-right:1em;line-height:2em }
body.ltr div#footer #footer-places { float:left }
#footer-places a { color:#AE81FF; }
#footer-info-lastmod { color:#867f68; }

/* ============================================================ */
/* Vector tabs & menus                                          */
/* ============================================================ */
div.vectorTabs {
    float:left;
    height:2.5em;
    background-position:bottom left;
    background-repeat:no-repeat;
    padding-left:0px;
}

div.vectorTabs ul {
    float:left;
    height:100%;
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
    background-position:right bottom;
    background-repeat:no-repeat;
}

div.vectorTabs ul li {
    float:left;
    line-height:1.125em;
    display:inline-block;
    height:2em;
    margin:0;
    padding:0;
    background-color:#222;
    background-image:-moz-linear-gradient(top,#2e2e2e 20%,#222 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#2e2e2e),color-stop(100%,#222));
    background-image:-webkit-linear-gradient(top,#2e2e2e 20%,#222 100%);
    background-image:linear-gradient(#2e2e2e 20%,#222 100%) !important;
    border:1px solid #000;
    background-position:bottom left;
    background-repeat:repeat-x;
    white-space:nowrap;
}

div.vectorTabs ul>li { display:block }
div.vectorTabs li.new a,div.vectorTabs li.new a:visited { color:#a55858 }
div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited { color:#333;text-decoration:none }
div.vectorTabs li.icon a { background-position:bottom right;background-repeat:no-repeat }
div.vectorTabs li a { display:inline-block;height:1.9em;padding-left:1.5em !important;padding-right:1.5em !important;color:#66D9EF;cursor:pointer;font-size:.8em }
div.vectorTabs li>a { display:block }
div.vectorTabs span a { display:inline-block;padding-top:1.25em }
div.vectorTabs span>a { float:left;display:block }

div.vectorTabs li.selected {
    border-bottom:0px;
    background-color:#F33;
    padding-bottom:1px;
    background-image:linear-gradient(0deg, #333, transparent) !important;
}

.vectorTabs a {
    padding-left:12px;
    padding-right:12px;
    background-image:none;
    background-image:linear-gradient(0deg, transparent, #000) !important;
    background-size:0px 100% !important;
}

.vectorTabs, .vectorTabs a, #mw-head .vectorMenu h3 { background-size:0px 100% !important; }

#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected { background-color:#333; }
#left-navigation div.vectorTabs ul li, #right-navigation div.vectorTabs ul li { border-top:1px solid #000; }
#left-navigation div.vectorTabs ul, #right-navigation div.vectorTabs ul { border-right:1px solid #000; }

div.vectorMenu { direction:ltr;float:left;cursor:pointer;position:relative }
body.rtl div.vectorMenu { direction:rtl }
div.vectorMenu h3 span { display:block;font-size:.8em;padding-left:.7em;padding-top:1.375em;margin-right:20px;font-weight:normal;color:#4d4d4d }
div#mw-head div.vectorMenu h3 span { color:#66D9EF }
div.vectorMenu h3 a { background:inherit }

div.vectorMenu h3 a {
    position:absolute;
    top:0;
    right:0;
    width:20px;
    height:2.5em;
    background-image:url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-icon.png');
    background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-icon.svg');
    background-image:linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-icon.svg');
    background-position:100% 70%;
    background-repeat:no-repeat;
    -webkit-transition:background-position 250ms;
    -moz-transition:background-position 250ms;
    -o-transition:background-position 250ms;
    transition:background-position 250ms;
}

div.vectorMenu.menuForceShow h3 a { background-position:100% 100% }

div.vectorMenuFocus h3 a {
    background-image:url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-focus-icon.png');
    background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-focus-icon.svg');
    background-image:linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/arrow-down-focus-icon.svg')
}

div.vectorMenu div.menu {
    min-width:100%;
    position:absolute;
    top:2.5em;
    left:-1px;
    background-color:white;
    border:solid 1px silver;
    border-top-width:0;
    clear:both;
    text-align:left;
    display:none;
}

div.vectorMenu:hover div.menu,div.vectorMenu.menuForceShow div.menu { display:block }
div.vectorMenu ul { list-style-type:none;list-style-image:none;padding:0;margin:0;text-align:left;background-color:black;border:solid 1px #0c0c0c }
div.vectorMenu ul,x:-moz-any-link { min-width:5em }
div.vectorMenu ul,x:-moz-any-link,x:default { min-width:0 }
div.vectorMenu li { padding:0;margin:0;text-align:left;line-height:1em }
div.vectorMenu li a { display:inline-block;padding:.5em;white-space:nowrap;color:#66D9EF;cursor:pointer;font-size:.8em }
div.vectorMenu li>a { display:block }
div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited { color:#8a7f6c;text-decoration:none }
div.vectorMenu#p-cactions div.menu { border-color:#666 }
div.vectorMenu#p-cactions ul { border:0;background-color:#4c4c4c }

.vector-menu-tabs { padding-left:0px; }
.vector-menu-tabs ul { margin-top:-1px; }

.vector-menu-tabs li {
    border-right:1px solid #222;
    line-height:1em;
    background-image:none;
    border:2px solid #6c6c6c;
    background-color:rgb(123 153 214 / 95%) !important;
}

.vector-menu-tabs li a { color:#66D9EF; }

.vector-menu-tabs .selected {
    background:#333;
    color:#468999;
    border:1px solid #000;
    border-bottom:0px;
}

.vector-menu-tabs .selected a:visited { color:#468999; }
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color:#468999;text-decoration:none; }

.vector-menu-tabs .mw-list-item {
    min-width:90px;
    padding-left:10px;
    padding-right:10px;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon { margin:0px; }
.vector-menu-tabs .mw-list-item, .vector-page-toolbar-container .vector-dropdown { display:contents; }
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited { border-bottom:3px solid #9f6dc2;color:#5e7c99; }
.vector-menu-tabs .mw-list-item .cdx-button--icon-only { margin:0px;margin-left:-10px;padding-right:20px; }
.vector-menu-tabs .mw-watchlink.icon a::before { background-position:40% 50%; }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image:none;
    color:#676395;
}

.vector-menu-tabs-legacy li a { background:none;color:#676395; }
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited { color:#a55858; }

.vector-menu-dropdown { padding-left:12px; }

.vector-menu-dropdown li, .vector-menu-dropdown li a {
    color:#66D9EF;
    background-color:#222;
}

.vector-menu-dropdown .mw-list-item a { color:#676395; }
.vector-menu-portal { line-height:.7em; }

#mw-head .vector-menu-dropdown h3 {
    color:#66D9EF;
    padding-right:2em;
    padding-top:1.08em;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
    padding:0px;
    padding-top:16px;
}

.vector-page-toolbar-container .vector-icon { background-position:left; }

.vector-page-toolbar-container {
    box-shadow:none;
    margin-bottom:1px;
    border-bottom:1px solid #666;
}

#vector-page-tools-dropdown { min-width:90px;padding-left:10px; }

/* ============================================================ */
/* Search                                                       */
/* ============================================================ */
#p-search {
    margin:0px;
    margin-right:16px;
    margin-top:12px;
    padding-left:28px;
}

#p-search form { margin:0px; }
#p-search form, #p-search input { margin-top:0; }
.vector-search-box { flex-grow:0; }

div#simpleSearch {
    height:30px;
    margin-top:0px;
    width:10em;
    background-image:none;
}

div#simpleSearch input { background-color:#4a5765;margin-bottom:2px; }
div#simpleSearch #searchInput { background-color:darkslategray;padding:.25em; }
.suggestions, .suggestions-results, .suggestions-special { background-color:#4a5765; }
.mw-ui-input:not(:disabled) { background-color:darkslategray;margin:10px; }

/* ============================================================ */
/* Tables                                                       */
/* ============================================================ */
div.thumbinner,.catlinks { background-color:#4c4c4c;border-color:#666 }
#toc,div.toc,ul#filetoc,li.gallerybox div.thumb { background-color:#4c4c4c;border-color:#666 }
table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre { color:#c1c1c1;background-color:#4c4c4c;border-color:#666 }
table.mw_metadata th,table.wikitable>*>tr>th { background-color:#595959 }
table.diff { background-color:#4c4c4c }
td .diffchange { color:#4c4c4c }
#pagehistory li.selected,td.diff-context { background-color:inherit;color:inherit }

table.ambox {
    background-color:#291e29;
    border:1px solid #797979;
}

table.imbox { background-color:#291e29; }

table.tmbox {
    background-color:#291e29 !important;
    border:1px solid #797979 !important;
}

table.ombox {
    background-color:#291e29 !important;
    border:1px solid #797979 !important;
}

table.ombox::before { opacity:.6 }

table.fmbox-system {
    background-color:#291e29;
    border:1px solid #797979;
}

table.fmbox-warning {
    border:1px solid #c3a756;
    background-color:#69572f;
}

table.fmbox {
    background-color:#291e29 !important;
    border:1px solid #797979;
}

/* ============================================================ */
/* Navbox                                                       */
/* ============================================================ */
.navbox, .navbox-subgroup { background-color:#54595d; }
.navbox th, .navbox-title { background-color:inherit; }
.navbox-even { background-color:#75715E; }
.navbox-list { border-color:#867767; }
.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background-color:#333448; }
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color:#292927; }
.navbox a.new { color:#f79393 !important; }
.navbox.authority-control { background:#272822 !important; }

tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {
    border-top:2px solid #867767;
}

.mw-parser-output .navbox { background:#272822 !important; }
.mw-parser-output .navbox-group, .mw-parser-output .navbox-subgroup .navbox-title { background-color:#272822 !important; }
.mw-parser-output .navbox-abovebelow, .mw-parser-output .navbox-subgroup .navbox-title { background-color:#333 !important; }
.mw-parser-output .navbox-abovebelow, .mw-parser-output .navbox-group, .mw-parser-output .navbox-subgroup .navbox-title { background-color:#38385e !important; }
.mw-parser-output .navbox-odd { background-color:#4a5765 !important; }
.mw-parser-output .navbox-even { background-color:#4c4c4c !important; }
.mw-parser-output .navbox-title { background-color:#4c4c4c !important; }
.mw-parser-output .navbox-list { border-color:#000000 !important; }

.mw-parser-output tr+tr>.navbox-abovebelow, .mw-parser-output tr+tr>.navbox-group, .mw-parser-output tr+tr>.navbox-image, .mw-parser-output tr+tr>.navbox-list {
    border-top:2px solid #000000 !important;
}

/* ============================================================ */
/* Diff view                                                    */
/* ============================================================ */
.diff-addedline {
    border-color:#8dcf80;
    background:#2f5c34;
}

.diff-deletedline {
    border-color:#ae173e;
    background:#6b1c1cc4;
}

.diffchange-inline, .diff-addedline .diffchange { background:#224a33 !important; }
.diff-deletedline .diffchange { background:#530b04; }

.mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del { background:#654040; }
.mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins { background:#2c4755; }
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del { background:#654040; }
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins { background:#2c4755; }

/* ============================================================ */
/* Edit UI                                                      */
/* ============================================================ */
.editOptions { background-color:#333;border-color:#4c4c4c;color:#a2a9b1; }
.wikiEditor-ui .wikiEditor-ui-view { border:1px solid #000000; }
.wikiEditor-ui .wikiEditor-ui-top { border-bottom:1px solid #000000; }
.wikiEditor-ui-toolbar { background-color:#547290; }
.wikiEditor-ui-toolbar .group { border-color:#000000; }
.wikiEditor-ui-toolbar .sections .section { border-top:1px solid #000; }

.wikiEditor-ui-toolbar .group .tool-select .options {
    border:1px solid #000;
    box-shadow:0 6px 4px 0 rgba(39, 39, 39, 0.8);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option { background-color:#547290; }
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color:#666; }

#editpage-specialchars a {
    background-color:#555869;
    border:1px solid #000;
}

div#editpage-specialchars { border:1px solid #555; }

ol.references li:target, sup.reference:target {
    background-color:#000;
    padding:6px;
    padding-left:10px;
}

/* ============================================================ */
/* Watch/Unwatch                                                */
/* ============================================================ */
#ca-watch.icon a:before {
    background-image:none !important;
    content:"Watch";
    padding-left:40px;
    line-height:1.6em;
}

#ca-unwatch.icon a:before {
    background-image:none !important;
    content:"Unwatch";
    padding-left:40px;
    line-height:1.6em;
}

#ca-unwatch.icon a, #ca-watch.icon a { width:106px;background-image:none;margin-left:-8px; }
#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus { background-image:none; }
#ca-watch.icon a:hover, #ca-watch.icon a:focus { background-image:none; }
.mw-watchlink .vector-icon { width:70px;text-align:right; }
.mw-watchlink .mw-ui-icon-wikimedia-unStar { transform:none; }

#ca-watch > a > span.vector-icon.mw-ui-icon-star.mw-ui-icon-wikimedia-star:after {
    content:"Watch";
    float:right;
    text-align:right;
    padding-left:20px;
    position:absolute;
    top:12px;
    left:10px;
    color:#000;
}

#ca-unwatch > a > span.vector-icon.mw-ui-icon-unStar.mw-ui-icon-wikimedia-unStar:after {
    content:"Unwatch";
    float:right;
    text-align:right;
    padding-left:20px;
    position:absolute;
    top:12px;
    left:10px;
    color:#000;
}

.vector-icon.mw-ui-icon-wikimedia-star:after {
    content:"Watch";
    float:right;
    text-align:right;
    padding-left:20px;
    position:absolute;
    top:12px;
    left:10px;
    color:#000;
}

.vector-menu-tabs #ca-watch.icon a::before {
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/2/26/Purple_watch_icon.svg);
    background-size:20px 26px;
}

/* ============================================================ */
/* Notifications                                                */
/* ============================================================ */
.mw-notification-content a, .mw-notification-content a:visited { color:#66D9EF; }

.mw-notification-content, .mw-notification-visible {
    background:transparent;
    font-family:monospace;
    font-size:1em;
    color:#CCC;
}

.mw-notification-visible {
    border:2px solid #a55858;
    background-color:#000;
    width:600px;
    margin-left:180px;
}

.mw-notification-area {
    font-size:11px;
    background:transparent;
    color:#a55858;
    font-weight:bold;
}

.mw-notification-area-layout { top:0;left:0; }

.mw-echo-notification-badge-nojs::after {
    background-color:transparent;
    border-color:#CCC;
    color:#CCC;
}

#pt-notifications-alert .mw-echo-notifications-badge::after,
#pt-notifications-notice .mw-echo-notifications-badge::after,
.mw-echo-notification-badge-nojs::after {
    border:1px solid #b1aa3b;
    border-radius:2px;
    background-color:#72777d;
    content:attr(data-counter-text);
    color:#acbc44;
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
    opacity:1;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget {
    background-color:#555;
}

.mw-echo-ui-notificationItemWidget-content-message-header { color:#CCC; }

/* ============================================================ */
/* OO-UI widgets                                                */
/* ============================================================ */
.oo-ui-buttonElement { background:transparent; }
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button { background-color:#000 !important;color:#955; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background-color:#000 !important;color:#555; }
.oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color:#a2a2a2; }
.oo-ui-popupWidget-popup { background-color:#333; }
.oo-ui-tagMultiselectWidget-handle { background-color:#272822 !important; }

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color:#a2a2a2;
    background-color:#CFC;
}

.oo-ui-toolbar-bar {
    background-color:#c8ccd1 !important;
    color:#000000 !important;
}

.oo-ui-widget .oo-ui-widget-enabled .oo-ui-labelElement .oo-ui-labelElement-label .oo-ui-labelWidget {
    border:10px solid #0F0;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color:#a2a9b1;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color:#000;
    border:2px solid #4c4c4c;
}

.mw-rcfilters-ui-table { background-color:#333; }
.mw-rcfilters-ui-watchlistTopSectionWidget-separator { border-top:2px solid #666666; }

/* ============================================================ */
/* CDX buttons                                                  */
/* ============================================================ */
.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
    background-color:#4f577b;
    border:1px solid #445777;
}

.cdx-button:enabled.cdx-button--weight-quiet:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active,
.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active {
    background-color:rgb(123 153 214 / 95%);
}

.cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
    background-color:rgb(123 153 214 / 95%);
    mix-blend-mode:lighten;
}

input:active + .cdx-button:not(.cdx-button--action-progressive) { background-color:rgb(123 153 214 / 95%); }
input:hover + .cdx-button:not(.cdx-button--action-progressive) { background-color:rgb(123 153 214 / 95%); }
.cdx-popover__body { line-height:1em; }
.cdx-search-input__end-button { background:#272822; }

/* ============================================================ */
/* Misc UI                                                      */
/* ============================================================ */
.mw-body .external {
    background-position:center right;
    background-repeat:no-repeat;
    background-image:url('https://wiki.creativecommons.org/skins/Vector/images/external-link-ltr-icon.png');
    background-image:-webkit-linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/external-link-ltr-icon.svg');
    background-image:linear-gradient(transparent, transparent),/* @embed */ url('https://wiki.creativecommons.org/skins/Vector/images/external-link-ltr-icon.svg');
    padding-right:13px;
}

.mw-ui-button { background-color:#CCC; }
.mw-ui-input { background-color:#CCC; }
.mw-fr-reviewlink { font-weight:normal; }
.mw-uctop { font-weight:bold;color:#829fff; }
.mw-WatchlistExpiryWidget { border:10px solid #F0F; }
.mw-WatchlistExpiryWidgetwatchlist-dropdown-label:after { content:" Infinte"; }
.mw-collapsible-toggle .mw-collapsible-text { color:#66d9ef; }
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { color:#CCC; }
.mw-highlight .linenos { background-color:#30343a; }
.mw-highlight .nc, .mw-highlight .nn { color:#8484b8; }
.mw-highlight .s1, .mw-highlight .kt { color:#a55858; }
.mw-highlight .k { color:#99a743; }
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow:none; }
.mw-plusminus-pos { color:#A6E22E; }
.mw-plusminus-neg { color:#E69F66; }
span.updatedmarker { color:#E6DB74; }
.toctogglelabel { color:#E69F66; }
#siteNotice { font-size:.8em;max-width:1218px;padding-left:12px; }

.toc, .mw-warning, .toccolours {
    background-color:#291e29 !important;
    border:1px solid #797979;
}

pre, .mw-code {
    color:#F8F8F2;
    background-color:#000;
}

.mw-collapsed tr th { background-color:#564f2c !important; }
.ombox-speedy { background-color:#522a2a !important; }
#pt-userpage, #pt-anonuserpage { background-image:none !important; }
#pt-logout { padding-left:40px; }

.ve-init-mw-desktopArticleTarget-toolbar, .ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
    margin-left:-1em;
    margin-top:.2em;
}

.flaggedrevs-pending {
    background-color:#000000;
    border:1px solid #FFF;
    vertical-align:text-top;
    vertical-align:middle !important;
}

.flaggedrevs-pending, .flaggedrevs-pending a {
    background-color:inherit;
    text-transform:uppercase;
    font-size:.8em;
    color:#E6DB74;
    text-decoration:underline #edd88f;
}

.flaggedrevs-color-1 { background-color:#332200;padding:2px; }
div.flaggedrevs_notice { background-color:#464646; }

div.flaggedrevs_preview {
    background-color:#6e7b8c;
    color:#000;
}

abbr[title], .explain[title] {
    border-bottom:0;
    font-size:.75em;
    text-decoration:underline #edd88f;
}

.newpage, .minoredit, .botedit {
    font-size:.75em;
    color:#E6DB74;
    text-decoration:underline #edd88f !important;
}

.portal h3 { background-image:none; }

.portal>ul {
    background-color:#382c23 !important;
    color:#daa782 !important;
}

.xfd-closed {
    background-color:#382c23 !important;
    color:#daa782 !important;
}

.sistersitebox {
    background-color:#382c23 !important;
    color:#daa782 !important;
}

.wikipediauserbox {
    border:1px solid #c3a756;
    background-color:#627099 !important;
}

.mw-parser-output .side-box { background-color:#627099 !important; }
.mw-parser-output .navbar-mini abbr { font-size:2em; }
.mw-parser-output .mp-box { padding:0.5em 1em; }
.mw-parser-output .quotebox { background:#272822 !important; }
.mw-parser-output .talkheader-help { background-color:#000 !important; }
.mw-parser-output .ambox { background-color:rgb(53 61 79 / 95%) !important;margin:1em 10%; }
.ambox.ambox-notice { background-color:rgb(123 153 214 / 95%) !important; }
.mw-parser-output .spoken-wikipedia { background-color:#272822 !important;color:#F8F8F2 !important; }
.mw-parser-output div.documentation { background-color:#272822 !important;color:#F8F8F2 !important; }
.mw-parser-output .subjectbar { background-color:#272822; }
.mw-parser-output .portal>ul { background:#272822; }

.mw-parser-output #mp-left .mp-h2, .mw-parser-output #mp-right .mp-h2 {
    -webkit-mask-image:linear-gradient(270deg,transparent, black 130%);
    box-shadow:inset -19px 0px 12px 0px #000;
}

.mw-parser-output #mp-left .mp-h2::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(to bottom, transparent 0%, black 100%);
    height:30px;
}

.mw-parser-output #mp-middle .mp-h2 {
    -webkit-mask-image:linear-gradient(270deg,transparent, black 130%);
    font-weight:400;
    color:#333;
    box-shadow:inset -19px 0px 12px 0px #000;
}

.mw-parser-output #mp-lower .mp-h2 {
    -webkit-mask-image:linear-gradient(270deg,transparent, black 130%);
    font-weight:400;
    color:#333;
    box-shadow:inset -19px 0px 12px 0px #000;
}

.mw-parser-output #mp-bottom .mp-h2 {
    -webkit-mask-image:linear-gradient(200deg, rgba(255,255,255,0) 20%, rgba(102,95,79,0.63) 33%, rgba(55,45,24,0.89) 50%, rgba(0,0,0,1) 75%);
    background:transparent !important;
    font-weight:400;
}

.mw-message-box-error {
    background-color:#ab8684;
    -webkit-mask-image:linear-gradient(300deg,transparent 2px,black 1000px);
}

#mp-upper h2 { color:#333;font-weight:400; }
.ui-widget-overlay { background:rgba(40, 25, 25, 0.4); }

.cite-form-container {
    background-color:#272822 !important;
    color:#F8F8F2 !important;
}

.cn-closeButton {
    box-shadow:0 2px 2px 0 rgba(39, 39, 39, 0.8);
    backdrop-filter:brightness(0.5);
}

.cbnnr { max-width:1600px;padding-left:1em; }
.cbnnr-close { border:2px solid #CCF; }
.cbnnr-close-icon { background-color:#9ea457; }
#cnotice-toggle-box { background:#999; }

#coordinates {
    position:absolute;
    top:-1em;
    right:8px;
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
    background-color:rgb(123 153 214 / 95%);
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-checkbox:checked ~ .vector-dropdown-content {
    height:200px;
    width:200px;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image:none;
    border-bottom:1px solid #000;
}

/* ============================================================ */
/* CheckUser extension                                          */
/* ============================================================ */
.ext-checkuser-userinfocard-button.cdx-button { display:contents; }
.ext-checkuser-userinfocard-button.cdx-button .ext-checkuser-userinfocard-button__icon.cdx-button__icon:hover { background-color:#6eb880; }
.ext-checkuser-userinfocard-popover { margin-left:40px; }
.ext-checkuser-userinfocard-body { font-size:var(--font-size-small, 0.76rem); }
.ext-checkuser-userinfocard-button__icon--userBlocked { border:2px solid #F00;color:#F00; }

.ext-checkuser-userinfocard-button__icon {
    filter:brightness(0) saturate(100%) invert(53%) sepia(10%) saturate(1810%) hue-rotate(144deg) brightness(89%) contrast(88%);
}

.ext-checkuser-userinfocard-button:hover .ext-checkuser-userinfocard-button__icon {
    filter:invert(20%) sepia(100%) saturate(700%) hue-rotate(200deg) brightness(80%);
}

.ext-checkuser-userinfocard-button__icon--userBlocked {
    filter:brightness(0) saturate(100%) invert(38%) sepia(9%) saturate(2781%) hue-rotate(314deg) brightness(92%) contrast(74%);
}

.ext-checkuser-userinfocard-button__icon--userBlocked:hover {
    filter:brightness(0) saturate(100%) invert(38%) sepia(9%) saturate(2781%) hue-rotate(314deg) brightness(100%) contrast(74%);
}

/* ============================================================ */
/* Wiki logo animation                                          */
/* ============================================================ */
.mw-wiki-logo:not([href="/wiki/MediaWiki"]):not([href^="/wiki/Wikidata:"]):not([href^="/wiki/Wiktionary:"]) {
    /* [[File:WikiGreen.png]] CC-BY-SA */
    background-image:url(//upload.wikimedia.org/wikipedia/commons/6/6e/WikiGreen.png);
    filter:hue-rotate(150deg);
    filter:sepia(1);
    opacity:0.7;
}

.mw-wiki-logo:hover { -webkit-animation:rainbow 4s steps(90) infinite; }

@-webkit-keyframes rainbow {
    from { -webkit-filter:hue-rotate(10deg); }
    to { -webkit-filter:hue-rotate(360deg); }
}

@keyframes rainbow {
    from {
        -webkit-filter:hue-rotate(10deg);
        filter:hue-rotate(10deg);
    }
    to {
        -webkit-filter:hue-rotate(360deg);
        filter:hue-rotate(360deg);
    }
}

/* ============================================================ */
/* User icons (SVG data URIs)                                   */
/* ============================================================ */
.oo-ui-icon-bell, .mw-ui-icon-bell:before {
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" stroke="%23adb3b7" stroke-width="1" fill="none" viewBox="0 0 20 20"><title> bell </title><path d="M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z"/></svg>');
}

.oo-ui-icon-tray, .mw-ui-icon-tray:before {
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" stroke="%23adb3b7" stroke-width="1" fill="none" viewBox="0 0 20 20"><title>tray </title><path d="M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z"/></svg>');
}

.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-userpage a {
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" stroke="%23adb3b7" stroke-width="1" fill="none" viewBox="0 0 20 20"><title>avatar </title> <path d="M10 8c1.7 0 3.06-1.35 3.06-3S11.7 2 10 2 6.94 3.35 6.94 5 8.3 8 10 8zm0 2c-2.8 0-5.06-2.24-5.06-5S7.2 0 10 0s5.06 2.24 5.06 5-2.26 5-5.06 5zm-7 8h14v-1.33c0-1.75-2.31-3.56-7-3.56s-7 1.81-7 3.56V18zm7-6.89c6.66 0 9 3.33 9 5.56V20H1v-3.33c0-2.23 2.34-5.56 9-5.56z"/></svg>');
    padding-bottom:10px;
    padding-left:24px;
    background-size:20px 26px;
    opacity:75%;
    padding-top:12px;
}

/* ********************* */
/* Small Window  - <640  */
/* ********************* */
@media (max-width: 640px) {
    .vector-legacy-sidebar { display:none; }
    .mw-body { margin-left:0px; }

    .vector-user-menu-legacy .vector-menu-content-list {
        display:inline-flex;
        flex-wrap:nowrap;
    }

    .skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge,
    .skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge {
        top:-5px;
        display:none;
    }

    #left-navigation { margin-left:10px; }
    #mw-content-text { margin-top:3em; }
    #sp-contributions-footer li { border:2px solid #0FF; }
    #content { margin-top:3em; }
    img { max-width:95%;height:auto; }
    .vector-user-menu-legacy #pt-userpage { margin-right:-22px; }
    .mw-footer { margin-left:1em; }
    .mw-indicator #coordinates { right:1em; }
    .mw-notification-visible { margin-left:18px; }
}
/* ********************* */
/* END Small Window      */
/* ********************* */


/* *********************  */
/* Standardized background*/
/* *********************  */

#mp-topbanner { background-color:#272822 !important;color:#F8F8F2 !important; }
#mp-left, #mp-right, #mp-middle, #mp-lower { background-color:#272822 !important;color:#F8F8F2 !important; }
#content .gallerybox div.thumb { background:#272822; }
.module-shortcutboxplain { background-color:#272822 !important;color:#F8F8F2 !important; }
.ombox-notice { background-color:#272822 !important;color:#F8F8F2 !important; }
.mw-searchresults-has-iw .iw-resultset { background-color:#272822 !important;color:#F8F8F2 !important; }
.warningbox { background-color:#272822 !important;color:#F8F8F2 !important; }
.shortcutbox { background-color:#272822 !important;color:#F8F8F2 !important; }
.infobox { background-color:#272822 !important;color:#F8F8F2 !important; }
.sidebar { background-color:#272822 !important; }

/* *********************  */
/* END Standardized background*/
/* *********************  */