User:Caburum/global.css

/* ===== Caburum's global CSS ===== */ /* ==== Imports ==== */ @import "https://c.fandom.com/load.php?mode=articles&articles=u:dev:MediaWiki:GlobalNavDarkTheme.css&only=styles";

/* ==== Custom username ==== */ a[href$=":Caburum"]:not(.wds-notification-card > a), a[href="/wiki/Special:Contributions/Caburum"], a[href="/wiki/Special:UserProfileActivity/Caburum"], a[href="/f/u/46527353"] { font-weight: bold !important; }

/* ==== Global nav ==== */ /* Keep global nav dropdown on screen */ .global-navigation__link.wds-dropdown > .wds-dropdown__content:first-of-type { transform: translateY(50%); }

/* Disable Fandom homepage link */ .global-navigation__logo { pointer-events: none; }

/* ==== Utilities ==== */ /* Mark redirects in Special:AllPages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; }

.allpagesredirect:after { color: #808080; content: " (redirect)"; }

/* Re-enable header on profile pages */ body.skin-fandomdesktop.ns-2 .page-header__title, body.skin-fandomdesktop.ns-2 .page-header .page-header__categories, body.skin-fandomdesktop.ns-2 .page-header .page-header__languages { display: inherit; }

/* InpputUsername identifier */ .insertusername, .inputusername, .InsertUsername, .InputUsername { border: 1px solid; padding: 0.5px; color: var(--theme-warning-color); }

/* Remove gross fonts */ [style*="Georgia"], [style*="Times New Roman"], [style*="Comic Sans"] { font-family: inherit !important; }

/* Move "Explore" menu back to the end */ .fandom-community-header__local-navigation .wds-tabs .wds-dropdown:first-child { order: 1; }

/* Don't scroll infobox tabs */ .portable-infobox .pi-image-collection .wds-tabs { flex-wrap: wrap; justify-content: center; }

.portable-infobox .pi-image-collection .wds-tabs__arrow-left, .portable-infobox .pi-image-collection .wds-tabs__arrow-right { display: none; }

/* === Disable things === */ /* Category trending pages */ div.category-page__trending-pages-header, ul.category-page__trending-pages, /* Useless links */ [data-tracking-label="bingebot.watchlist"] { display: none !important; }

/* Gradient on wide tables */ .table-is-wide::before { box-shadow: none; width: 0; }

/* ==== Custom scrollbar ==== */
 * -webkit-scrollbar {

width: 6px; height: 6px; }
 * -webkit-scrollbar-thumb {

background-color: rgba(80, 80, 80, 0.5); border-radius: 3px; border-left: 2px solid transparent; }


 * -webkit-scrollbar-thumb:hover {

background-color: rgba(65, 65, 65, 0.55); }
 * -webkit-scrollbar-thumb:active {

background-color: rgba(50, 50, 50, 0.6); }
 * -webkit-scrollbar-track {

background-color: transparent; }

body { overflow: overlay; /* Make background go behind scrollbar */ }

/* ==== Design changes ==== */ /* === Fan Feed === */ .mcf-content { height: 500px; overflow-y: auto; padding-right: 3px; /* Scrollbar padding */ }

a.mcf-card.mcf-card-article { transition: .5s; } a.mcf-card.mcf-card-article:hover { filter: brightness(130%) !important; } .mcf-card, .mcf-card-discussions__header, .mcf-card-related-wikis__header { border: none; border-radius: 3px; }

.mcf-card-wiki-articles__header, .mcf-card-wiki-articles__item-link, .mcf-card-wiki-articles__circle, .mcf-card-discussions__header, .mcf-card-discussions__user-subtitle, .mcf-card-discussions__content, .mcf-card-discussions__in, .mcf-card-discussions__counters, .mcf-card-discussions__counters svg, .mcf-card-related-wikis__header, .mcf-card-related-wikis__title { color: #EEE !important; background-color: inherit; }

.mcf-card-wiki-articles, .mcf-card-discussions__header, .mcf-card-discussions, .mcf-card-discussions__list::after, .mcf-card-discussions__list::before, .mcf-card-related-wikis__header, .mcf-card-related-wikis { background-color: #1E1E1E; }

.mcf-card-wiki-articles__item, .mcf-card-discussions__header, .mcf-card-discussions__item, .mcf-card-related-wikis__header, .mcf-card-related-wikis__item { border-color: #555; }

.mcf-card-wiki-articles__circle { background-color: #555; }

.mcf-card-discussions__user-info .wds-avatar { --wds-avatar-border-color: #CCC; --wds-avatar-border-color--hover: #CCC; --wds-avatar-background-color: transparent; }

.mcf-card-discussions__link { color: #ffc500; }

.mcf-card-discussions__link:hover, .mcf-card-discussions__item > a:hover { color: #997600; }

.mcf-card-discussions__item a { color: inherit; }

/* === Dark code === */ /* == Colors; based on VSCode Dark+ theme == */ .mw-highlight pre, pre.mw-code, .CodeMirror, .ace_editor { --pygments-background: #1E1E1E; --pygments-p: #D4D4D4; /* Punctuation */ --pygments-err: #960000; /* Error */ --pygments-gr: #960000; /* Generic.Error */ --pygments-gd: #E81A3F; /* Generic.Deleted */ --pygments-gi: #018C30; /* Generic.Inserted */ --pygments-go: #3098D6; /* Generic.Output */ --pygments-gh: #6666FF; /* Generic.Heading */ --pygments-gp: #6666FF; /* Generic.Prompt */ --pygments-gu: #BB00BB; /* Generic.Subheading */ --pygments-gt: #3472FE; /* Generic.Traceback */

--pygments-c: #6A9955; /* Comment */ --pygments-ch: #6A9955; /* Comment.Hashbang */ --pygments-cm: #6A9955; /* Comment.Multiline */ --pygments-cp: #6A9955; /* Comment.Preproc */ --pygments-cpf: #6A9955; /* Comment.PreprocFile */ --pygments-c1: #6A9955; /* Comment.Single */ --pygments-cs: #6A9955; /* Comment.Special */

--pygments-k: #C586C0; /* Keyword */ --pygments-kc: #569CD6; /* Keyword.Constant */ --pygments-kd: #569CD6; /* Keyword.Declaration */ --pygments-kn: #C586C0; /* Keyword.Namespace */ --pygments-kp: #569CD6; /* Keyword.Pseudo */ --pygments-kr: #C586C0; /* Keyword.Reserved */ --pygments-kt: #569CD6; /* Keyword.Type */

--pygments-n: #9CDCFE; /* Name */ --pygments-na: #9CDCFE; /* Name.Attribute */ --pygments-nb: #DCDCAA; /* Name.Builtin */ --pygments-nc: #D7BA7D; /* Name.Class */ --pygments-no: #4FC1FF; /* Name.Constant */ --pygments-nd: #DCDCAA; /* Name.Decorator */ --pygments-ni: #569CD6; /* Name.Entity */ --pygments-ne: #4EC9B0; /* Name.Exception */ --pygments-nf: #DCDCAA; /* Name.Function */ --pygments-fm: #DCDCAA; /* Name.Function.Magic */ --pygments-nl: #569CD6; /* Name.Label */ --pygments-nn: #4EC9B0; /* Name.Namespace */ --pygments-nx: #9CDCFE; /* Name.Other */ --pygments-py: #9CDCFE; /* Name.Property */ --pygments-nt: #569CD6; /* Name.Tag */ --pygments-nv: #9CDCFE; /* Name.Variable */ --pygments-vc: #9CDCFE; /* Name.Variable.Class */ --pygments-vg: #FFAA3E; /* Name.Variable.Global */ --pygments-vi: #9CDCFE; /* Name.Variable.Instance */ --pygments-vm: #9CDCFE; /* Name.Variable.Magic */

--pygments-o: #B0C5D6; /* Operator */ --pygments-ow: #569CD6; /* Operator.Word */

--pygments-w: #D4D4D4; /* Text.Whitespace */

--pygments-m: #B5CEA8; /* Literal.Number */ --pygments-mb: #B5CEA8; /* Literal.Number.Bin */ --pygments-mf: #B5CEA8; /* Literal.Number.Float */ --pygments-mh: #B5CEA8; /* Literal.Number.Hex */ --pygments-mi: #B5CEA8; /* Literal.Number.Integer */ --pygments-il: #B5CEA8; /* Literal.Number.Integer.Long */ --pygments-mo: #B5CEA8; /* Literal.Number.Oct */

--pygments-s: #CE9178; /* Literal.String */ --pygments-sa: #CE9178; /* Literal.String.Affix */ --pygments-sb: #CE9178; /* Literal.String.Backtick */ --pygments-sc: #CE9178; /* Literal.String.Char */ --pygments-dl: #CE9178; /* Literal.String.Delimiter */ --pygments-sd: #CE9178; /* Literal.String.Doc */ --pygments-s2: #CE9178; /* Literal.String.Double */ --pygments-sh: #CE9178; /* Literal.String.Heredoc */ --pygments-s1: #CE9178; /* Literal.String.Single */ --pygments-se: #D7BA7D; /* Literal.String.Escape */ --pygments-ss: #6E6BE3; /* Literal.String.Symbol */ --pygments-si: #D16969; /* Literal.String.Heredoc */ --pygments-sr: #D16969; /* Literal.String.Regex */ --pygments-sx: #CE9178; /* Literal.String.Other */

--pygments-bp: #569CD6; /* Name.Builtin.Pseudo */ }

.mw-editform .wikiEditor-ui .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #b71212; --codemirror-purple: #c34aff; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0 }

.wikiEditor-ui, .ace_editor { --theme-page-background-color: #111; --theme-page-background-color--secondary: #222; --theme-border-color: #DDD; --theme-page-text-color: #d8dee9; --theme-page-text-color--rgb: 216, 222, 233; --theme-link-color: #70b8ff; --theme-link-color--rgb: 112, 184, 255; --theme-page-text-color--hover: #0a85ff; }

/* == Applying syntax highlighting colors == */ .ace_editor .ace_content .ace_invalid.ace_illegal { background-color: var(--pygments-err) } .mw-highlight .err { border-color: var(--pygments-err) } .mw-highlight .c, .ace_editor .ace_content .ace_comment { color: var(--pygments-c) } .mw-highlight .k, .ace_editor .ace_content .ace_support, .ace_editor .ace_content .ace_support.ace_type { color: var(--pygments-k) } .mw-highlight .n { color: var(--pygments-n) } .mw-highlight .o, .ace_editor .ace_content .ace_keyword.ace_operator { color: var(--pygments-o) } .mw-highlight .p, .ace_editor .ace_content .ace_paren { color: var(--pygments-p) } .mw-highlight .ch { color: var(--pygments-ch) } .mw-highlight .cm { color: var(--pygments-cm) } .mw-highlight .cp, .ace_editor .ace_marker-layer .ace_step { color: var(--pygments-cp) } .mw-highlight .cpf { color: var(--pygments-cpf) } .mw-highlight .c1 { color: var(--pygments-c1) } .mw-highlight .cs { color: var(--pygments-cs) } .mw-highlight .gd { color: var(--pygments-gd) } .mw-highlight .gr { color: var(--pygments-gr) } .mw-highlight .gh, .ace_editor .ace_content .ace_heading, .ace_editor .ace_content .ace_markup.ace_heading { color: var(--pygments-gh) } .mw-highlight .gi { color: var(--pygments-gi) } .mw-highlight .go { color: var(--pygments-go) } .mw-highlight .gp { color: var(--pygments-gp) } .mw-highlight .gu { color: var(--pygments-gu) } .mw-highlight .gt, .ace_editor .ace_content .ace_storage { color: var(--pygments-gt) } .mw-highlight .kc, .ace_editor .ace_content .ace_constant { color: var(--pygments-kc) } .ace_editor .ace_content .ace_support.ace_constant { color: var(--pygments-kc) !important } .mw-highlight .kd, .ace_editor .ace_content .ace_support.ace_function { color: var(--pygments-kd) } .mw-highlight .kn { color: var(--pygments-kn) } .mw-highlight .kp { color: var(--pygments-kp) } .mw-highlight .kr { color: var(--pygments-kr) } .mw-highlight .kt, .ace_editor .ace_content .ace_keyword, .ace_editor .ace_content .ace_meta { color: var(--pygments-kt) } .mw-highlight .m, .ace_editor .ace_content .ace_numeric { color: var(--pygments-m) !important } .mw-highlight .s, .ace_editor .ace_content .ace_string { color: var(--pygments-s) } .mw-highlight .na { color: var(--pygments-na) } .mw-highlight .nb { color: var(--pygments-nb) } .mw-highlight .nc, .ace_editor .ace_content .ace_variable { color: var(--pygments-nc) } .mw-highlight .no { color: var(--pygments-no) } .mw-highlight .nd { color: var(--pygments-nd) } .mw-highlight .ni { color: var(--pygments-ni) } .mw-highlight .ne { color: var(--pygments-ne) } .mw-highlight .nf { color: var(--pygments-nf) } .mw-highlight .nl { color: var(--pygments-nl) } .mw-highlight .nn { color: var(--pygments-nn) } .mw-highlight .nx, .ace_editor .ace_content .ace_identifier { color: var(--pygments-nx) } .mw-highlight .py { color: var(--pygments-py) } .mw-highlight .nt, .ace_editor .ace_content .ace_xml-pe { color: var(--pygments-nt) } .mw-highlight .nv { color: var(--pygments-nv) } .mw-highlight .ow { color: var(--pygments-ow) } .mw-highlight .w { color: var(--pygments-w) } .mw-highlight .mb { color: var(--pygments-mb) } .mw-highlight .mf { color: var(--pygments-mf) } .mw-highlight .mh { color: var(--pygments-mh) } .mw-highlight .mi { color: var(--pygments-mi) } .mw-highlight .mo { color: var(--pygments-mo) } .mw-highlight .sa { color: var(--pygments-sa) } .mw-highlight .sb { color: var(--pygments-sb) } .mw-highlight .sc { color: var(--pygments-sc) } .mw-highlight .dl { color: var(--pygments-dl) } .mw-highlight .sd { color: var(--pygments-sd) } .mw-highlight .s2 { color: var(--pygments-s2) } .mw-highlight .se { color: var(--pygments-se) } .mw-highlight .sh { color: var(--pygments-sh) } .mw-highlight .si { color: var(--pygments-si) } .mw-highlight .sx { color: var(--pygments-sx) } .mw-highlight .sr, .ace_editor .ace_content .ace_string.ace_regex { color: var(--pygments-sr) } .mw-highlight .s1 { color: var(--pygments-s1) } .mw-highlight .ss { color: var(--pygments-ss) } .mw-highlight .bp { color: var(--pygments-bp) } .mw-highlight .fm { color: var(--pygments-fm) } .mw-highlight .vc { color: var(--pygments-vc) } .mw-highlight .vg { color: var(--pygments-vg) } .mw-highlight .vi { color: var(--pygments-vi) } .mw-highlight .vm { color: var(--pygments-vm) } .mw-highlight .il { color: var(--pygments-il) }

.mw-highlight .ge { font-style: italic } /* Generic.Emph */ .mw-highlight .gs { font-weight: bold } /* Generic.Strong */

/* == Dark theme editors == */ .wikiEditor-ui .CodeMirror { background-color: var(--pygments-background) } .wikiEditor-ui .codeEditor-status { color: var(--theme-page-text-color) } pre.CodeMirror-line { color: var(--pygments-p) }

.ace_editor, .mw-highlight pre, pre.mw-code { background-color: var(--pygments-background) !important; color: var(--pygments-p) !important; } .ace_editor .ace_print-margin, .ace_editor .ace_gutter { background-color: var(--theme-page-background-color--secondary) !important; color: var(--theme-page-text-color) !important; } .ace_editor .ace_gutter .ace_gutter-active-line { background-color: var(--theme-page-background-color) } .ace_editor .ace_content .ace_cursor { color: var(--theme-page-text-color) } .ace_editor .ace_rightAlignedText { color: var(--pygments-p); opacity: 0.6; } .ace_editor.ace_autocomplete { border-color: var(--theme-border-color) } .ace_editor.ace_autocomplete .ace_content .ace_completion-highlight { color: var(--theme-link-color) }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection, .mw-highlight .hll, .ace_editor .ace_content .ace_marker-layer .ace_selection, .ace_editor.ace_autocomplete .ace_content .ace_marker-layer .ace_line-hover { background-color: #ADD6FF26; border: none; } .ace_editor .ace_content .ace_marker-layer .ace_active-line, .ace_editor.ac_autocomplete .ace_content .ace_marker-layer .ace_active-line { background-color: #282828AA !important }

.ace_editor .ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y !important }

/* === Dark improvements === */ .filehistory a img, #file img, #file img:hover { background: var(--theme-page-background-color--secondary) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABQklEQVQ4T2VS4bnEIAgLE2gXqhvo/lPUTsD7CKD2nj/ujgNCEpDWmioUogIFIGKf/uzXVS5AMrIaBVQgYnmFOIAXiFfup0CtdcfClqNKIXe7NdsySSbRVmpZE3+wGUq7mxMgJSOipJcQBOBUn+4ZhVIGGTSl7NBEfYZjSQClXh/KmxtnuQeczfHiebNVHMg8IH7qOnKWcAkh2Gu2UdxCLaSb2J8VuYQ0kaMP+7y0lhKswySjQtttvEDG6FytBdQUq4o85jOX7KXiGCN9jFhjCDAQN4Sgz5wfYidPdhiAH1G+gyoE0wD2ITrLEEtfRh/06Gg/vFDM+SYfJ7VsipOmhPDFcTLwbzJIUh8qoXL0nqf3bwdG931Nwt7OSYCMToAt1U/V+L7pgVnrm1uesKT3rsJ/w/k4mjyq53lzIVtAOGnW/wGxibJBWqB9UAAAAABJRU5ErkJggg==') repeat; }

.mwPlayerContainer.k-player .control-bar { filter: invert(1); }