CSS: Difference between revisions

From ConsoleMods Wiki
Jump to navigation Jump to search
mNo edit summary
m (Last cell width; Compat list)
 
(85 intermediate revisions by the same user not shown)
Line 1: Line 1:
<nowiki>
<nowiki>
/* ================= MOBILE SETTINGS ================= */
/* ================= MOBILE SETTINGS ================= */
@media only screen and (min-width: 1025px) {
  .sidebar-collapsed #p-namespaces {
    position:static!important
  }
}
@media only screen and (min-device-width: 450px) {
  body:not(.sidebar-collapsed) #p-namespaces {
    position:static!important
  }
}


@media only screen and (min-device-width: 750px) {
@media only screen and (min-device-width: 750px) {
Line 6: Line 17:
     display: none;
     display: none;
   }
   }
  #p-namespaces {
      position: static
      right: auto
      top: auto
  }
   #mw-panel {
   #mw-panel {
     padding-top: 20px;
     padding-top: 20px;
Line 38: Line 56:
     overflow-x: auto;
     overflow-x: auto;
     display: block;
     display: block;
}
table h4 {
    margin-top: 0px!important;
    padding-top: 0px;
}
}


Line 58: Line 81:
}
}


.sidebar-collapsed img[src="/mediawiki/images/5/50/CM-Text.png"] {
.sidebar-collapsed img[src="/wiki/images/5/50/CM-Text.png"] {
     left: 5px;
     left: 5px;
}
#p-namespaces{
    right: 0;
    position: absolute;
    top: 30px;
}
}


Line 108: Line 137:
.ns-3022 {--color-accent: #b3b3b5} /* Xperia Play */
.ns-3022 {--color-accent: #b3b3b5} /* Xperia Play */
.ns-3024 {--color-accent: #000000} /* Odyssey */
.ns-3024 {--color-accent: #000000} /* Odyssey */
.ns-3026 {--color-accent: #ff0000} /* LaserActive */
.ns-3100 {--color-accent: #4C2882} /* CRT */
.ns-3100 {--color-accent: #4C2882} /* CRT */
.ns-3104 {--color-accent: #83502e} /* AV */
.ns-3104 {--color-accent: #83502e} /* AV */
.ns-3106 {--color-accent: #eef1db} /* PC */
.ns-3106 {--color-accent: #eef1db} /* PC */
.ns-3108 {--color-accent: #33cc66} /* FM Towns */
.ns-3108 {--color-accent: #33cc66} /* FM Towns */
.ns-3110 {--color-accent: #37abc8} /* Neo Geo */
.ns-3112 {--color-accent: #ed400e} /* Super Cassette Vision */
.ns-3114 {--color-accent: #e9d5bb} /* Intellivision */
.ns-3124 {--color-accent: #ff7b01} /* Odyssey2 */
.ns-3126 {--color-accent: #eb2a2e} /* Neo Geo Pocket */


.ns-3024 .accented-table {--color-accent:#000000} /* Odyssey*/
.ns-3024 .accented-table {--color-accent:#000000} /* Odyssey*/
.ns-3032 .accented-table {--color-accent:#514689} /* SNES */
.ns-3032 .accented-table {--color-accent:#514689} /* SNES */
#ca-key12 a, #ca-key45 a {filter: drop-shadow(0px 0px 1px black)} /* N64, PC */
#ca-key12 a, #ca-key45 a, #ca-key36 a, #ca-key5 a, #ca-key49 a {filter: drop-shadow(0px 0px 1px black)} /* N64, 3DS, PC */
.client-dark-mode .ns-3024 .accented-table {--color-accent:#FFFFFF} /* Odyssey*/
.sdm .ns-3024 .accented-table {--color-accent:#FFFFFF} /* Odyssey*/


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


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


/*img[src="/mediawiki/images/b/b2/Hamburger_Icon.svg"] {
/*img[src="/wiki/images/b/b2/Hamburger_Icon.svg"] {
     position: absolute;
     position: absolute;
     top: -1px;
     top: -1px;
Line 143: Line 178:


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


Line 180: Line 215:
     vertical-align: top;
     vertical-align: top;
     min-width: 200px;
     min-width: 200px;
}
.clip-corner a.new {
    color: #ba0000!important;
}
.inline-images {
    display: inline-flex;
}
}


Line 197: Line 240:
     color: white;
     color: white;
     font-weight: bold!important;
     font-weight: bold!important;
}
#pt-darkmode {
    padding-top: 0.5em;
}
}


Line 251: Line 298:
     margin: 0 0 1em 1em;
     margin: 0 0 1em 1em;
     padding: 1em;
     padding: 1em;
     width: 305px;
     width: min-content;
}
}


Line 280: Line 327:
     padding-left: 0.2em;
     padding-left: 0.2em;
     text-align: left;
     text-align: left;
    width: 100%;
}
}


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


Line 421: Line 469:
   padding: 0 10px;
   padding: 0 10px;
   width: 27%;
   width: 27%;
   max-width: 450px;
   max-width: 500px;
  min-width: 300px;
}
}


Line 454: Line 503:
     color: white!important;
     color: white!important;
     font-weight: bolder;
     font-weight: bolder;
}
#p-cactions-label{
    margin-top:-14px
}
}


Line 575: Line 628:


.page-Main_Page #content h3 {
.page-Main_Page #content h3 {
     font-size: max(1.2rem,calc(2vh * 0.8));
     font-size: max(1.2rem,calc(1em * 0.875));
}
}


Line 588: Line 641:


.wikitable caption {
.wikitable caption {
     border: solid 2px grey;
     border: solid 2px rgb(162, 169, 177);
     border-bottom: 1px;
     border-bottom: 1px solid rgb(162,169,177);
}
}


.usermessage {
.usermessage {
     margin: 0em 0px 3em 0px;
     margin: 0em 0px 1em 0px;
}
 
.thumb.embedvideo.autoResize {
    padding: 10px;
}
 
.inline-thumb {
  float: left;
  display: inline-flex;
}
}


Line 603: Line 665:
}
}


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


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


.page-CRT_CRT_Wiki a[href="/wiki/File:CRT.png"] {
.page-CRT_CRT_Wiki a[href="/wiki/File:CRT.png"], .page-AV_Audio_Video_Wiki a[href="/wiki/File:AV_Stack.png"], .page-PC:Retro_PC_Wiki a[href="/wiki/File:PC_Wiki.png"] {
     pointer-events: none;
     pointer-events: none;
}
}
Line 621: Line 683:
}
}


.page-Main_Page table:not(.general-information-table) td, .page-AV_Audio_Video_Wiki table td {
.page-Main_Page table:not(.general-information-table) td, .page-AV_Audio_Video_Wiki table td, .page-PC_Wiki table td {
     text-align: center;
     text-align: center;
     vertical-align: bottom;
     vertical-align: bottom;
     padding: 10px;
     padding: 10px;
}
}
.page-Main_Page table:not(.general-information-table) td a, .page-AV_Audio_Video_Wiki table td a {
.page-Main_Page table:not(.general-information-table) td a, .page-AV_Audio_Video_Wiki table td a, .page-PC_Wiki table td a {
     text-decoration: none;
     text-decoration: none;
     font-weight: bold;
     font-weight: bold;
Line 640: Line 702:
     vertical-align: top;
     vertical-align: top;
     padding: 0px;
     padding: 0px;
}
.general-information-table {
    border-color: rgb(162,169,177)!important;
}
}


Line 651: Line 717:


.accented-table a, .accented-table li, #toc {
.accented-table a, .accented-table li, #toc {
     font-size: max(14px,calc(2vh * 0.8));
     font-size: max(14px,calc(1em * 0.875));
}
}


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


Line 680: Line 746:


/* ============ GLOBAL SETTINGS ============= */
/* ============ 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(ul,ol,h1,h2,h3,h4,h5,h6,h2~h3~*) {
    margin-left: 1em;
}
#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;
}
#bodyContent h3:not(.boxed-list h3) {
    margin-left: 1.4em;
}
#bodyContent h3:not(#p-namespaces-label, .landing-page h3) ~ *:not(ul,ol,h1,h2,h3,h4,h5,h6,h3~h2~*),
#bodyContent h3:not(#p-namespaces-label, .landing-page h3) ~ h2 ~ h3 ~ *:not(ul,ol,h1,h2,h3,h4,h5,h6) {
    margin-left: 3em;
}
#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;
}
#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 {
#bodyContent h4 {
Line 786: Line 801:
}
}


ul li::before:not(toclevel-1) {
/*ul li::before:not(toclevel-1) {
   content: "\2022";
   content: "\2022";
   color: red;
   color: red;
Line 793: Line 808:
   width: 1em;
   width: 1em;
   margin-left: -1em;
   margin-left: -1em;
}
}*/


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


Line 816: Line 831:
}
}


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


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


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


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


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


Line 912: Line 927:
}
}


.boxed-list {
.boxed-list:not(.general-information-table) {
     width: fit-content;
     width: fit-content;
     border-width: thin!important;
     border-width: thin!important;
Line 920: Line 935:
     white-space: normal;
     white-space: normal;
     background-color: whitesmoke;
     background-color: whitesmoke;
}
}


Line 932: Line 946:
}
}


.page-Main_Page .center-float, .page-AV_Audio_Video_Wiki .center-float {
.page-Main_Page .center-float, .page-AV_Audio_Video_Wiki .center-float, .page-PC_Retro_PC_Wiki .center-float {
     margin-left: 1rem;
     margin-left: 1rem;
     margin-bottom: 1.5rem;
     margin-bottom: 1.5rem;
Line 951: Line 965:


#content .colortable td a {
#content .colortable td a {
    display: grid;
     width: 100%;
     width: 100%;
    height: 100%;
     text-align: center;
     text-align: center;
     text-decoration: none;
     text-decoration: none;
    display: block;
    padding: 10em!important;
    margin: -10em;
}
}


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


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


Line 978: Line 994:
#content .colortable td {
#content .colortable td {
     padding: 0px 2px!important;
     padding: 0px 2px!important;
    height: 100%;
    overflow: hidden;
}
}


Line 1,026: Line 1,044:
   background: transparent;
   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 {
#n-Donate {
Line 1,047: Line 1,051:
#n-Donate::before {
#n-Donate::before {
     content: " ";
     content: " ";
     background-image: url(https://storage.ko-fi.com/cdn/cup-border.png);
     background-image: url(/wiki/images/8/88/Kofi-cup.webp);
     width: 29px;
     width: 29px;
     height: 16px;
     height: 16px;
Line 1,066: Line 1,070:
.wikitable tbody, .wikitable caption {
.wikitable tbody, .wikitable caption {
     background-color: #f8f9fa;
     background-color: #f8f9fa;
}
.vector-menu-tabs .new a span, .vector-menu-tabs .new a:visited span {
    color: silver!important
}
table.col-1-center td:nth-child(1) { text-align: center; }
table.col-2-center td:nth-child(2) { text-align: center; }
table.col-3-center td:nth-child(3) { text-align: center; }
table.col-4-center td:nth-child(4) { text-align: center; }
table.col-5-center td:nth-child(5) { text-align: center; }
table.col-6-center td:nth-child(6) { text-align: center; }
table.col-7-center td:nth-child(7) { text-align: center; }
table.col-8-center td:nth-child(8) { text-align: center; }
table.col-9-center td:nth-child(9) { text-align: center; }
table.col-10-center td:nth-child(10) { text-align: center; }
table.col-11-center td:nth-child(11) { text-align: center; }
table.col-12-center td:nth-child(12) { text-align: center; }
/* TOC depth limiting on a per-page basis */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
.page-Xbox_360_Original_Xbox_Games_Compatibility_List .colortable td:last-child {
    max-width: 40rem;
}
}


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


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


.client-dark-mode .major-warning, .client-dark-mode .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
.sdm .major-warning, .sdm .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning, .sdm .tux-messagetable-header {
     background-color: transparent!important;
     background-color: transparent!important;
}
}


.client-dark-mode #p-logo > a, .client-dark-mode .mw-sidebar::after {
.sdm #p-logo > a, .sdm .mw-sidebar::after {
     background-image: url(/mediawiki/images/2/22/CM-Logo-Dark.svg)!important;
     background-image: url(/wiki/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 {
.sdm .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
     background-color: var(--consolemods-color);
     background-color: var(--consolemods-color);
}
}


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


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


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


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


.client-dark-mode .infobox, .client-dark-mode .ui-button, .client-dark-mode .major-tooltip-div {
.sdm .infobox, .sdm .ui-button, .sdm .major-tooltip-div {
     background-color: black!important;
     background-color: black!important;
     background: 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 {
.sdm .infobox table tr, .sdm .crt-list caption, .sdm .mw-mmv-post-image, .sdm .mw-mmv-image-metadata {
     background-color: #333;
     background-color: #333;
}
}


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


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


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


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


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


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


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


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


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


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


.client-dark-mode .clip-corner a {
.sdm .clip-corner a {
     color: white!important;
     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 {
.sdm .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .sdm .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .sdm .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .sdm .oo-ui-popupToolGroup-tools, .sdm .oo-ui-toolbar-bar {
     background-color: #999;
     background-color: #999;
}
}


.client-dark-mode #searchInput {
.sdm #searchInput, .sdm .tux-message-item:hover {
     background-color: #333;
     background-color: #333;
}
}
Line 1,181: Line 1,216:
}
}


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


.client-dark-mode #simpleSearch {
.sdm #simpleSearch {
     border: 0.5px solid darkgrey;
     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 {
.sdm .wikitable > tr > th, .sdm .wikitable > tr > td, .sdm .wikitable > * > tr > th, .sdm .wikitable > * > tr > td {
     border-color: white;
     border-color: white;
}
}


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


.client-dark-mode code {
.sdm code {
     border: 1px solid white;
     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 {
.sdm #mw-head::after, .sdm .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select span.oo-ui-labelElement-label {
     color: black!important;
     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 {
.sdm .vectorTabs li a, .sdm #p-personal a, .sdm .vector-menu-tabs li a, .sdm .vector-menu-tabs .new a, .sdm .vector-menu-tabs .new a:visited, .sdm .vector-menu-tabs .selected a, .sdm .vector-menu-tabs .selected a:visited, .sdm #p-cactions-label, .sdm .vector-menu-dropdown li a, .sdm #p-personal a, .sdm h1, .sdm h2, .sdm h3, .sdm h4, .sdm h5, .sdm h6, .sdm *:not(a), .sdm .oo-ui-textInputWidget .oo-ui-inputWidget-input {
     color: white!important;
     color: white!important;
}
}


.client-dark-mode .clip-corner a.new {
.sdm .clip-corner a.new {
     color: red!important;
     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 {
.sdm, .sdm img, .sdm video, .sdm svg, .sdm iframe, .sdm .mw-no-invert, .sdm .mw-mmv-overlay, .sdm .mw-mmv-pre-image, .sdm .mw-kartographer-map, .sdm .mw-kartographer-mapDialog-map {
     filter: unset;
     filter: unset;
}
}


.sdm #p-cactions-label:after {
    filter: invert(1);
}
.sdm ul.fileupload-results li.ful-success{
    background-color:green
}


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

Latest revision as of 03:23, 18 November 2024

/* ================= MOBILE SETTINGS ================= */ @media only screen and (min-width: 1025px) { .sidebar-collapsed #p-namespaces { position:static!important } } @media only screen and (min-device-width: 450px) { body:not(.sidebar-collapsed) #p-namespaces { position:static!important } } @media only screen and (min-device-width: 750px) { #mw-sidebar-button { display: none; } #p-namespaces { position: static right: auto top: auto } #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; } } body{ overflow-x: hidden; } table{ overflow-x: auto; display: block; } table h4 { margin-top: 0px!important; padding-top: 0px; } .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="/wiki/images/5/50/CM-Text.png"] { left: 5px; } #p-namespaces{ right: 0; position: absolute; top: 30px; } /* =============== 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-3026 {--color-accent: #ff0000} /* LaserActive */ .ns-3100 {--color-accent: #4C2882} /* CRT */ .ns-3104 {--color-accent: #83502e} /* AV */ .ns-3106 {--color-accent: #eef1db} /* PC */ .ns-3108 {--color-accent: #33cc66} /* FM Towns */ .ns-3110 {--color-accent: #37abc8} /* Neo Geo */ .ns-3112 {--color-accent: #ed400e} /* Super Cassette Vision */ .ns-3114 {--color-accent: #e9d5bb} /* Intellivision */ .ns-3124 {--color-accent: #ff7b01} /* Odyssey2 */ .ns-3126 {--color-accent: #eb2a2e} /* Neo Geo Pocket */ .ns-3024 .accented-table {--color-accent:#000000} /* Odyssey*/ .ns-3032 .accented-table {--color-accent:#514689} /* SNES */ #ca-key12 a, #ca-key45 a, #ca-key36 a, #ca-key5 a, #ca-key49 a {filter: drop-shadow(0px 0px 1px black)} /* N64, 3DS, PC */ .sdm .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="/wiki/images/5/50/CM-Text.png"] { position: absolute; top: 2rem; left: 10.5rem; } /*img[src="/wiki/images/b/b2/Hamburger_Icon.svg"] { position: absolute; top: -1px; left: 168px; }*/ .mw-sidebar::after, .mw-wiki-logo { background-image: url(/wiki/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: min-content; display: inline-block; vertical-align: top; min-width: 200px; } .clip-corner a.new { color: #ba0000!important; } .inline-images { display: inline-flex; } .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; } #pt-darkmode { padding-top: 0.5em; } .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: min-content; } .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; width: 100%; } .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: 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%); } #toc { margin-top: 20px; } .mw-footer li { color: white; font-size: max(0.75em,calc(1em * 0.875)); } .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: 500px; min-width: 300px; } .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; } #p-cactions-label{ margin-top:-14px } .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: 120px; } #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; } #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 { font-size: max(1.2rem,calc(2vh * 0.25)); } .page-Main_Page #content h3 { font-size: max(1.2rem,calc(1em * 0.875)); } .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 rgb(162, 169, 177); border-bottom: 1px solid rgb(162,169,177); } .usermessage { margin: 0em 0px 1em 0px; } .thumb.embedvideo.autoResize { padding: 10px; } .inline-thumb { float: left; display: inline-flex; } .landing-page img { max-height: 6rem; max-width: 23vw; height: auto; width: auto; } .page-Main_Page .landing-page img[alt="CRT.png"],.page-Main_Page .landing-page img[alt="AV Stack.png"], .landing-page img[alt="PC Wiki.png"] { padding-top: 40px; padding-left: 4rem; } .landing-page img[alt="CRT.png"], .landing-page img[alt="AV Stack.png"], .landing-page img[alt="PC Wiki.png"] { padding: 0 25px; max-height: 19rem; } .page-CRT_CRT_Wiki a[href="/wiki/File:CRT.png"], .page-AV_Audio_Video_Wiki a[href="/wiki/File:AV_Stack.png"], .page-PC:Retro_PC_Wiki a[href="/wiki/File:PC_Wiki.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, .page-PC_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, .page-PC_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; } .general-information-table { border-color: rgb(162,169,177)!important; } #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(1em * 0.875)); } .page-AV_Audio_Video_Wiki .accented-table a, .page-AV_Audio_Video_Wiki .accented-table li,.page-PC_Retro_PC_Wiki .accented-table a, .page-PC_Retro_PC_Wiki .accented-table li { font-size: max(18px,calc(1em * 0.875)); } 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 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: 22px; } .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="#red"] { background-color: rgba(255,0,0,0.5); } td a[href="#intro"], td a[href="#orange"] { background-color: rgba(255,127,0,0.5); } td a[href="#ingame"], td a[href="#yellow"] { background-color: rgba(255,200,0,0.5); } td a[href="#playable"], td a[href="#green"] { background-color: rgba(0,255,0,0.5); } td a[href="#untested"], td a[href="#blue"] { background-color: rgba(79,129,189,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:not(.general-information-table) { 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, .page-PC_Retro_PC_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 { width: 100%; height: 100%; text-align: center; text-decoration: none; display: block; padding: 10em!important; margin: -10em; } #content .colortable td a[href*='#'] { pointer-events: none; padding: 0px 2px; color: white!important; } table:not(.note,.warning) { border-collapse: collapse; } ul { list-style-image: none } .note { background-color: rgba(0,0,0,0.4); } #content .colortable td { padding: 0px 2px!important; height: 100%; overflow: hidden; } #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; } #n-Donate { margin-left: 15px; } #n-Donate::before { content: " "; background-image: url(/wiki/images/8/88/Kofi-cup.webp); 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; } .vector-menu-tabs .new a span, .vector-menu-tabs .new a:visited span { color: silver!important } table.col-1-center td:nth-child(1) { text-align: center; } table.col-2-center td:nth-child(2) { text-align: center; } table.col-3-center td:nth-child(3) { text-align: center; } table.col-4-center td:nth-child(4) { text-align: center; } table.col-5-center td:nth-child(5) { text-align: center; } table.col-6-center td:nth-child(6) { text-align: center; } table.col-7-center td:nth-child(7) { text-align: center; } table.col-8-center td:nth-child(8) { text-align: center; } table.col-9-center td:nth-child(9) { text-align: center; } table.col-10-center td:nth-child(10) { text-align: center; } table.col-11-center td:nth-child(11) { text-align: center; } table.col-12-center td:nth-child(12) { text-align: center; } /* TOC depth limiting on a per-page basis */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } .page-Xbox_360_Original_Xbox_Games_Compatibility_List .colortable td:last-child { max-width: 40rem; } /* ============== GLOBAL SETTINGS END ================ */ /* ==================== DARK MODE ==================== */ .sdm, .sdm body, .sdm body, .sdm #mw-page-base, .sdm #mw-head-base, .sdm .mw-code, .sdm .mw-textarea-protected, .sdm pre, .sdm .warningbox, .sdm .editOptions, .sdm input#wpPreview, .sdm input#wpDiff, .sdm input#wpSummary, .sdm .warning-message, .sdm .note, .sdm code, .sdm .catlinks, .sdm textarea#wpTextbox1, .sdm #toc, .sdm .wikitable > tr > th, .sdm .wikitable > * > tr > th, .sdm textarea, .sdm tbody, .sdm #filetoc, .sdm .mw-ui-button, .sdm .mw_metadata td, .sdm .mw_metadata th, .sdm input, .sdm #wpPreviewWidget input[type="submit"], .sdm #wpDiffWidget input[type="submit"], .sdm .mw-destfile-warning, .sdm button, .sdm .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .sdm .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .sdm .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .sdm .oo-ui-popupWidget-popup, .sdm .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .sdm .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .sdm .diff-context, .sdm .oo-ui-inputWidget-input, .sdm .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .sdm .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .sdm .oo-ui-menuOptionWidget, .sdm #pagehistory li.selected, .sdm .mw-rcfilters-ui-table.mw-rcfilters-ui-filterMenuHeaderWidget-header, .sdm .mw-rcfilters-ui-filterMenuSectionOptionWidget, .sdm .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-feedback, .sdm .mw-rcfilters-ui-menuSelectWidget-footer.mw-rcfilters-ui-menuSelectWidget-footer-viewSelect, .sdm .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted, .sdm .crt-column .accented-table, .sdm .mw-search-profile-tabs, .sdm .postedit.mw-notification, .sdm .suggestions-special, .sdm .suggestions-results, .sdm .thumbinner, .sdm #wpLicense, .sdm .ui-widget-content, .sdm .usermessage, .sdm .toccolours, .sdm .mw-datatable td, .sdm .mw-datatable th, .sdm #mw-searchoptions, .sdm .wikiEditor-ui-toolbar .group .tool-select .menu .options, .sdm .oo-ui-window-frame, .sdm .ve-ui-mwSaveDialog-options, .sdm .mw-notification-autohide, .sdm .ext-replacetext-searchoptions, .sdm .ext-replacetext-searchoptions, .sdm .mw-message-box-warning, .sdm .mw-message-box-error, .sdm .oo-ui-tabSelectWidget-framed, .sdm .oo-ui-optionWidget-selected, .sdm .fileupload-dropzone, .sdm .tux-message-item, .sdm .mw-sp-translate-edit-definition { background-color: black!important; } .sdm .clip-corner tbody, .sdm .clip-corner caption { background-color: #292929!important } .sdm .major-warning, .sdm .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning, .sdm .tux-messagetable-header { background-color: transparent!important; } .sdm #p-logo > a, .sdm .mw-sidebar::after { background-image: url(/wiki/images/2/22/CM-Logo-Dark.svg)!important; } .sdm .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--consolemods-color); } .sdm .errorbox { background-color: darkred; } .sdm #searchButton { background-color: #666!important; } .sdm #mw-panel a { font-weight: unset; } .sdm .major-warning u { color: black!important; } .sdm .infobox, .sdm .ui-button, .sdm .major-tooltip-div { background-color: black!important; background: black!important; } .sdm .infobox table tr, .sdm .crt-list caption, .sdm .mw-mmv-post-image, .sdm .mw-mmv-image-metadata { background-color: #333; } .sdm .diff-deletedline { background-color: #800000; } .sdm .diff-addedline { background-color: #000080; } .sdm .diffchange { background-color: goldenrod; } .sdm .wikiEditor-ui-toolbar, .sdm .ui-dialog .ui-widget-header { background: #444!important; } .sdm a { color: gold!important; font-weight: bold; } .sdm a.new, .sdm .new a { color: #ff6e6e!important; } .sdm #content { background-color: #292929; } .sdm .wikitable caption { border: 2px solid white; border-bottom: 1px solid white; background-color: unset; } .sdm .mw-body { background-color: #e1e1e1; } .sdm .clip-corner { background-color: #292929!important; color: white!important; } .sdm .clip-corner a { color: white!important; } .sdm .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .sdm .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .sdm .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .sdm .oo-ui-popupToolGroup-tools, .sdm .oo-ui-toolbar-bar { background-color: #999; } .sdm #searchInput, .sdm .tux-message-item:hover { background-color: #333; } .darkmode-link:before { color: #EBC815; text-shadow: 0px 0px 3px black; padding-right: 2px; } .sdm #content.mw-body, .sdm #firstHeading { border-color: var(--color-trim)!important; } .sdm #simpleSearch { border: 0.5px solid darkgrey; } .sdm .wikitable > tr > th, .sdm .wikitable > tr > td, .sdm .wikitable > * > tr > th, .sdm .wikitable > * > tr > td { border-color: white; } .sdm .boxed-list { border: 1px solid white; border-bottom: none; } .sdm code { border: 1px solid white; } .sdm #mw-head::after, .sdm .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select span.oo-ui-labelElement-label { color: black!important; } .sdm .vectorTabs li a, .sdm #p-personal a, .sdm .vector-menu-tabs li a, .sdm .vector-menu-tabs .new a, .sdm .vector-menu-tabs .new a:visited, .sdm .vector-menu-tabs .selected a, .sdm .vector-menu-tabs .selected a:visited, .sdm #p-cactions-label, .sdm .vector-menu-dropdown li a, .sdm #p-personal a, .sdm h1, .sdm h2, .sdm h3, .sdm h4, .sdm h5, .sdm h6, .sdm *:not(a), .sdm .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: white!important; } .sdm .clip-corner a.new { color: red!important; } .sdm, .sdm img, .sdm video, .sdm svg, .sdm iframe, .sdm .mw-no-invert, .sdm .mw-mmv-overlay, .sdm .mw-mmv-pre-image, .sdm .mw-kartographer-map, .sdm .mw-kartographer-mapDialog-map { filter: unset; } .sdm #p-cactions-label:after { filter: invert(1); } .sdm ul.fileupload-results li.ful-success{ background-color:green } /* ================== 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) */