MediaWiki:Common.css: Difference between revisions

From ConsoleMods Wiki
Jump to navigation Jump to search
(Fixed some tables (like main page) being completely black in dark mode)
(Fixed table captions border size)
Line 427: Line 427:


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


Line 967: Line 968:


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


Revision as of 04:17, 16 May 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 (test) */
.ns-3036 {--color-accent: #6545B2} /* GCN (test) */
.ns-3038 {--color-accent: #34BEED} /* Wii (test) */
.ns-3040 {--color-accent: #0096C8} /* WiiU (test) */
.ns-3042 {--color-accent: #E60012} /* Switch (test) */
.ns-3044 {--color-accent: #9a2257} /* Game Boy (test) */
.ns-3046 {--color-accent: #675c9d} /* Game Boy Advance (test) */
.ns-3048 {--color-accent: #c0c0c0} /* NDS (test) */
.ns-3050 {--color-accent: #da0000} /* SG1000 (test) */
.ns-3052 {--color-accent: #ff0000} /* MasterSystem (test) */
.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 (test) */
.ns-3092 {--color-accent: #003791} /* Vita (test)*/
.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 (test) */
.ns-3088 {--color-accent: #5a77ff} /* Marty */
.ns-3020 {--color-accent: #ce001d} /* WonderSwan */
.ns-3022 {--color-accent: #b3b3b5} /* Xperia Play */
.ns-3100 {--color-accent: #4C2882} /* CRT */


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

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

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

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

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

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

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;
}

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

.mw-footer li {
    color: white;
}

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

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

#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;
}

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

/* ======== 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: 1.2rem;
    margin-top: 0px;
}

.landing-page .wikitable caption {
    font-size: 1.2rem;
}

.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 {
    text-align: center;
    vertical-align: bottom;
    padding: 10px;
}
.page-Main_Page table:not(.general-information-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 .accented-table a, .page-Main_Page #content h4, .page-Main_Page #content h3, .page-Main_Page .accented-table p, .large-font {
    font-size: large!important;
}

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: 0.2rem;
}

#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 {
    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 {
    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;
}

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;
}

#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;
}

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




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

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

/* =============== 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, .client-dark-mode .wikitable > tr > th, .client-dark-mode .wikitable > * > tr > th, .client-dark-mode textarea, .client-dark-mode table, .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 {
    background-color: black!important;
} {
    background-color: black;
}

.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 #mw-panel a {
    font-weight: unset;
}

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

.client-dark-mode .infobox, .client-dark-mode .ui-button {
    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 #simpleSearch, .client-dark-mode #firstHeading {
    border-color: var(--color-trim)!important;
}

.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)
*/
Retrieved from "https://consolemods.org/wiki/index.php?title=MediaWiki:Common.css&oldid=10942"