CSS: Difference between revisions

From ConsoleMods Wiki
Jump to navigation Jump to search
m (.client-darkmode > .sdm; Tranlator support)
m (Last cell width; Compat list)
 
(2 intermediate revisions by the same user not shown)
Line 1,097: Line 1,097:
.toclimit-7 .toclevel-6 ul {
.toclimit-7 .toclevel-6 ul {
display: none;
display: none;
}
.page-Xbox_360_Original_Xbox_Games_Compatibility_List .colortable td:last-child {
    max-width: 40rem;
}
}


Line 1,105: Line 1,109:
/* ==================== DARK MODE ==================== */
/* ==================== 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, .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;
}
}
Line 1,251: Line 1,255:
.sdm #p-cactions-label:after {
.sdm #p-cactions-label:after {
     filter: invert(1);
     filter: invert(1);
}
.sdm ul.fileupload-results li.ful-success{
    background-color:green
}
}



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