MediaWiki: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: separate; border-spacing: 2px; border: none; }

/* Tables are tables, not blocks................... */ table { display: table; }

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

body #mw-mf-page-center, body.navigation-enabled #mw-mf-page-center { background-color: #4ac9e4; background-image: url("https://static.wikia.nocookie.net/stonetide_gamepedia_en/images/2/26/Background.png/revision/latest"); 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 #5ed0e5; 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 #5ed0e5; }

.content table.wikitable { background: none; border: 1px solid #333; color: #333; }

.content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: #4b2a19; border: 1px solid #170017; color: #fff0a1; }

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

table.infobox { background: #222; background: rgba(0,0,0,.15); background: linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.02) 100%); border: 1px solid #333; 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 { background-color: #4b2a19; color: #fff0a1; padding-left: .5em; padding-right: .5em; }

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

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

table.infobox { background: rgba(0,0,0,.15) !important; border-spacing: 2px !important; float: none; margin: 0 auto 1em !important; }

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

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

footer { background: rgba(255,255,255,.9); border: solid 1px #5ed0e5; 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; }

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

.fpbanner { border: 1px solid #4b2a19; 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; }

.fpmidsections { float: left; width: 100%; overflow: hidden; }

.fpbox { border: 1px solid #4b2a19; background: rgba(255, 255, 255, 0.90); color: black; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; overflow: auto; }

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

.fpbox .heading { background: #4b2a19; border: 2px solid #170017; color: #fff0a1; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

.fpsection1, .fpsection2, .fpsection3, .fpsection4 { float: left; clear: both; width: 100%; }

div.fp2columnonly, div.fp3columnonly { display: none; }

@media (min-width: 790px) { .fpsection1 { float: left; clear: none; width: 50%; }

.fpmidsections { clear: none; float: right; width: 50%; }

.fpsection4 { float: left; clear: none; width: 50%; }

div.fp2columnonly { display: block; } }

@media (min-width: 990px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; } }

@media (min-width: 1390px) { .fpmidsections { clear: none; float: right; width: 66.667%; }

.fpsection1 { clear: none; width: 33.333%; }

.fpsection2 { clear: none; width: 50%; }

.fpsection3 { clear: none; width: 50%; } .fpsection4 { clear: left; width: 33.333%; }

div.fp2columnonly { display: none; }

div.fp3columnonly { display: block; } }

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