MediaWiki:Common.css

From ConsoleMods Wiki
Revision as of 01:38, 28 May 2021 by Derf (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* =============== GLOBAL =================== */

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

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

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

#bodyContent h3 + *,
#bodyContent h3 + *:not(h1,h2,h3,h4,h5,h6) + *:not(h1,h2,h3,h4,h5,h6) {
    margin-left: 3em;
}

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

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

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

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

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

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










#bodyContent h4 {
    text-decoration: underline;
}

#content {
    border-right-width: 1px;
    border-right-color: white;
    margin-right: 45px;
}

#footer-info-lastmod, #footer-info-copyright, #footer-places, #catlinks, #ca-talk, #ca-nstab-xbox, h1, h2, h3, h4, h5, h6, .wikitable, .colortable, #contentSub, #contentSub2 {
    color: inherit;
}

.wikitable th {
    white-space: nowrap;
}

#content {
    border-top-width: 4px;
}

#p-namespaces { 
    height: inherit; 
}

#left-navigation {
    margin-top: 3.5em
}

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

#p-cactions {
    height: 1.6em;
    margin-top: 16px;
}

.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 {
    background-color: white;
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f9 100%);
}

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

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

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

#searchInput {
    border-bottom-width: 0px;
}

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

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

td a[href="#menus"], td a[href="#intro"] {
    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;
}

table:not(.note) 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;
}

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

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

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

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    font-weight: bolder;
    color: gold;
}

.vector-menu-tabs li a {
    height: 2em;
    padding-top: 0.5em;
}

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

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










/* =============== XBOX ====================== */
/* Theme colors: Green black (#001500), White, Green (#4CFF00), XBL Orange (#FF7200), XBL Dark Green (#289728) */


.ns-3000, .ns-3000 #mw-head {
    background-color: rgba(0,20,0,0.7);
    background-image: url(/mediawiki/images/8/80/Xbox-Background.jpeg);
}

.ns-3000 #footer, .ns-3000 #content, .ns-3000 .tocnumber, .ns-3000 ul li::before, .ns-3000 #p-tb-label, .ns-3000 #searchInput {
    color: white;
}

.ns-3000 .mw-wiki-logo {
    background-image: url("/mediawiki/images/7/72/Xbox-Logo.png");
}

.ns-3000, .ns-3000 #mw-head, .ns-3000 #mw-panel a, .ns-3000 #mw-panel a:visited, .ns-3000 #content a, .ns-3000 #content a:visited, .ns-3000 #p-personal a, .ns-3000 .toctogglelabel {
    color: limegreen;
}

.ns-3000 pre {
    color: white;
    background-color: rgba(0,0,0,0.5);
    width: fit-content;
    margin-left: 4.6em;
}

.ns-3000 .mw-code, .ns-3000 code {
    color: white;
    background-color: rgba(0,0,0,0.5);
    width: fit-content;
    white-space: nowrap;
}

.ns-3000 .boxed-list {
    color: white;
    background-color: rgba(0,0,0,0.5);
    width: fit-content;
    white-space: nowrap;
    border-width: thin!important;
    border: solid white;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: left;
    white-space: normal;
} 

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

.ns-3000 #content {
    border-top-color: white;
}

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

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

.ns-3000 #footer a, .ns-3000 a.new, .ns-3000 #p-personal a.new {
    color: gold;
}

.ns-3000 .toc, .ns-3000 #catlinks, .ns-3000 #ca-talk, .ns-3000 .mw-warning, .ns-3000 .toccolours, .ns-3000 #searchInput, .ns-3000 .wikitable, .ns-3000 .wikitable > tr > th, .ns-3000 .wikitable > * > tr > th, .ns-3000 .colortable, .ns-3000 .colortable > tr > th, .ns-3000 .colortable > * > tr > th {
    background-color: rgba(0,0,0,0.4);
}

.ns-3000 #content .colortable td a {
    display: grid;
    width: 100%;
    text-align: center;
    color: white!important;
    text-decoration: none;
    pointer-events: none;
}

.ns-3000 #mw-body, .ns-3000 #content, .ns-3000 ol.references li:target {
    background-color: inherit;
}

.ns-3000 ul {
    list-style-image: none
}

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

.ns-3000 #content .colortable td {
    padding: 0px!important;
}

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

.ns-3000 b {
    color: gold;
}

.ns-3000 .boxed-list h3 {
    text-align: center;
    border-bottom-width: thin;
    border-bottom-color: white;
    border-bottom-style: solid;
    padding-bottom: 0px;
    padding-top: 0px;
}

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

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

.page-Xbox_Original_Xbox_Mods_Wiki #content a, .page-Xbox_Original_Xbox_Mods_Wiki #content h4, .page-Xbox_Original_Xbox_Mods_Wiki #content h3, .page-Xbox_Original_Xbox_Mods_Wiki #content p {
    font-size: large!important;
}

.page-Xbox_Original_Xbox_Mods_Wiki .mw-body .firstHeading, .page-Xbox_Original_Xbox_Mods_Wiki .mw-parser-output:first-child, .page-Xbox_Original_Xbox_Mods_Wiki #bodyContent h4 {
    text-align: center;
}

.ns-3000 .vector-menu-tabs, .ns-3000 .vector-menu-tabs a, .ns-3000 #mw-head .vector-menu-dropdown h3 {
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#0c0c0c 100%)!important;
}

.ns-3000 .vector-menu-tabs li, .ns-3000 #p-cactions, .ns-3000 #p-variants {
    background-image: linear-gradient(to top,#000000 0,#292929 1px,#737373 100%)!important;
}

.ns-3000 #p-cactions-label, .ns-3000 #p-variants-label, .ns-3000 .vector-menu-tabs li a, .ns-3000 .vector-menu-dropdown li a {
    color: white;
}

.ns-3000 .vector-menu-tabs .new a, .ns-3000 .vector-menu-tabs .new a:visited {
    font-weight: bolder;
    color: white;
}

.ns-3000 .vector-menu-dropdown .vector-menu-content-list, .ns-3000 .vector-menu-tabs .selected {
    background-color: #292929;
}

.ns-3000 #contentSub {
    display: none;
}

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


/* =============== XBOX END ================== */










/* =============== XBOX 360 ====================== */
/* Theme colors: Light Green (#5dc21e), White (#f1f1f1), Light Gray (#c2c2c2), Mid Gray (#6b6b6b), Black, Green (#107c10) */


.ns-3002, .ns-3002 #mw-head {
    background-color: #DADADA;
    background-image: url(/mediawiki/images/5/5d/Xbox-360-Background.png);
    background-repeat: no-repeat;
}

.ns-3002 #footer, .ns-3002 #content, .ns-3002 ul li::before, .ns-3002 #searchInput {
    color: #3a3a3a;
}

.ns-3002 .mw-wiki-logo {
    background-image: url("/mediawiki/images/1/18/Xbox-360-Logo.png");
}

.ns-3002, .ns-3002 .tocnumber {
    color: white;
}

.ns-3002 #mw-head, .ns-3002 #mw-panel a, .ns-3002 #mw-panel a:visited, .ns-3002 #content a, .ns-3002 #content a:visited, .ns-3002 #p-personal a, .ns-3002 .toctogglelabel, .ns-3002 #p-tb-label {
    color: white;
    filter: drop-shadow(1px 1px 0px black);
}

.ns-3002 pre {
    color: white;
    background-color: rgba(0,0,0,0.5);
    width: fit-content;
    margin-left: 4.6em;
}

.ns-3002 .mw-code, .ns-3002 code {
    color: white;
    background-color: rgba(0,0,0,0.5);
    width: fit-content;
    white-space: nowrap;
}

.ns-3002 .boxed-list {
    filter: drop-shadow(4px -1px 10px grey);
    color: white;
    background: linear-gradient(to bottom, #5DC21E 0%, #5DC21E 60%, #1c5800 100%);
    background-color: #5dc21e;
    width: fit-content;
    white-space: nowrap;
    border-width: thin!important;
    border: solid white;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: left;
    white-space: normal;
} 

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

.ns-3002 #content {
    border-top-color: white;
}

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

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

.ns-3002 #footer a, .ns-3002 a.new, .ns-3002 #p-personal a.new {
    color: gold;
}

.ns-3002 .toc, .ns-3002 #catlinks, .ns-3002 #ca-talk, .ns-3002 .mw-warning, .ns-3002 .toccolours, .ns-3002 .wikitable > tr > th, .ns-3002 .wikitable > * > tr > th, .ns-3002 .colortable, .ns-3002 .colortable > tr > th, .ns-3002 .colortable > * > tr > th {
    background-color: #5dc21e;
}

.ns-3002 #content .colortable td a {
    display: grid;
    width: 100%;
    text-align: center;
    color: white!important;
    text-decoration: none;
    pointer-events: none;
}

.ns-3002 #mw-body, .ns-3002 #content, .ns-3002 ol.references li:target {
    background-color: #f1f1f1; /* XB1 white */
}

.ns-3002 ul {
    list-style-image: none
}

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

.ns-3002 #content .colortable td {
    padding: 0px!important;
}

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

.ns-3002 .boxed-list h3 {
    text-align: center;
    border-bottom-width: thin;
    border-bottom-color: white;
    border-bottom-style: solid;
    padding-bottom: 0px;
    padding-top: 0px;
}

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

.ns-3002 .center-float {
    display: inline-table; 
    vertical-align: top;
    border-radius: 10px;
}

.page-Xbox360_Xbox_360_Mods_Wiki #content a, .page-Xbox360_Xbox_360_Mods_Wiki #content h4, .page-Xbox360_Xbox_360_Mods_Wiki #content h3, .page-Xbox360_Xbox_360_Mods_Wiki #content p {
    font-size: large!important;
}

.page-Xbox360_Xbox_360_Mods_Wiki .mw-body .firstHeading, .page-Xbox360_Xbox_360_Mods_Wiki .mw-parser-output:first-child, .page-Xbox360_Xbox_360_Mods_Wiki #bodyContent h4 {
    text-align: center;
}

.ns-3002 .vector-menu-tabs, .ns-3002 .vector-menu-tabs a, .ns-3002 #mw-head .vector-menu-dropdown h3 {
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#0c0c0c 100%)!important;
}

.ns-3002 .vector-menu-tabs li, .ns-3002 #p-cactions, .ns-3002 #p-variants {
    background-image: linear-gradient(to top,#000000 0,#292929 1px,#737373 100%)!important;
}

.ns-3002 #p-cactions-label, .ns-3002 #p-variants-label, .ns-3002 .vector-menu-tabs li a, .ns-3002 .vector-menu-dropdown li a {
    color: #f1f1f1;
}

.ns-3002 .vector-menu-tabs .new a, .ns-3002 .vector-menu-tabs .new a:visited {
    font-weight: bolder;
    color: #f1f1f1;
}

.ns-3002 .vector-menu-dropdown .vector-menu-content-list, .ns-3002 .vector-menu-tabs .selected {
    background-color: #292929;
}

.ns-3002 #contentSub {
    display: none;
}

.ns-3002 .boxed-list .boxed-list {
    margin: 0px;
    background-color: transparent;
    border: none;
}

.ns-3002 .warning-message {
    border:1px white solid; 
    background: #d33;
    color: white;
}

.ns-3002 .wikitable > * > tr > th {
    color: white;
}

.ns-3002 #toc {
    background: linear-gradient(to bottom,#5DC21E 0%,#5DC21E 60%,#1c5800 100%);
    filter: drop-shadow(4px -1px 10px grey);
    border-radius: 10px;
}

.ns-3002 #mw-toc-heading {
    color: white;
    filter: drop-shadow(1px 1px 0px black);
}

/* =============== XBOX 360 END ================== */