User:DynamicXYZ/mobile.css

/* CSS placed here will affect users of the mobile site */ .nomobile { display: none; }

.client-js .toc-mobile { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid #505050 !important; }

/* Fixes for defaults from Mobile Frontend */ /* Tables without classes should not have borders or backgrounds that are then inherited by tables that do have classes. */ table, table > tr > td, table > tr > th, table > * > tr > td, table > * > tr > th, .content table th, .content table td, .content table th { background: none; border-collapse: collapse; border-spacing: 2px; border: none; }

/* Tables are tables, not blocks................... */ table { display: table; max-width: 100% !important; }

html, body, .primary-navigation-enabled { }

body #mw-mf-page-center, body.navigation-enabled #mw-mf-page-center { background-color: #fff; background-image: url("https://autonauts.gamepedia.com/media/autonauts.gamepedia.com/3/34/AutoBk.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; color: #333; }

div#content { background: rgba(255,255,255,.9); border: solid 1px #ecb31c; margin: .5em; padding: .5em; }

a { color: #1d73a4; }

a:visited, a:hover { color: #4193cc; }

.mwm-notice, #searchbox { background: rgba(255,255,255,.9); border: solid 1px #ecb31c; }

.content table.wikitable { background: white; border: none; }

.content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: #ecb31c; border: none; color: #fff; }

.content table.wikitable > tr > td, .content table.wikitable > * > tr > td { background: white; border: 1px solid #ecb31c; padding: 0.2em; }

table.infobox { background: white; border: 1px solid #ecb31c; border-spacing: 2px; width: 20em; float: right; margin: 0 0 2em 1em; }

table.infobox > tr > td, table.infobox > * > tr > td { background: none; padding: 0 .5em; text-align: right; }

table.infobox > tr > th, table.infobox > * > tr > th { padding-left: .5em; padding-right: .5em; color: white; background: #ecb31c; }

table.infobox > tr > th.name, table.infobox > * > tr > th.name, table.infobox > tr > th.title, table.infobox > * > tr > th.title { font-size: 120%; text-align: center; background: #ecb31c; color: white; }

table.infobox > tr > th.section, table.infobox > * > tr > th.section { text-align: center; }

table.infobox { border-spacing: 2px !important; float: none; }

table.infobox .header { display: table-cell; }

table.infobox { margin-right: auto; margin-left: auto !important; border: solid 1px #ecb31c; max-width: 21em !important; width: auto !important; display: table; }

footer { background: rgba(255,255,255,.9); border: solid 1px #ecb31c; margin: .5em; padding: .5em; color: #333; }

footer-info-mobile-switcher a, footer-info-mobile-switcher a:visited, footer-info-mobile-switcher a.external { color: #1d73a4; font-weight:bold; }

span.spoiler { color: #CCC; background-color: #CCC; border-bottom: 1px dashed #00F; padding: 0 3px; }

span.spoiler:hover { color: #000; }

/* Front page styles */ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpbanner { border: 1px solid #ecb31c; box-shadow: 0 2px 5px #333; background: rgba(0, 0, 0, 0.25); color: #9ccad2; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }

.fpbannertable { display: table; border: none; background: transparent; width: 100%; min-height: 75px; margin: 0; padding: 5px; }

.fpbannercell { display: table-cell; text-align: center; vertical-align: middle; }

.fpbannerblock { border: none; color: #ffffff; font-weight: bold; text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); font-size: 132%; width: 100%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox:not(.plain) { border: 1px solid #ecb31c; background: rgba(255, 255, 255, 0.90); color: black; margin: 4px 4px 4px 4px; padding: 5px 5px 5px 5px; box-sizing: border-box; }

.fpbox .mainheading { border: none; border-bottom: 2px solid #333; color: #ecb31c; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox > *:not(.mainheading):not(.heading) { overflow: auto; }

.fpbox .heading { background: #ecb31c; color: white; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; letter-spacing: 1px; font-weight: bold; }

.fpwelcome .fpbox div:not(.nomobile):not(.center):not(.floatnone) { text-align: center !important; }

.fpicon { text-align: center; margin: 4px; display: inline-block; }

@media (min-width: 290px) { .fpgrid { display: grid !important; grid-template-columns: repeat(1,1fr); justify-content: center; box-sizing: border-box; } }

@media (min-width: 790px) { .fpgrid { display: grid !important; grid-template-columns: repeat(2,1fr); justify-content: center; box-sizing: border-box; } }

@media (min-width: 1390px) { .fpgrid { display: grid !important; grid-template-columns: repeat(3,1fr); justify-content: center; box-sizing: border-box; } }

.boxflex { display: flex !important; justify-content: center; flex-wrap: wrap; }

.fpbox.plain { border: none; box-shadow: none; background: transparent; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }