User:RainbowGem2/common.css
Appearance
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*** ROOT :: The root holds the colors. ***/
:root {
--theme-catlink-background-color: rgb(49 57 54 / 100%);
--theme-filebox-background-color: rgb(39 47 44 / 100%);
--theme-contentbox-background-color: rgb(47 47 47 / 100%);
--theme-header-background-color: rgb(39 49 44 / 100%);
--theme-page-background-color: rgb(49 57 54 / 95%);
--theme-page-border-color: rgb(49 57 54 / 95%);
--theme-text-header-color: rgb(253 245 220 / 100%);
--theme-text-color: rgb(227 216 199 / 100%);
--theme-link-color: rgb(235 235 235 / 100%);
--theme-link-color-hover: rgb(255 255 255 / 100%);
--theme-link-color-visited: rgb(205 205 205 / 100%);
--theme-link-color-redlink: rgb(255 100 100 / 100%);
--theme-topbar-background-color: rgb(39 49 44 / 100%);
--theme-wikitable-background-color: rgb(65 61 54 / 100%);
--theme-wikitable-border-color: rgb(0 0 0 / 100%);
--theme-wikitable-header-color: rgb(89 83 73 / 100%);
--theme-messagebox-removed-color: rgb(113 65 52 / 100%);
--theme-messagebox-underconstruction-color: rgb(248 163 119 / 100%);
--theme-messagebox-stub-color: rgb(118 153 176 / 100%);
--theme-messagebox-unreleased-color: rgb(248 242 180 / 100%);
--theme-messagebox-outdated-color: rgb(167 23 85 / 100%);
--theme-messagebox-deletion-color: rgb(122 132 154 / 100%);
--theme-messagebox-translation-color: rgb(220 154 142 / 100%);
--theme-messagebox-disambiguation-color: rgb(240 203 39 / 100%);
--theme-messagebox-background-color: rgb(85 107 47 / 100%);
}
/*** BODY :: This is where the wiki background is handled. ***/
body {
color: #000000;
background: url(https://deadlocked.wiki/images/2/20/DeadlockWikiBG.png) top center / cover no-repeat fixed;
}
/*** .MW-PAGE-BASE :: This is where text, page background and border color is handled. ***/
#mw-page-base {
visibility: hidden
}
/*** .MW-BODY :: This is where text, page background and border color is handled. ***/
.mw-body {
color: var(--theme-text-color);/*#b1a695;*/
background: var(--theme-page-background-color);
border-color: var(--theme-page-border-color);
}
/*** .MW-FOOTER LI :: Footer text color ***/
.mw-footer li {
color: var(--theme-text-color);/*#b1a695;*/
}
/*** .CATLINKS :: This is where the category link colors are handled. ***/
.catlinks {
background-color: var(--theme-catlinks-background-color);
}
/*** just a bunch of stuff uses the text color. ***/
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited{
color: var(--theme-text-color);/*#b1a695;*/
}
/*** File box contents ***/
#filetoc {
background-color: var(--theme-filebox-background-color);/*#b1a695;*/
}
/*** h1,ETC. :: This is where header color is handled. ***/
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .mw-body h1, h2, h3, h4, h5, h6{
color: var(--theme-text-header-color);
font-family:'Retail Demo Regular';
}
.vector-menu-heading-label {
font-family:'Retail Demo Bold';
}
/*** LINK COLORS :: ***/
a, a.selflink:hover, a.selflink:active {
color: var(--theme-link-color);
}
a:visited {
color: var(--theme-link-color-visited);
}
a:hover, a:active {
text-decoration: underline;
color: var(--theme-link-color-hover);
}
/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited {
color: var(--theme-link-color-redlink);
}
/*** CONTENT BOX STUFF ***/
.toc{
background-color: var(--theme-contentbox-background-color);
}
.tocnumber{
color: var(--theme-text-header-color);
}
.toctogglelabel{
color: var(--theme-text-color);
}
.vector-search-box-input {
font-family: 'Retail Demo Bold';
}
.vector-user-menu-legacy .vector-menu-content-list {
font-family: 'Retail Demo Bold';
}
#right-navigation, .vector-menu-tabs-legacy li a {
background-color: var(--theme-topbar-background-color);
font-family: 'Retail Demo Bold';
color: var(--theme-link-color);
}
.vector-menu-tabs a {
background-image: none
}
/*** MISC SYMBOLS ***/
::marker {
color: var(--theme-text-header-color);
}
#mw-editsection-divider, #mw-editsection-bracket {
color: var(--theme-text-header-color);
}
/*** WIKITABLE ***/
table.wikitable {
background-color: var(--theme-wikitable-background-color);
}
/*** MESSAGE BOXES ***/
.vector-menu-tabs-legacy li a {
background-color: var(--theme-topbar-background-color);
font-family: 'Retail Demo Bold';
color: var(--theme-link-color);
}