MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */

/* to-do: format the css so it's easier to edit and see what is changed */ /* negate the ugly inverted filter */ .client-dark-mode, .client-dark-mode img, .client-dark-mode video, .client-dark-mode svg, .client-dark-mode iframe, .client-dark-mode .mw-no-invert, .client-dark-mode .mw-mmv-overlay, .client-dark-mode .mw-mmv-pre-image, .client-dark-mode .mw-kartographer-map, .client-dark-mode .mw-kartographer-mapDialog-map { filter: none; -webkit-filter: none; }

/* dark mode stuff */ .darkmode-link:before { content:'\263E'; display:inline-block }

.client-dark-mode .darkmode-link:before { content:'\263C' } .client-dark-mode #filetoc, .client-dark-mode .catlinks, .client-dark-mode #content .gallerybox .thumb, .client-dark-mode .thumbinner, .client-dark-mode #simpleSearch, .client-dark-mode #searchInput, .client-dark-mode #searchButton, .client-dark-mode #searchGoButton, .client-dark-mode code, .client-dark-mode .mw-notification { background-color:#414d63; color: #e6e6e6; } .client-dark-mode #filetoc, .client-dark-mode .catlinks, .client-dark-mode li.gallerybox div.thumb, .client-dark-mode body, .client-dark-mode #mw-head, .client-dark-mode #mw-panel, .client-dark-mode #content.mw-body, .client-dark-mode h1, .client-dark-mode h2, .client-dark-mode h3, .client-dark-mode h4, .client-dark-mode h5, .client-dark-mode h6, .client-dark-mode div.thumbinner, .client-dark-mode #simpleSearch, .client-dark-mode #searchInput, .client-dark-mode .mw-notification { border-color:#376E95;

} .client-dark-mode .thumbimage { border:0 } .client-dark-mode a, .client-dark-mode #mw-panel .portal .body li a, .client-dark-mode .vector-menu-tabs li a, .client-dark-mode .vector-menu-dropdown li a, .client-dark-mode .vector-menu-portal .vector-menu-content li a, .client-dark-mode .vector-menu-portal .vector-menu-content li a, .client-dark-mode .toctogglelabel, .client-dark-mode .mw-parser-output a.external, .client-dark-mode .mw-parser-output a.extiw, .client-dark-mode .mw-parser-output a.extiw:active { color:#6699ff } .client-dark-mode a:visited, .client-dark-mode .vector-menu-portal .vector-menu-content li a:visited , .client-dark-mode .vector-menu-portal .vector-menu-content li a:visited, .client-dark-mode #mw-panel .portal .body li a:visited { color:#709bbd } .client-dark-mode a.new, .client-dark-mode .new a { color:#ff6e6e } .client-dark-mode .vectorTabs li a { color:#6699ff }

.client-dark-mode .ambox-content { background-color:#1f2e47; border-color:#376E95 }

/*custom part */

.client-dark-mode .mw-body{ background:rgb(31,46,71); /*fallback color */ background:rgba(31,46,71,0.85); border-color:#376E95; color: #e6e6e6; } .client-dark-mode .tocnumber, .client-dark-mode .wikitable caption, .client-dark-mode .mw-footer li, .client-dark-mode h1, .client-dark-mode h2, .client-dark-mode h3, .client-dark-mode h4, .client-dark-mode h5, .client-dark-mode h6 { color: #e6e6e6; }

.client-dark-mode .vector-menu-dropdown .vector-menu-content{ background:rgb(31,46,71); border-color:#376E95; }

.client-dark-mode .vector-menu-tabs .selected { background:rgb(31,46,71); /*fallback color */ background:rgba(31,46,71,0.85); } .client-dark-mode .vector-menu-tabs .selected a, .client-dark-mode .vector-menu-dropdown .selected a:visited { color: #e6e6e6; } .client-dark-mode .vector-menu-tabs li { background-image:linear-gradient(to top,#376E95 0,rgba(55,110,149,0.85) 1px,rgba(0,0,0,0) 100%); }

.client-dark-mode .vector-menu-dropdown h3:after { filter:brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(5%) hue-rotate(229deg) brightness(115%) contrast(80%); }

.client-dark-mode { background-image: url(https://static.miraheze.org/equestriaatwarwiki/9/9a/Site-background-dark.png); background-size: 100%; background-attachment:fixed; }

.client-dark-mode #mw-page-base { background:#000; background:rgba(0,0,0,0); } .client-dark-mode .vector-menu-tabs, .client-dark-mode .vector-menu-tabs a, .client-dark-mode #mw-head .vector-menu-dropdown h3 { background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#376e95 100%); } .client-dark-mode ul { list-style-image: none; }

.client-dark-mode .vector-menu-portal { background-color: #1f2e47a0; border: 1px solid#376E95; margin: 2px 0; }

/* basic classes wikitable,infobox,toc etc. */ .client-dark-mode .wikitable{ background-color:#1f2e47; border:1px solid #376E95; color: #e6e6e6; } .client-dark-mode .wikitable td, .client-dark-mode .wikitable th { border:1px solid #376E95; } .client-dark-mode .wikitable th { background-color:#242d6f }

.client-dark-mode .mildtable th { background-color:#1f2e47; } .client-dark-mode .mildtable td { border-top: 2px solid #242d6f; }

.client-dark-mode .infobox, .client-dark-mode .infobox_v2 { background-color:#242d6f; border-color:#376E95; color: #e6e6e6; } .client-dark-mode .infobox td, .client-dark-mode .infobox th { border-color:#376E95; } .client-dark-mode .infobox th { background-color:#242d6f }

.client-dark-mode .toc { background:none; border:1pt solid #376E95; }

.client-dark-mode .mw-parser-output .ib-country .mergedtoprow .infobox-header, .client-dark-mode .mw-parser-output .ib-country .mergedtoprow .infobox-label, .client-dark-mode .mw-parser-output .ib-country .mergedtoprow .infobox-data, .client-dark-mode .mw-parser-output .ib-country .mergedtoprow .infobox-full-data, .client-dark-mode .mw-parser-output .ib-country .mergedtoprow .infobox-below, .client-dark-mode .mw-parser-output .ib-country td, .client-dark-mode .mw-parser-output .ib-country th{ border-color:#376E95; }

.client-dark-mode .mw-parser-output .ib-country .mergedbottomrow .infobox-label, .client-dark-mode .mw-parser-output .ib-country .mergedbottomrow .infobox-data, .client-dark-mode .mw-parser-output .ib-country .mergedbottomrow .infobox-full-data { border-color:#376E95; }

.client-dark-mode .tabbernav .tabberactive a{	background-color:#1f2e47; } .client-dark-mode ul.tabbernav li a { background:rgb(31,46,71); /*fallback color */ background:rgba(31,46,71,0.85); }

.client-dark-mode table, .client-dark-mode table.toccolours{ background-color:transparent; }

.client-dark-mode .warningbox{ color:#e6e6e6; background-color:#374359; border-color:#376E95; }

/*code pages syntax highlighting*/ .client-dark-mode .mw-highlight { background:none; color: #e6e6e6; } .client-dark-mode .mw-highlight .err {color: #fe8484;} .client-dark-mode .mw-highlight .c {color: #68b3b3;} .client-dark-mode .mw-highlight .k {color: #00c200;} .client-dark-mode .mw-highlight .o {color: #a8a8a8;} .client-dark-mode .mw-highlight .ch {color: #68b3b3;} .client-dark-mode .mw-highlight .cm {color: #68b3b3;} .client-dark-mode .mw-highlight .cp {color: #e99700;} .client-dark-mode .mw-highlight .cpf {color: #68b3b3;} .client-dark-mode .mw-highlight .c1 {color: #68b3b3;} .client-dark-mode .mw-highlight .cs {color: #68b3b3;} .client-dark-mode .mw-highlight .gd {color: #ff8181;} .client-dark-mode .mw-highlight .gr {color: #fe8484;} .client-dark-mode .mw-highlight .gh {color: #9e9eff;} .client-dark-mode .mw-highlight .gi {color: #00c300;} .client-dark-mode .mw-highlight .go {color: #a9a9a9;} .client-dark-mode .mw-highlight .gp {color: #9e9eff;} .client-dark-mode .mw-highlight .gu {color: #ff6bff;} .client-dark-mode .mw-highlight .gt {color: #81a7fe;} .client-dark-mode .mw-highlight .kc {color: #00c200;} .client-dark-mode .mw-highlight .kd {color: #00c200;} .client-dark-mode .mw-highlight .kn {color: #00c200;} .client-dark-mode .mw-highlight .kp {color: #00c200;} .client-dark-mode .mw-highlight .kr {color: #00c200;} .client-dark-mode .mw-highlight .kt {color: #fe7cac;} .client-dark-mode .mw-highlight .m {color: #a8a8a8;} .client-dark-mode .mw-highlight .s {color: #ea8e8e;} .client-dark-mode .mw-highlight .na {color: #9cb333;} .client-dark-mode .mw-highlight .nb {color: #00c200;} .client-dark-mode .mw-highlight .nc {color: #9e9efe;} .client-dark-mode .mw-highlight .no {color: #ff8282;} .client-dark-mode .mw-highlight .nd {color: #d188ff;} .client-dark-mode .mw-highlight .ni {color: #a8a8a8;} .client-dark-mode .mw-highlight .ne {color: #e4918d;} .client-dark-mode .mw-highlight .nf {color: #9e9efe;} .client-dark-mode .mw-highlight .nl {color: #afaf00;} .client-dark-mode .mw-highlight .nn {color: #9e9efe;} .client-dark-mode .mw-highlight .nt {color: #00c200;} .client-dark-mode .mw-highlight .nv {color: #a19fed;} .client-dark-mode .mw-highlight .ow {color: #d188ff;} .client-dark-mode .mw-highlight .w {color: #bbb;} .client-dark-mode .mw-highlight .mb {color: #a8a8a8;} .client-dark-mode .mw-highlight .mf {color: #a8a8a8;} .client-dark-mode .mw-highlight .mh {color: #a8a8a8;} .client-dark-mode .mw-highlight .mi {color: #a8a8a8;} .client-dark-mode .mw-highlight .mo {color: #a8a8a8;} .client-dark-mode .mw-highlight .sa {color: #ea8e8e;} .client-dark-mode .mw-highlight .sb {color: #ea8e8e;} .client-dark-mode .mw-highlight .sc {color: #ea8e8e;} .client-dark-mode .mw-highlight .dl {color: #ea8e8e;} .client-dark-mode .mw-highlight .sd {color: #ea8e8e;} .client-dark-mode .mw-highlight .s2 {color: #ea8e8e;} .client-dark-mode .mw-highlight .se {color: #e1975c;} .client-dark-mode .mw-highlight .sh {color: #ea8e8e;} .client-dark-mode .mw-highlight .si {color: #d097ae;} .client-dark-mode .mw-highlight .sx {color: #00c200;} .client-dark-mode .mw-highlight .sr {color: #d097ae;} .client-dark-mode .mw-highlight .s1 {color: #ea8e8e;} .client-dark-mode .mw-highlight .ss {color: #a19fed;} .client-dark-mode .mw-highlight .bp {color: #00c200;} .client-dark-mode .mw-highlight .fm {color: #9e9efe;} .client-dark-mode .mw-highlight .vc {color: #a19fed;} .client-dark-mode .mw-highlight .vg {color: #a19fed;} .client-dark-mode .mw-highlight .vi {color: #a19fed;} .client-dark-mode .mw-highlight .vm {color: #a19fed;} .client-dark-mode .mw-highlight .il {color: #a8a8a8;}

.client-dark-mode .mw-content-ltr.mw-highlight-lines pre{ box-shadow: inset 2.75em 0 0 #374359; } .client-dark-mode pre { background-color: #414d63; color: #e6e6e6; border: 1px solid #376E95; } /* .client-dark-mode #mw-panel { position: fixed; } /* recent changes and history changes */ .client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color:#414d63; }

.client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color:#376E95; }

.client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{ background-color: #414d63; color: #e6e6e6; border-color: #e6e6e6; } .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover{ color: #b3b3b3; border-color: #b3b3b3; }

.client-dark-mode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #e6e6e6; } .client-dark-mode .oo-ui-tagItemWidget{ border-color: #e6e6e6; } .client-dark-mode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: #414d63; } .client-dark-mode .oo-ui-tagItemWidget.oo-ui-widget-enabled { color: #e6e6e6; } .client-dark-mode .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: #414d63; color: #e6e6e6; border-color: #376E95; }

.client-dark-mode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #e6e6e6; } .client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { background-color: #414d63; border-color:#376E95; } .client-dark-mode #pagehistory li.selected { background-color: #414d63; color: #e6e6e6; outline-color:#376E95; } .client-dark-mode .mw-ui-button { background-color: #414d63; color: #e6e6e6; border-color:#e6e6e6; } .client-dark-mode .mw-ui-button:hover { background-color: #414d63; color: #b3b3b3; border-color: #b3b3b3; }

.client-dark-mode .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #374359; border-color: #376E95; }

.client-dark-mode .diff-context { background: transparent; border-color: #376E95; color: #e6e6e6; } .client-dark-mode .diff-addedline { border-color: #0e8f3a; } .client-dark-mode .diff-deletedline { border-color: #f2001d; } .client-dark-mode .diff-deletedline .diffchange { background-color:#f2001d; } .client-dark-mode .diff-addedline .diffchange { background-color:#0e8f3a; }

/*wiki editor changes */ .client-dark-mode .wikiEditor-ui .wikiEditor-ui-view { border-color: #376E95; } .client-dark-mode .wikiEditor-ui .wikiEditor-ui-top { border-color: #376E95; } .client-dark-mode .wikiEditor-ui-toolbar { background-color: #414d63; } .client-dark-mode .wikiEditor-ui-toolbar .group { border-color: #376E95; } .client-dark-mode .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #e6e6e6; } .client-dark-mode .wikiEditor-ui-toolbar .tabs span.tab a { color: #6699ff; } .client-dark-mode .wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #709bbd; } .client-dark-mode .wikiEditor-ui-toolbar .page-characters div span { color: #e6e6e6; } .client-dark-mode .wikiEditor-ui-toolbar .page-table th{ color: #b3b3b3; } .client-dark-mode .wikiEditor-ui-toolbar .page-table td{ color: #e6e6e6; } .client-dark-mode .wikiEditor-ui textarea{ background-color: transparent; color: #e6e6e6; } .client-dark-mode .editOptions { background-color: #1f2e47; color: #e6e6e6; border-color:#376E95; } .client-dark-mode .CodeMirror{

background-color: transparent; color: #e6e6e6; } .client-dark-mode .CodeMirror-gutters{ background-color: #374359; border-color: #376E95; }

/* codemirror syntax higlighting */ .client-dark-mode .CodeMirror { background-color:transparent; color:#e6e6e6 } .client-dark-mode .CodeMirror-gutters { background-color:#374359; border-color:#376E95 } .client-dark-mode .cm-mw-apostrophes-bold, .client-dark-mode .cm-strong, .client-dark-mode .cm-mw-apostrophes-italic { background-color:#44466d } .client-dark-mode .cm-mw-comment { background-color: #4d1a19 !important; } .client-dark-mode .cm-mw-extlink, .client-dark-mode .cm-mw-free-extlink, .client-dark-mode .cm-mw-template-link-ground, .client-dark-mode .cm-mw-extlink-protocol, .client-dark-mode .cm-mw-free-extlink-protocol, .client-dark-mode .cm-mw-extlink-text, .client-dark-mode .cm-mw-extlink-bracket { background-color: #244d491; background-color: rgba(36,77,73,1); color: unset }

.client-dark-mode pre.cm-mw-section-1, .client-dark-mode pre.cm-mw-section-2, .client-dark-mode pre.cm-mw-section-3, .client-dark-mode pre.cm-mw-section-4, .client-dark-mode pre.cm-mw-section-5, .client-dark-mode pre.cm-mw-section-6, .client-dark-mode .cm-mw-section-header { background-color: #44466d } .client-dark-mode .cm-mw-list, .client-dark-mode .cm-mw-indenting { background-color: #4d1a19; color: unset } .client-dark-mode .cm-mw-templatevariable, .client-dark-mode .cm-mw-template-ext-ground, .client-dark-mode .cm-mw-template2-ext-ground, .client-dark-mode .cm-mw-template3-ext-ground, .client-dark-mode .cm-mw-template4-ext-ground, .client-dark-mode .cm-mw-templatevariable-nam, .client-dark-mode .cm-mw-templatevariable-bracket, .client-dark-mode .cm-mw-templatevariable-delimiter { background-color: #66331e; color: unset } .client-dark-mode .cm-mw-htmltag-name, .client-dark-mode .cm-mw-htmltag-bracket, .client-dark-mode .cm-mw-htmltag-attribute, .client-dark-mode pre.cm-mw-exttag, .client-dark-mode .cm-mw-exttag, .client-dark-mode .cm-mw-exttag-name, .client-dark-mode .cm-mw-exttag-bracket, .client-dark-mode .cm-mw-exttag-attribute { background-color: #662946; color: unset } .client-dark-mode .cm-mw-table-bracket, .client-dark-mode .cm-mw-table-delimiter, .client-dark-mode .cm-mw-table-definition, .client-dark-mode .cm-mw-table-caption { background-color:#5e5129; color: unset } .client-dark-mode .cm-mw-template, .client-dark-mode .cm-mw-template-name, .client-dark-mode .cm-mw-template-argument-name, .client-dark-mode .cm-mw-template-delimiter, .client-dark-mode .cm-mw-template-bracket, .client-dark-mode .cm-mw-template-ground, .client-dark-mode .cm-mw-template2-ground, .client-dark-mode .cm-mw-template3-ground { background-color:#5e5129; color: unset } .client-dark-mode .cm-mw-link-pagename, .client-dark-mode .cm-mw-link, .client-dark-mode .cm-mw-link-tosection, .client-dark-mode .cm-mw-link-bracket, .client-dark-mode .cm-mw-link-text, .client-dark-mode .cm-mw-link-delimiter { background-color:#245477; color: unset } .client-dark-mode .cm-mw-parserfunction, .client-dark-mode .cm-mw-parserfunction-name, .client-dark-mode .cm-mw-parserfunction-bracket, .client-dark-mode .cm-mw-parserfunction-delimiter { background-color: #474d23; color: unset }

/* ace editor */ .client-dark-mode .ace-tm { background-color: transparent; color: #e6e6e6; } .client-dark-mode .ace-tm .ace_gutter { background: #374359; color: #e6e6e6; } .client-dark-mode .codeEditor-status { background-color: #414d63; border-color: #376E95;

}

/* New vector quick fix */ .client-dark-mode .mw-page-container{ background:unset; border: unset; }

.client-dark-mode .mw-sidebar{ background:unset; border:unset; }