CSS

From ConsoleMods Wiki
Revision as of 02:26, 9 August 2022 by Derf (talk | contribs) (Created page with " →‎================= MOBILE SETTINGS =================: @media only screen and (min-device-width: 750px) { #mw-sidebar-button { display: none; } #mw-panel { padding-top: 20px; } .accented-table a, .accented-table li { 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-Ma...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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

@media only screen and (min-device-width: 750px) { 

 #mw-sidebar-button {
   display: none;
 }
 #mw-panel {
   padding-top: 20px;
 }

 .accented-table a, .accented-table li {
   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;
 }

 .page-Main_Page .highlighted-box .mw-headline {
   font-size: 2rem;
 }

 .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 =============== */


/* =========== 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;

}

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

}

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

.oo-ui-toolbar, .oo-ui-toolbar-bar { 

   position: sticky;
   top: 0px;
   z-index: 1000;

}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar { 

   position: sticky!important;

}

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;

}

  1. mw-head {
   background-color: var(--consolemods-color);
   height: 30px;

}

  1. ca-talk > a {
   padding-top: 5px;

}

.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%);

}

  1. toc {
   margin-top: 20px;

}

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

}

  1. 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%);

}

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

}

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

}

  1. p-variants {
   display: none;

}

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

}

table.crt-list { 

  display: table;

}

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

}

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

}

  1. p-navigation {
   padding-top: 150px;

}

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

}

  1. p-personal ul {
   padding-left: 0px;

}

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

}

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

}

  1. ca-ve-edit {
   background-color: unset!important;

}

.page-CRT_CRT_Wiki h1#firstHeading { 

   display: none;

}

.page-CRT_CRT_Wiki .boxed-list { 

   min-width: 300px;

}

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

}

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

}

  1. 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 { 

   font-size: max(1.2rem,calc(2vh * 0.25));

}

.page-Main_Page #content h3 { 

   font-size: max(1.2rem,calc(2vh * 0.8));

}

.page-Main_Page .highlighted-box .mw-headline { 

   font-size: max(1.2rem,2vh);

}

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

}

  1. footer a {
   color: white;

}

.page-Main_Page #content h4, .page-Main_Page .accented-table p, .large-font { 

   font-size: large!important;

}

.accented-table a, .accented-table li, #toc { 

   font-size: max(14px,calc(2vh * 0.8));

}

.page-AV_Audio_Video_Wiki .accented-table a, .page-AV_Audio_Video_Wiki .accented-table li { 

   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 ============= */

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

  1. bodyContent h4 {
   text-decoration: underline;

}

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

}

  1. p-namespaces {
   height: inherit;

}

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

}

  1. right-navigation {
   position: absolute;
   right: 0px;
   top: 4em;
   margin-top: 0px;

}

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

}

  1. p-cactions {
   margin-top: 17px;

}

.vector-menu-dropdown h3 { 

   padding-top: 0.5em;

}

  1. p-search form {
   margin-top: 1em;

}

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

}

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

}

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

}

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

}

  1. content ol li:hover a {
   text-decoration: underline;

}

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

}

  1. 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);

}

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

}

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

}

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

}

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

}*/

  1. n-Donate {
   margin-left: 15px;

}

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

}

  1. n-Donate a {
   font-size: 16px;

}

.wikitable, table { 

   background-color: transparent!important;

}

.wikitable tbody, .wikitable caption { 

   background-color: #f8f9fa;

}

/* ============== GLOBAL 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, .client-dark-mode .ext-replacetext-searchoptions, .client-dark-mode .ext-replacetext-searchoptions { 

   background-color: black!important;

}

.client-dark-mode .clip-corner tbody, .client-dark-mode .clip-corner caption { 

   background-color: #292929!important

}

.client-dark-mode .major-warning, .client-dark-mode .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { 

   background-color: transparent!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;
   background-color: unset;

}

.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 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .client-dark-mode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .client-dark-mode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .client-dark-mode .oo-ui-popupToolGroup-tools, .client-dark-mode .oo-ui-toolbar-bar { 

   background-color: #999;

}

.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 #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=CSS&oldid=16255"