MediaWiki:Common.css: Difference between revisions

Revision as of 04:41, 26 July 2022

/* =========== UNIVERSAL THEME ============== */

:root    {--color-accent: #0069d9; --consolemods-color: #0069d9} /* Main */
.ns-3000 {--color-accent: #289728} /* Xbox */
.ns-3002 {--color-accent: #5dc21e} /* Xbox 360 */
.ns-3004 {--color-accent: #107c10} /* Xbox One (test) */
.ns-3006 {--color-accent: #007e00} /* Series X (test) */
.ns-3010 {--color-accent: #BBBBBB} /* PS1 */
.ns-3012 {--color-accent: #4b4caf} /* PS2 */
.ns-3014 {--color-accent: #444444} /* PS3 */
.ns-3016 {--color-accent: #003791} /* PS4 */
.ns-3018 {--color-accent: #4196d1} /* PS5 (test) */
.ns-3030 {--color-accent: #e4000f} /* NES */
.ns-3032 {--color-accent: #a7a4e0} /* SNES */
.ns-3034 {--color-accent: #ffe135} /* N64 */
.ns-3036 {--color-accent: #6545B2} /* GCN */
.ns-3038 {--color-accent: #34BEED} /* Wii */
.ns-3040 {--color-accent: #0096C8} /* WiiU */
.ns-3042 {--color-accent: #E60012} /* Switch (test) */
.ns-3044 {--color-accent: #9a2257} /* Game Boy */
.ns-3046 {--color-accent: #675c9d} /* Game Boy Advance */
.ns-3048 {--color-accent: #c0c0c0} /* NDS */
.ns-3050 {--color-accent: #da0000} /* SG1000 */
.ns-3052 {--color-accent: #ff0000} /* MasterSystem */
.ns-3054 {--color-accent: #dd000c; --color-trim: #c30312} /* Genesis */
.ns-3056 {--color-accent: #17569b} /* Saturn */
.ns-3058 {--color-accent: #f36a22} /* Dreamcast */
.ns-3060 {--color-accent: #c81d9f} /* Game Gear */
.ns-3090 {--color-accent: #000000} /* PSP */
.ns-3092 {--color-accent: #003791} /* Vita */
.ns-3070 {--color-accent: #d00407; --color-trim: #734219} /* Atari 2600 */
.ns-3072 {--color-accent: #3b6fc6} /* Atari 5200 */
.ns-3074 {--color-accent: #8b8f8e} /* Atari 7800 */
.ns-3076 {--color-accent: #e80d10} /* Atari Jaguar */
.ns-3078 {--color-accent: #ffd42a} /* Atari Lynx */
.ns-3080 {--color-accent: #2c1f5e} /* 3DO */
.ns-3082 {--color-accent: #2c1f5e} /* CD-i */
.ns-3084 {--color-accent: #f79325} /* TG-16 */
.ns-3086 {--color-accent: #fedb27} /* 3DS */
.ns-3088 {--color-accent: #5a77ff} /* Marty */
.ns-3020 {--color-accent: #ce001d} /* WonderSwan */
.ns-3022 {--color-accent: #b3b3b5} /* Xperia Play */
.ns-3024 {--color-accent: #000000} /* Odyssey */
.ns-3100 {--color-accent: #4C2882} /* CRT */
.ns-3104 {--color-accent: #83502e} /* AV */

.ns-3024 .accented-table {--color-accent:#000000} /* Odyssey*/
.ns-3032 .accented-table {--color-accent:#514689} /* SNES */

.client-dark-mode .ns-3024 .accented-table {--color-accent:#FFFFFF} /* Odyssey*/

body {--color-trim: #0077ff} /* Default: #a2a9b1 */

.mw-wiki-logo {
    background-size: 125px;
}

#p-logo {
    position: absolute;
    top: 0px;
    margin-bottom: 0px;
}

img[src="/mediawiki/images/5/50/CM-Text.png"] {
    position: absolute;
    top: 2rem;
    left: 10.5rem;
}

/*img[src="/mediawiki/images/b/b2/Hamburger_Icon.svg"] {
    position: absolute;
    top: -1px;
    left: 168px;
}*/

.mw-sidebar::after, .mw-wiki-logo {
    background-image: url(/mediawiki/images/3/3d/CM-Logo-Light.svg)!important;
}

.mw-sidebar::after {
    content: '';
    background-size: 135px 135px;
    height: 135px;
    width: 135px;
    position: absolute;
    top: 21px;
    left: 15px;
}

.mw-header {
    z-index: 0;
}

.mw-workspace-container .mw-content-container .mw-body {
    margin-top: 0px;
    width: auto;
}

#mw-sidebar-button {
    z-index: 2;
    top: 10px;   
}

body, #mw-page-base, #mw-head-base {
    background: unset;
    background-color: #000;
}

.stackable-cells {
    width: -webkit-fill-available;
    display: inline-block;
    vertical-align: top;
    min-width: 200px;
}

.highlighted-box {
    border: solid 1px black;
    padding: 5px;
    background-color: rgba(0,105,217,0.1);
    text-align: center;
    margin-bottom: 15px;
}

.highlighted-box img {
    margin: 0.5em 2em;
}

.vector-menu-portal .vector-menu-heading {
    color: white;
    font-weight: bold!important;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    max-height: 99999px;
}

iframe {
    margin-top: 20px;
}

.page-Main_Page .highlighted-box .highlighted-box {
	margin: 0px 0px 0px 15px;
    display: block;
    float: right;
}

.page-Main_Page .highlighted-box p {
	display: block;
    float: left;
}

.page-Main_Page .highlighted-box {
	display: inline-block;
}

video {
    width: auto!important;
    height: auto!important;
}

table video {
    max-width: unset!important;
}

div.tright {
    margin: 0.5em;
}

.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 305px;
}

.infobox img {
    padding: 20px 0px;
}

.infobox table {
    width: 100%;
}

.infobox table tr {
    background: #eee;
    line-height: 2;
}

.infobox table tr th {
    text-align: left;
    width:100px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 10px;
}

.infobox table tr td {
    line-height: 1.25;
    padding: 5px 0;
    padding-left: 0.2em;
    text-align: left;
}

.infobox table tr td p {
    line-height: 1.25;
    white-space: pre;
    margin: 0;
}

.infobox .subheader {
    background: var(--color-accent);
    color: white;
    text-align: center;
}

.infobox-title {
    font-size: 2em;
    text-align: center;
    font-style: italic;
}

.infobox-image {
    text-align: center;
}

#mw-head {
    background-color: var(--consolemods-color);
    height: 30px;
}

#ca-talk > a {
    padding-top: 6px;
}

.stripe::after {
    width: calc(100% - 32px);
    height: 50px;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background-image: repeating-linear-gradient(-45deg,var(--stripe-color1) 0px 20px,var(--stripe-color2) 0px 40px);
    z-index:-2;
    margin-left: 16px;
    clip-path: polygon(0 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0px 100%,0% 100%);
}

#toc {
    margin-top: 20px;
    font-size: max(14px,calc(2vh * 0.8));
}

.mw-footer li {
    color: white;
    font-size: max(0.75em,calc(2vh * 0.8));
}

.mw-notification-area-layout {
    top: 16em;
}

.clip-corner {
    clip-path: polygon(0 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0px 100%,0% 100%);
}

.mw-logo {
    display: none;
}

.mw-collapsible-toggle {
    padding-left: 5px;
}

#mw-panel::before {
    box-sizing: border-box;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    clip-path: polygon(0 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0px 100%,0% 100%);
}

#mw-panel {
    background-color: var(--consolemods-color);
    padding-left: 0px;
    filter: drop-shadow(0px 15px 0px var(--color-trim));
    width: 10em;
    top: 0px;
    padding-top: 50px;
    margin-top: 0px;
}

#pt-anonuserpage, #pt-userpage a {
    background: unset;
}

.portal h3, .vector-menu-portal h3 {
    color: white;
    font-weight: bolder;
    margin-left: 8px;
    font-size: 0.9em;
} 

.vector-menu-dropdown-noicon .vector-menu-heading {
    padding-top: 7px;
}

.accented-table::after {
    content: "";
}

.accented-table, #content {
    filter: drop-shadow(0px 15px 0px var(--color-accent));
}

.accented-table.stripe {
    filter: drop-shadow(0px 0px 0px var(--color-accent));
}

.accented-table-thin {
    text-align: center;
    filter: drop-shadow(0px 5px 0px var(--color-accent));
}

.mw-body {
    border: none;
    margin-left: 10rem;
    width: calc(100% - 13rem);
    margin-top: 2rem;
}

#p-variants {
    display: none;
}

#ca-talk {
    background: unset;
    padding: 2px;
}

.crt-column {
   padding: 0 10px;
   width: 27%;
   max-width: 450px;
}

.crt-column .accented-table {
    background-color: white;
}

.crt-list {
   width: 100%;
   border: 1px solid black;
}

.crt-list td+td {
    text-align: left;
}

.crt-list tr {
   vertical-align: top;
}

.crt-list caption {
    background-color: ghostwhite;
    font-weight: bolder;
    border: 4px solid black;
}

.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, .vector-menu-tabs li a, #p-cactions-label, .vector-menu-dropdown li a, #p-personal a {
    color: white!important;
    font-weight: bolder;
}

.vector-menu-tabs .selected {
    background: unset;
    background-color: var(--color-accent);
    padding-top: 1px;
    padding-bottom: 0px;
}

#mw-panel a, #mw-panel a:visited {
    color: white!important;
}

.vector-menu-dropdown .vector-menu-content-list {
    background-color: var(--consolemods-color);
    padding-left: 1px;
}

#p-navigation {
    padding-top: 150px;
}

#p-namespaces > div > .vector-menu-content-list {
    margin-left: 200px;
}

#p-personal ul {
    padding-left: 0px;
}

#p-personal::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    padding: 2px;
}

#p-personal {
    top: 0px;
    position: relative;
    float: right;
    padding-bottom: 5px;
}

#ca-ve-edit {
    background-color: unset!important;
}

.page-CRT_CRT_Wiki h1#firstHeading {
    display: none;
}

.page-CRT_CRT_Wiki .boxed-list {
    min-width: 300px;
}

#ca-view, #ca-edit, #ca-history, #ca-watch, #ca-unwatch, #ca-viewsource, #ca-addsection {
    background: unset;
    padding: 0px;
}

.vector-menu-dropdown h3 {
    color: #0645ad;
}

.vector-menu-dropdown h3:after {
    top: 0.4em;
}

#simpleSearch {
    background-color: whitesmoke;
    border-right: 2px solid var(--color-trim);
    margin-top: 17px;
    /*max-width: 10vw;*/
}

#p-personal li {
    font-size: 0.9em;
}

.action-edit a[href="/wiki/Special:Upload"], #t-emailuser a {
    background: black;
    filter: drop-shadow(0px 0px 5px black);
}

/* ======== END UNIVERSAL THEME ============= */




/* =========== LANDING PAGES ================ */

li[id*="ca-nstab-"] {
    display: none;
}

.mw-body-content h1 {
    margin-top: 0px;
}

.landing-page {
    text-align: -webkit-center;

}

.landing-page .mw-body-content h3 {
    font-size: max(1.2rem,calc(2vh * 0.85));
    margin-top: 0px;
}

.landing-page .wikitable caption {
    font-size: max(1.2rem,calc(2vh * 0.85));
}

.landing-page .boxed-list h3, .page-Main_Page #content h3 {
    font-size: max(1.2rem,calc(2vh * 0.25))
}

.wikitable .inline-images {
    display:flex;
    margin-right: 1.4em;
}

.wikitable caption {
    border: solid 2px grey;
    border-bottom: 1px;
}

.usermessage {
    margin: 0em 0px 3em 0px;
}

.landing-page img {
    max-height: 6rem;
    max-width: 23vw;
    height: auto;
    width: auto;
}

.page-Main_Page .landing-page img[alt="CRT.png"] {
    padding-top: 40px;
    padding-left: 4rem;
}

.landing-page img[alt="CRT.png"] {
    padding: 0 25px;
    max-height: 19rem;
}

.page-CRT_CRT_Wiki a[href="/wiki/File:CRT.png"] {
    pointer-events: none;
}

.not-available {
    filter: opacity(0.4);
}

.page-Main_Page table:not(.general-information-table) td, .page-AV_Audio_Video_Wiki table td {
    text-align: center;
    vertical-align: bottom;
    padding: 10px;
}
.page-Main_Page table:not(.general-information-table) td a, .page-AV_Audio_Video_Wiki table td a {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.general-information-table td ul {
    margin-left: 2em!important;
}

.general-information-table td {
    text-align: left;
    vertical-align: top;
    padding: 0px;
}

#footer a {
    color: white;
}

.page-Main_Page #content h4, .page-Main_Page #content h3, .page-Main_Page .accented-table p, .large-font {
    font-size: large!important;
}

.accented-table a {
    font-size: max(14px,calc(2vh * 0.8));
}

.page-AV_Audio_Video_Wiki .accented-table a {
    font-size: max(18px,calc(2vh * 0.8));
}

body[class*="_Wiki"] .mw-body .firstHeading, .page-Main_Page .mw-parser-output:first-child, body[class*="_Wiki"] #bodyContent h4, .page-Main_Page .mw-body .firstHeading {
    text-align: center;
}

body[class*="page-Main_Page"] .firstHeading {
    display: none;
}

.landing-page-header {
    line-height: 400;
    font-size: 1.8em;
    margin-top: -1em;
    text-align: center;
}

/* =========== LANDING PAGES END ============ */





/* ============ GLOBAL SETTINGS ============= */

#bodyContent h1, #bodyContent h2 {
    margin-left: 0px;
}

#bodyContent :not(.landing-page) h1 ~ *:not(h1,h2,h3,h4,h5,h6,h1~h3~*),
#bodyContent :not(.landing-page) h2 ~ *:not(h1,h2,h3,h4,h5,h6,h2~h3~*) {
    margin-left: 1em;
}

#bodyContent h3:not(.boxed-list h3) {
    margin-left: 1.4em;
}

#bodyContent h3:not(#p-namespaces-label, .landing-page h3) ~ *:not(h1,h2,h3,h4,h5,h6,h3~h2~*),
#bodyContent h3:not(#p-namespaces-label, .landing-page h3) ~ h2 ~ h3 ~ *:not(h1,h2,h3,h4,h5,h6) {
    margin-left: 3em;
}

#bodyContent h4:not(.boxed-list h4) {
    margin-left: 3.4em;
}

#bodyContent h4:not(.landing-page h4) ~ *:not(h1,h2,h3,h4,h5,h6,h4~h3~*,h4~h2~*),
#bodyContent h4:not(.landing-page h4) ~ h3 ~ h4 ~ *:not(h1,h2,h3,h4,h5,h6,h4~h3~*,h4~h2~*) {
    margin-left: 5em;
}

#bodyContent h5:not(.boxed-list h5) {
    margin-left: 5.4em;
}

#bodyContent h5:not(.landing-page h5) ~ *:not(h1,h2,h3,h4,h5,h6,h5~h4~*,h5~h3~*,h5~h2~*) {
    margin-left: 7em;
}

#bodyContent h6:not(.boxed-list h6) {
    margin-left: 7.4em;
}

#bodyContent h6:not(.landing-page h6) ~ *:not(h1,h2,h3,h4,h5,h6,h6~h5~*,h6~h4~*,h6~h3~*,h6~h2~*) {
    margin-left: 9em;
}

#bodyContent h4 {
    text-decoration: underline;
}

#content {
    border: 5px 0 2px 0 solid var(--color-trim);
    position: relative;
    z-index: 1;
    background-color: white;
}

.wikitable {
    border: none;
}

.wikitable th {
    white-space: nowrap;
}

#p-namespaces {
    height: inherit;
}

#left-navigation {
    margin-top: 0px;
    margin-left: 150px;
    height: 30px;
    width: 40px;
    display: contents;
}

#right-navigation {
    position: absolute;
    right: 0px;
    top: 4em;
    margin-top: 0px;
}

#p-views {
    height: 1.5em;
    margin-top: 17px;
}

.vector-menu-tabs .mw-watchlink.icon a:before {
    top: 0.5em;
    left: 0.5em;
    width: 1em;
    height: 1em;
}

.vector-menu-tabs .mw-watchlink.icon a {
    padding: 2.0em 0 0 0;
}

ul li::before:not(toclevel-1) {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#p-cactions {
    margin-top: 17px;
}

.vector-menu-dropdown h3 {
    padding-top: 0.5em;
}

#p-search form {
    margin-top: 1em;
}

#p-search {
    margin-left: 0px;
    margin-right: 1rem;
}

#searchInput {
    border: none;
}

td a[href="#unplayable"], td a[href="#impossible"] {
    background-color: rgba(255,0,0,0.5);
}

td a[href="#playable"], td a[href="#reliable"] {
    background-color: rgba(0,255,0,0.5);
}

td a[href="#menus"], td a[href="#intro"], td a[href="#unreliable"] {
    background-color: rgba(255,127,0,0.5);
}

td a[href="#untested"] {
    background-color: rgba(79,129,189,0.5);
}

td a[href="#ingame"] {
    background-color: rgba(255,255,0,0.5);
}

td sup {
    display: inline-block;
}

.mediawiki:not(.page-Main_Page) table:not(.note, .landing-page table, .disable-stripes) tr:nth-child(odd) {
    background-color: rgba(0,0,0,0.1);
}

ol {
    margin-left: -1.2em;
}

li {
   margin-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;
}

.vector-menu-content-list li {
   padding: 0px;
}

li::marker {
   background-color: inherit;
}

.vector-menu-dropdown .vector-menu-content {
    top: 1.6em;
}

#mw-head .vector-menu-dropdown h3 {
    height: 2em;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: unset;
}

.vector-menu-tabs li {
    background: unset;
    background-color: var(--color-accent);
    padding-bottom: 1px;
}

.vector-menu-tabs li a {
    height: 30px;
    padding-top: 0.5em;
    font-size: 0.9em;
}

.warning-message a {
  text-decoration: underline;
}

pre {
    width: fit-content;
    margin-left: 4.6em;
}

.mw-code:not(#mw-clearyourcache+.mw-code), code {
    width: fit-content;
    white-space: nowrap;
    margin: 0 1px;
}

code a {
    pointer-events: none;
    color: inherit!important;
    text-decoration: none!important;
}

code .external {
    padding: 0px!important;
    background: unset!important;
}

.boxed-list {
    width: fit-content;
    border-width: thin!important;
    border: solid black;
    margin: 1.5em 1rem 1.5rem 1rem;
    text-align: left;
    white-space: normal;
    background-color: whitesmoke;

}

.boxed-list a, .boxed-list a:visited, .boxed-list a.external, .boxed-list a.external:visited {
    color: black;
}

.boxed-list ul {
    padding-right: 0.5em;
    padding-bottom: 0.5em;
}

.page-Main_Page .center-float, .page-AV_Audio_Video_Wiki .center-float {
    margin-left: 1rem;
    margin-bottom: 1.5rem;
}

.center-text {
    text-align: center!important;
}

#content ol li.highlighted, #content ol:not(.references) li:hover {
    background-color: rgba(0,128,255,0.33);
    width: fit-content;
}

#content ol li:hover a {
    text-decoration: underline;
}

#content .colortable td a {
    display: grid;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

#content .colortable td a:not([href*=cite_note]) {
    pointer-events: none;
    padding: 2px;
    color: white!important;
}

table {
    border-collapse: collapse;
    font-size: max(14px,calc(2vh * 0.85));
}

ul {
    list-style-image: none
}

.note {
    background-color: rgba(0,0,0,0.4);
}

#content .colortable td {
    padding: 0px 2px!important;
}

#content .colortable-extra-padding td:nth-last-child(2) {
    padding: 0px 5px!important;
}

#content .wikitable td a {
    display: inline;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
}

.boxed-list h3 {
    text-align: center;
    border-bottom-width: thin;
    border-bottom-style: solid;
    padding: 0 10px 0 10px
}

.boxed-list h2 {
    text-align: center;
    border-bottom-width: thin;
    border-bottom-style: solid;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    margin-top: 0px;
}

.center-float {
    display: inline-block;
    vertical-align: top;
}

.center-float h3 + ul, .center-float h3 + .center-float + .center-float ul, .center-float h4 + ul {
    margin-left: 1.6em!important;
    margin-right: 1.6em!important;
}

#contentSub {
    display: none;
}

.warning-message {
  border:1px #d33 solid;
  background: transparent;
}

/*#mw-head::after {
    content: '';
    position: absolute;
    background: url(https://consolemods.org/mediawiki/images/5/50/CM-Text.png/1200px-CM-Text.png) center no-repeat;
    background-size: 184px 75px;
    width: 184px;
    height: 75px;
    top: 2rem;
    left: 10.5rem;
    display: inline-block;
    background-color: black;
    pointer-events: none;
}*/

#n-Donate {
    margin-left: 15px;
}

#n-Donate::before {
    content: " ";
    background-image: url(https://storage.ko-fi.com/cdn/cup-border.png);
    width: 29px;
    height: 16px;
    margin-bottom: -2px;
    display: inline-block;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#n-Donate a {
    font-size: 16px;
}

.wikitable, table {
    background-color: transparent!important;
}

.wikitable tbody, .wikitable caption {
    background-color: #f8f9fa;
}

/* ============== GLOBAL SETTINGS END ================ */




/* ================= MOBILE SETTINGS ================= */

@media only screen and (min-device-width: 750px) {
  #mw-sidebar-button {
    display: none;
  }
  #mw-panel {
    padding-top: 20px;
  }

  .accented-table a {
    font-size: large!important;
  }

  #toc, table {
    font-size: 14px;
  }

  .mw-footer li {
    font-size: 0.75em;
  }

  .landing-page .mw-body-content h3, .landing-page .wikitable caption, .landing-page .boxed-list h3, .page-Main_Page #content h3 {
    font-size: 1.2rem;
  }

  #p-namespaces > div > .vector-menu-content-list {
    margin-left: 160px;
  }

  .stackable-cells {
    width: min-content;
  }
}

body{
    overflow-x: hidden;
}

table{
    overflow-x: auto;
    display: block;
}

.sidebar-collapsed #mw-panel {
    display: none;
}

.sidebar-collapsed #mw-head {
    width: auto;
    left: 0;
}

.sidebar-collapsed #content {
    margin-left: 0px;
    width: auto;
}

.sidebar-collapsed #p-namespaces > div > .vector-menu-content-list, .sidebar-collapsed #footer {
    margin-left: 0px;
}

.sidebar-collapsed img[src="/mediawiki/images/5/50/CM-Text.png"] {
    left: 5px;
}

/* =============== MOBILE SETTINGS END =============== */



/* ==================== DARK MODE ==================== */

.client-dark-mode, .client-dark-mode body, .client-dark-mode body, .client-dark-mode #mw-page-base, .client-dark-mode #mw-head-base, .client-dark-mode .mw-code, .client-dark-mode .mw-textarea-protected, .client-dark-mode pre, .client-dark-mode .warningbox, .client-dark-mode .editOptions, .client-dark-mode input#wpPreview, .client-dark-mode input#wpDiff, .client-dark-mode input#wpSummary, .client-dark-mode .warning-message, .client-dark-mode .note, .client-dark-mode code, .client-dark-mode .catlinks, .client-dark-mode textarea#wpTextbox1, .client-dark-mode #toc, .client-dark-mode .wikitable > tr > th, .client-dark-mode .wikitable > * > tr > th, .client-dark-mode textarea, .client-dark-mode  tbody, .client-dark-mode #filetoc, .client-dark-mode .mw-ui-button, .client-dark-mode .mw_metadata td, .client-dark-mode .mw_metadata th, .client-dark-mode input, .client-dark-mode #wpPreviewWidget input[type="submit"], .client-dark-mode #wpDiffWidget input[type="submit"], .client-dark-mode .mw-destfile-warning, .client-dark-mode button, .client-dark-mode .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .client-dark-mode .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .client-dark-mode .oo-ui-popupWidget-popup, .client-dark-mode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .client-dark-mode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .client-dark-mode .diff-context, .client-dark-mode .oo-ui-inputWidget-input, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .client-dark-mode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .client-dark-mode .oo-ui-menuOptionWidget, .client-dark-mode #pagehistory li.selected, .client-dark-mode .mw-rcfilters-ui-table.mw-rcfilters-ui-filterMenuHeaderWidget-header, .client-dark-mode .mw-rcfilters-ui-filterMenuSectionOptionWidget, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-feedback, .client-dark-mode .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-viewSelect, .client-dark-mode .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted, .client-dark-mode .crt-column .accented-table, .client-dark-mode .mw-search-profile-tabs, .client-dark-mode .postedit.mw-notification, .client-dark-mode .suggestions-special, .client-dark-mode .suggestions-results, .client-dark-mode .thumbinner, .client-dark-mode #wpLicense, .client-dark-mode .ui-widget-content, .client-dark-mode .usermessage, .client-dark-mode .toccolours, .client-dark-mode .mw-datatable td, .client-dark-mode .mw-datatable th, .client-dark-mode #mw-searchoptions, .client-dark-mode .wikiEditor-ui-toolbar .group .tool-select .menu .options, .client-dark-mode .oo-ui-window-frame, .client-dark-mode .ve-ui-mwSaveDialog-options, .client-dark-mode .mw-notification-autohide {
    background-color: black!important;
}

.client-dark-mode .clip-corner tbody, .client-dark-mode .clip-corner caption {
    background-color: #292929!important
}

.client-dark-mode #p-logo > a, .client-dark-mode .mw-sidebar::after {
    background-image: url(/mediawiki/images/2/22/CM-Logo-Dark.svg)!important;
}

.client-dark-mode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--consolemods-color);
}

.client-dark-mode .errorbox {
    background-color: darkred;
}

.client-dark-mode #searchButton {
    background-color: #666!important;
}

.client-dark-mode #mw-panel a {
    font-weight: unset;
}

.client-dark-mode .major-warning u {
    color: black!important;
}

.client-dark-mode .infobox, .client-dark-mode .ui-button, .client-dark-mode .major-tooltip-div {
    background-color: black!important;
    background: black!important;
}

.client-dark-mode .infobox table tr, .client-dark-mode .crt-list caption, .client-dark-mode .mw-mmv-post-image, .client-dark-mode .mw-mmv-image-metadata {
    background-color: #333;
}

.client-dark-mode .diff-deletedline {
    background-color: #800000;
}

.client-dark-mode .diff-addedline {
    background-color: #000080;
}

.client-dark-mode .diffchange {
    background-color: goldenrod;
}

.client-dark-mode .wikiEditor-ui-toolbar, .client-dark-mode .ui-dialog .ui-widget-header {
    background: #444!important;
}

.client-dark-mode a {
    color: gold!important;
    font-weight: bold;
}

.client-dark-mode a.new, .client-dark-mode .new a {
    color: #ff6e6e!important;
}

.client-dark-mode #content {
    background-color: #292929;
}

.client-dark-mode .wikitable caption {
    border: 2px solid white;
    border-bottom: 1px;
}

.client-dark-mode .mw-body {
    background-color: #e1e1e1;
}

.client-dark-mode .clip-corner {
    background-color: #292929!important;
    color: white!important;
}

.client-dark-mode .clip-corner a {
    color: white!important;
}

.client-dark-mode #searchInput {
    background-color: #333;
}

.darkmode-link:before {
    color: #EBC815;
    text-shadow: 0px 0px 3px black;
    padding-right: 2px;
}

.client-dark-mode #content.mw-body, .client-dark-mode #firstHeading {
    border-color: var(--color-trim)!important;
}

.client-dark-mode #simpleSearch {
    border: 0.5px solid darkgrey;
}

.client-dark-mode .wikitable > tr > th, .client-dark-mode .wikitable > tr > td, .client-dark-mode .wikitable > * > tr > th, .client-dark-mode .wikitable > * > tr > td {
    border-color: white;
}

.client-dark-mode .boxed-list {
    border: 1px solid white;
    border-bottom: none;
}

.client-dark-mode code {
    border: 1px solid white;
}

.client-dark-mode .major-warning-text, .client-dark-mode .major-warning-text b, .client-dark-mode #mw-head::after, .client-dark-mode .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select span.oo-ui-labelElement-label {
    color: black!important;
}

.client-dark-mode .vectorTabs li a, .client-dark-mode #p-personal a, .client-dark-mode .vector-menu-tabs li a, .client-dark-mode .vector-menu-tabs .new a, .client-dark-mode .vector-menu-tabs .new a:visited, .client-dark-mode .vector-menu-tabs .selected a, .client-dark-mode .vector-menu-tabs .selected a:visited, .client-dark-mode #p-cactions-label, .client-dark-mode .vector-menu-dropdown li a, .client-dark-mode #p-personal a, .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 *:not(a), .client-dark-mode .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    color: white!important;
}

.client-dark-mode .clip-corner a.new {
    color: red!important;
}

.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: unset;
}


/* ================== END DARK MODE ================== */

/* ============= THEME REFERENCE COLORS ============== */ /*
   Xbox: Green black (#001500), White, Green (#4CFF00), XBL Orange (#FF7200), XBL Dark Green (#289728)
   Xbox 360: Light Green (#5dc21e), White (#f1f1f1), Light Gray (#c2c2c2), Mid Gray (#6b6b6b), Black, Green (#107c10)
   NES: Light grey (#f1f2ed), dark grey (#8a8988), Black, Red (#dc2e29)
   SNES: Light purple (#a7a4e0), dark purple (#514689)
   PS1: Grey (#BBBBBB), Red (#de0029), yellow (#f3c202), green (#00aa9e), blue (#326db3)
   Genesis: Genesis Red (#dd000c, #c30312), CD Blue (#329bee, #2784ca), 32X Yellow (#fccd1f, #fab802)
   Atari: Atari Red (#d00407), 2600 Wood (#734219), 5200 Blue (#3b6fc6), 7800 Silver (#8b8f8e), Lynx (yellow: #ffd42a,red: #ff2a2a)
   3DO: Red (#fc2c26), Blue (#2c1f5e), Yellow (#fbdb00)
   TurboGrafx-16: Orange (#f79325)
*/