Stevie Lambert at 07:41, 4 May 2026

2026-05-04T07:41:24Z

New page

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

/* Taerel Wiki dark Mode Theme by Stevie Lambert */
/* Copyright Stevie Lambert 2023 - 2024 - All rights reserved */

/* Define the colors for the vars */

:root {
--taerel-dark-mode-bg-primary: #08121c;
--taerel-dark-mode-bg-primary-transparent: rgba(8, 18, 28, 0.8);
--taerel-dark-mode-bg-secondary: #102438;
--taerel-dark-mode-bg-tertiary: #0c2b4a;
--taerel-dark-mode-bg-header-footer: #1e4c6b;
--taerel-dark-mode-border-color: #9fd7fc;
--taerel-dark-mode-text-primary: white;
--taerel-dark-mode-text-secondary: #c0e2ff;
--taerel-dark-mode-link-color: #c0e2ff;
--taerel-dark-mode-visited-link-color: #eff7ff;
--taerel-dark-mode-hover-color: #142e47;
}

/* Use the vars */

html.skin-theme-clientpref-night .mw-page-container {
background: none;
}

html.skin-theme-clientpref-night .vector-header-container .mw-header,
html.skin-theme-clientpref-night .vector-header-container .vector-sticky-header {
background-color: var(--taerel-dark-mode-bg-secondary);
color: var(--taerel-dark-mode-text-secondary);
border: 1px solid var(--taerel-dark-mode-border-color);
}

html.skin-theme-clientpref-night .mw-content-container {
background-color: var(--taerel-dark-mode-bg-secondary);
border: 1px solid var(--taerel-dark-mode-border-color);
padding-left: 1em;
padding-right: 1em;
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-page-titlebar .firstHeading {
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-pinned-container {
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-secondary);
border: 1px solid var(--taerel-dark-mode-border-color);
overflow: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}

html.skin-theme-clientpref-night .vector-dropdown .vector-dropdown-checkbox:checked ~ .vector-dropdown-content {
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-secondary);
border: 1px solid var(--taerel-dark-mode-border-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools {
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-secondary);
padding-left: 1em;
border: 1px solid var(--taerel-dark-mode-border-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after {
background: none;
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-pinnable-element > *:not(:last-child),
html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-dropdown-content > *:not(:last-child) {
border-bottom: none;
}

html.skin-theme-clientpref-night .vector-pinnable-header-label {
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-menu-heading .mw-headline {
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading,
html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
color: var(--taerel-dark-mode-text-secondary);
}

html.skin-theme-clientpref-night h1 span,
html.skin-theme-clientpref-night h2 span,
html.skin-theme-clientpref-night h3 span,
html.skin-theme-clientpref-night h4 span {
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-menu-tabs .mw-list-item.selected a,
html.skin-theme-clientpref-night .vector-menu-tabs .mw-list-item.selected a:visited {
color: var(--taerel-dark-mode-text-primary) !important;
}

html.skin-theme-clientpref-night #catlinks {
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-secondary);
margin-bottom: 1em;
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .mw-body .vector-page-titlebar {
border-top: 1px solid var(--taerel-dark-mode-border-color);
border-left: 1px solid var(--taerel-dark-mode-border-color);
border-right: 1px solid var(--taerel-dark-mode-border-color);
padding: 1em;
background-color: var(--taerel-dark-mode-bg-tertiary);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .mw-body .vector-page-toolbar {
border-left: 1px solid var(--taerel-dark-mode-border-color);
border-right: 1px solid var(--taerel-dark-mode-border-color);
padding: 1em;
background-color: var(--taerel-dark-mode-bg-tertiary);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .mw-body #bodyContent {
border-left: 1px solid var(--taerel-dark-mode-border-color);
border-right: 1px solid var(--taerel-dark-mode-border-color);
border-bottom: 1px solid var(--taerel-dark-mode-border-color);
padding: 1em;
background-color: var(--taerel-dark-mode-bg-tertiary);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled.client-js.vector-sticky-header-enabled #vector-page-tools-pinned-container .vector-page-tools {
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-primary);
padding-left: 1em;
border: 1px solid var(--taerel-dark-mode-border-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
background: none;
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled.client-js.vector-feature-toc-pinned-clientpref-0 body:not(.vector-sticky-header-visible) .vector-page-titlebar-toc .vector-toc {
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-primary);
border: 1px solid var(--taerel-dark-mode-border-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link .vector-toc-text,
html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link .vector-toc-text,
html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link .vector-toc-text {
color: var(--taerel-dark-mode-text-secondary);
}

html.skin-theme-clientpref-night a {
color: var(--taerel-dark-mode-link-color);
}

html.skin-theme-clientpref-night a:visited {
color: var(--taerel-dark-mode-visited-link-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-toc .vector-pinnable-header-label {
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item a {
color: var(--taerel-dark-mode-link-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--taerel-dark-mode-visited-link-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a,
html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a {
color: var(--taerel-dark-mode-link-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink) {
color: var(--taerel-dark-mode-link-color);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled.vector-feature-limited-width-clientpref-0 .mw-body,
html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled.vector-feature-limited-width-content-disabled .mw-body {
background-color: var(--taerel-dark-mode-bg-header-footer);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled.vector-feature-page-tools-pinned-enabled .mw-body {
background-color: var(--taerel-dark-mode-bg-header-footer);
}

html.skin-theme-clientpref-night .vector-feature-zebra-design-disabled .mw-body {
background-color: var(--taerel-dark-mode-bg-header-footer);
}

html.skin-theme-clientpref-night .mw-footer li {
color: var(--taerel-dark-mode-text-primary);
margin: 0;
padding: 0.5em 0;
font-size: 0.75em;
}

html.skin-theme-clientpref-night .vector-feature-toc-pinned-clientpref-0 body:not(.vector-sticky-header-visible) .vector-page-titlebar .vector-toc-landmark,
html.skin-theme-clientpref-night .vector-feature-toc-pinned-clientpref-0 .vector-sticky-header-visible .vector-sticky-header-context-bar .vector-toc-landmark,
html.skin-theme-clientpref-night .vector-feature-toc-pinned-clientpref-1 .vector-column-start .vector-toc-landmark {
margin-left: 0.7em;
}

html.skin-theme-clientpref-night .vector-pinnable-element .mw-list-item a,
html.skin-theme-clientpref-night .vector-dropdown-content .mw-list-item a {
color: var(--taerel-dark-mode-link-color);
}

html.skin-theme-clientpref-night .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
html.skin-theme-clientpref-night .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--taerel-dark-mode-visited-link-color);
}

html.skin-theme-clientpref-night #vector-main-menu > div.vector-main-menu-action.vector-main-menu-action-opt-out > div > div {
display: none;
}

html.skin-theme-clientpref-night #mw-content-text > div:nth-child(22) > ul > li:nth-child(4) > a {
display: none;
}

html.skin-theme-clientpref-night .vector-toc .vector-toc-list-item-active > .vector-toc-link .vector-toc-text,
html.skin-theme-clientpref-night .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link .vector-toc-text,
html.skin-theme-clientpref-night .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link .vector-toc-text .vector-pinnable-element .vector-menu-heading {
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-pinnable-element .vector-menu-heading {
background: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
margin: 5px 0;
padding: 0 5px;
text-align: center;
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-pinnable-header-toggle-button {
background-color: var(--taerel-dark-mode-bg-header-footer);
background: var(--taerel-dark-mode-bg-header-footer);
margin-top: 5px;
border: 1px solid var(--taerel-dark-mode-border-color);
text-align: center;
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-pinnable-header-label {
background: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
margin: 5px 0;
padding: 0 5px;
text-align: center;
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night a {
color: var(--taerel-dark-mode-link-color);
}

html.skin-theme-clientpref-night .vector-toc .vector-toc-link .vector-toc-text {
color: var(--taerel-dark-mode-link-color);
}

html.skin-theme-clientpref-night #mp-left {
border: 1px solid var(--taerel-dark-mode-border-color);
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-primary);
width: 50%;
vertical-align: top;
padding: 8px;
}

html.skin-theme-clientpref-night #mp-right {
border: 1px solid var(--taerel-dark-mode-border-color);
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-primary);
width: 49%;
vertical-align: top;
padding: 8px;
}

html.skin-theme-clientpref-night #mp-upper {
color: var(--taerel-dark-mode-text-primary);
width: 100%;
padding: 8px;
}

html.skin-theme-clientpref-night #mp-left .mp-h2,
html.skin-theme-clientpref-night #mp-right .mp-h2 {
background: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
margin: 5px 0;
padding: 0 5px;
text-align: center;
}

html.skin-theme-clientpref-night ::-webkit-scrollbar {
width: 0px;
background: transparent;
}

html.skin-theme-clientpref-night .container {
display: grid;
width: 200%;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1em;
padding-top: 20px;
}

html.skin-theme-clientpref-night .button {
padding: 8px;
text-align: center;
cursor: pointer;
background-color: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
font-size: 1em;
}

html.skin-theme-clientpref-night #mwDA {
border: none;
}

html.skin-theme-clientpref-night #ooui-3 {
background-color: var(--taerel-dark-mode-bg-secondary);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
display: none;
}

html.skin-theme-clientpref-night .cdx-menu {
border: none;
box-shadow: none;
}

html.skin-theme-clientpref-night .cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type) {
border: none;
box-shadow: none;
}

html.skin-theme-clientpref-night .cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input {
background-color: var(--taerel-dark-mode-bg-header-footer);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night #cdx-typeahead-search-menu-0 {
background-color: var(--taerel-dark-mode-bg-secondary);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .cdx-typeahead-search__search-footer {
background-color: var(--taerel-dark-mode-bg-secondary);
}

html.skin-theme-clientpref-night .cdx-search-result-title {
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .cdx-thumbnail,
html.skin-theme-clientpref-night .cdx-typeahead-search__search-footer {
display: none;
}

html.skin-theme-clientpref-night #p-search .cdx-menu-item:hover {
background-color: var(--taerel-dark-mode-hover-color);
}

html.skin-theme-clientpref-night .mw-search-profile-tabs {
background: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
}

html.skin-theme-clientpref-night #ooui-php-1 {
background: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .vector-sticky-pinned-container::after {
background: none;
background-repeat: no-repeat;
}

html.skin-theme-clientpref-night #mw-content-text > div:nth-child(2) > a,
html.skin-theme-clientpref-night #mw-content-text > div:nth-child(5) > a {
background: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
padding: 0.3em;
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-allpages-body {
margin-top: 2em;
margin-bottom: 2em;
}

html.skin-theme-clientpref-night #mw-content-text > div:nth-child(5) {
padding: 1em;
}

html.skin-theme-clientpref-night #ooui-1 {
background: var(--taerel-dark-mode-bg-secondary);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night #ooui-1 .oo-ui-menuOptionWidget:hover {
background-color: var(--taerel-dark-mode-hover-color);
}

html.skin-theme-clientpref-night .article-copyright {
border: 1px solid var(--taerel-dark-mode-border-color);
background-color: var(--taerel-dark-mode-bg-tertiary);
color: var(--taerel-dark-mode-text-primary);
margin-bottom: 0.5em;
margin-top: 10px;
padding: 0 5px;
}

html.skin-theme-clientpref-night .article-copyright img {
width: 100px;
}

html.skin-theme-clientpref-night #footer-poweredbyico {
filter: invert(0%);
}

html.skin-theme-clientpref-night .mw-logo-wordmark {
filter: invert(100%);
}

@media (max-width: 850px) {
html.skin-theme-clientpref-night .skin-vector {
background-image: none;
background-color: #0c2b4a;
}
}

@media (min-width: 850px) {
html.skin-theme-clientpref-night .skin-vector {
background: linear-gradient(
to bottom,
transparent 0%,
var(--taerel-dark-mode-bg-primary-transparent) 50%,
var(--taerel-dark-mode-bg-primary) 75%,
var(--taerel-dark-mode-bg-primary) 100%
),
url(https://taerel.com/Wiki/images/4/4d/853012.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color: var(--taerel-dark-mode-bg-primary);
background-size: 100vw 100vh;
}
}

html.skin-theme-clientpref-night .wikitable, .wikitable > * > tr {
background-color: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .wikitable > * > tr > td {
background-color: var(--taerel-dark-mode-bg-tertiary);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night .wikitable > * > tr > th {
background-color: var(--taerel-dark-mode-bg-header-footer);
border: 1px solid var(--taerel-dark-mode-border-color);
color: var(--taerel-dark-mode-text-primary);
}

html.skin-theme-clientpref-night body > div:nth-child(2) > header > div.vector-header-start > a > span > strong {
filter: invert(1);
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.NeartoDesktop > div.compass-container > div.hidden-begin.mw-collapsible.mw-made-collapsible > div.mw-collapsible-content > table > tbody > tr:nth-child(2) > td:nth-child(2) > span > span > img {
filter: invert(0);
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.NeartoDesktop > div.compass-container > div.hidden-begin.mw-collapsible.mw-made-collapsible > div.mw-collapsible-content > table > tbody > tr:nth-child(3) > td.center-cell > div > span:nth-child(3) > span > img {
filter: invert(0);
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.NeartoDesktop > div.compass-container > div.hidden-begin.mw-collapsible.mw-made-collapsible > div.mw-collapsible-content > table > tbody > tr:nth-child(4) > td:nth-child(2) > span > span > img {
filter: invert(0);
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.NeartoDesktop > div.compass-container > div.hidden-begin.mw-collapsible.mw-made-collapsible > div.mw-collapsible-content > table > tbody > tr:nth-child(3) > td.center-cell > div > span:nth-child(1) > span > img {
filter: invert(0);
}

MediaWiki:DesktopDark.css - Revision history

Stevie Lambert at 07:41, 4 May 2026