MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
:root {
--bg-color: #302e2d;
--border-color: #181717;
--link-color: #ea8652;
--link-color-visited: #a55f3a;
--link-color-active: #eae895;
--color-reddish: #df233b;
--color-reddish-dark: #7f1422;
--color-scarlet: #e75440;
--code-comment: #81d4f4;
--code-gray: #b0b0b0;
}
/* General */
body, h6, h5, h4, h3, h2, h1, #content, #mw-head, #mw-content-text, #mw-previewheader, .mw-list-item, .selected a, #toc, .mw-page-container, .mw-sidebar, .vector-sticky-header, .sidebar-toc-title {
background-color: var(--bg-color);
color: white;
}
/* Wiki.GG header and footer colors should NOT be replaced as requested by staff - Jamesthe1 */
/* List items */
.vector-menu-tabs-legacy li { background-image: linear-gradient(to top, var(--border-color) 0, var(--bg-color) 50%); }
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom, var(--bg-color) 0, var(--border-color) 100%); }
.mw-list-item.selected a, .mw-list-item.selected a:visited { color: #ffffff; }
.sidebar-toc { background: var(--bg-color); } /* Table of contents */
.vector-toc-not-collapsed .sidebar-toc:after { background: transparent; } /* Hide bottom part of TOC */
.mw-sidebar { background-image: unset; }
#content, #toc, .sidebar-toc { border: 1px solid var(--border-color); }
#p-cactions-label, #p-tb-label, #p-managewiki-sidebar-header-label, #footer-info-lastmod, #footer-info-copyright, .vector-menu-portal .vector-menu-heading { color: #c0c0c0; }
.mw-body {
padding-left: 0.5em;
}
.toctogglelabel { color: var(--link-color); } /* Table of contents toggle */
/* Links */
a:link, .mw-parser-output a.extiw, .mw-parser-output a.external, .mw-list-item a:link, #p-navigation div ul li a:link, #p-tb div ul li a:link, #p-managewiki-sidebar-header div ul li a:link, .vector-toc-collapse-button, .vector-toc-collapse-button, .vector-menu-portal .vector-menu-content li a { font-weight: bold; color: var(--link-color); } /* normal unvisited links */
a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited, .mw-list-item a:visited, #p-navigation div ul li a:visited, #p-tb div ul li a:visited, #p-managewiki-sidebar-header div ul li a:visited, .vector-menu-portal .vector-menu-content li a:visited { font-weight: bold; color: var(--link-color-visited); } /* visited links */
a:active, .mw-parser-output a.extiw:active, .mw-parser-output a.external:active, .mw-list-item a:active, #p-navigation div ul li a:active, #p-tb div ul li a:active, #p-managewiki-sidebar-header div ul li a:active, .vector-menu-portal .vector-menu-content li a:active { font-weight: bold; color: var(--link-color-active); } /* active links */
a:link.new, .new a:link { color: var(--color-reddish); } /* new links */
a:visited.new, .new a:visited { color: var(--color-reddish-dark); } /* new, visited links */
label.oo-ui-labelElement-label, .thumbcaption { color: black; }
/* Code style */
pre, code {
background-color: black;
color: white;
border-color: var(--border-color);
}
div.mw-highlight {
background: var(--border-color);
color: var(--code-gray);
}
.mw-highlight .c, .mw-highlight .c1 { color: var(--code-comment); } /* Comment */
.mw-highlight .nv { color: var(--color-scarlet); } /* Variable */
.mw-highlight .mh, .mw-highlight .mi { color: var(--code-gray); } /* Numerics */
.mw-highlight .nd, .mw-highlight .nf, .mw-highlight .nb { color: var(--link-color-active); } /* Namespaces, vars, and functions */
.mw-highlight .nt, .mw-highlight .nn, .mw-highlight .nc { color: var(--link-color); } /* Tag, ID, and Class */
.mw-highlight .k { color: var(--link-color-visited); } /* Attributes */
.mw-highlight .kc { color: var(--color-reddish); } /* Keywords */
.mw-highlight .cp { color: white; } /* Important */
.mw-highlight .kt { color: var(--color-reddish); } /* Suffixes */
.mw-highlight .o { color: var(--code-gray); } /* Colored parenthesis */
.mw-highlight .n { color: var(--code-gray); } /* "Normal" */
.mw-highlight .s, .mw-highlight .na { color: var(--color-scarlet); } /* Strings and C# attributes */