MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

background-color: rgba(209,248,255,0.67); margin: 8px; margin-top: -5px; }
 * 1) content {

/* Body Styling */ body { background: #0A0523 url("extensions/StardewValley/images/stardewbackground.png") no-repeat fixed center center / cover; }

border-bottom: 1px solid #aaa; border-top: none; }
 * 1) bodyContent hr {

padding: 7px; }
 * 1) searchInput {

li#ca-watch { display:none; }

pre { background-color: white; }

.client-js .collapsible-heading { border-bottom: solid 1px #aaa !important; }

display: table; }
 * 1) mainmenutable {

.mw-footer { background: rgba(0,0,0,0.8) none repeat scroll 0% 0%; color: #8c8c8c; margin-top: 20px; border-top: none !important; }

.toc-mobile { background-color: rgba(255,255,255,0.58) !important; }

.mw-footer a { color: white; }

.last-modified-bar { background-color: transparent; }

.header .branding-box h1, .header .branding-box a { color: white; }

.header-container.header-chrome { background-color: transparent; } .overlay .overlay-content { background-color:white; }

.overlay-header-container { background: #8dc4e5; }

.overlay.visible { background: none; }

img { max-width:100%; height: auto; }

background-color:transparent !important; }
 * 1) mw-mf-page-center, .animations #mw-mf-page-center {

width:100% !important; display:table; }
 * 1) mainbannermiddle table.wikitable {

/* Main Page Content */ body.page-Main_Page h1#section_0, body.page-Main_Page .pre-content heading-holder, body.page-Main_Page #bodyContent hr { display: none; }

body.page-Main_Page .content table { width: 100% !important; margin: 0 auto 0; }

margin: 0 auto 0 !important; }
 * 1) mainbannermiddle table {

display: none; }
 * 1) mainbannerleft, #mainbannerright, td#sidebar, th#sidebar {

/* Navboxstyling */ margin:auto; border: 1px solid rgb(132, 174, 236); padding: 5px; border-radius:11px; clear: both; margin-top: 15px; }
 * 1) navbox {

td#infoboxdetail table { margin-top:0px; margin-bottom:0px; }

.center { text-align: center; }

/* Table Styling */ table.wikitable { background-color: transparent; border-collapse: separate; border: none; display:block; }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #8DCAF0 !important; padding: 0.2em; background-color: rgba(255, 255, 255, 0.58) !important; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #03A007 !important; text-align: center; border-color: #007448 !important; box-shadow: 0px 1px rgba(0, 0, 0, 0.3); color: white; text-shadow: 0px 2px #00321f; }

table.wikitable > tr > th a, table.wikitable > * > tr > th a { color:white; }

table.wikitable img { max-width:none; }

border:1px solid rgb(132,174,236); padding:5px; border-radius:11px; margin-top:15px; display:block; }
 * 1) roundedborder, table.wikitable.roundedborder {

/* Infobox Styling */

max-width:350px; width:100%; margin-bottom: 0px; margin-top: 0px; min-width:300px; }
 * 1) infoboxtable {

text-align:center; font-size:24px; padding-top:5px; padding-bottom:5px; text-shadow: 0px 1.5px 0px rgba(0,0,0,0.2); }
 * 1) infoboxheader {

background-color:#03A007; vertical-align:top; padding-left:15px; padding-right:5px; width:105px; border-color:#007448; box-shadow: 0px 1px rgba(0,0,0,0.3); color: white; text-shadow: 0px 2px #00321f; }
 * 1) infoboxsection {

vertical-align:top; padding-left:3px; padding-right:12px; }
 * 1) infoboxdetail {

margin:0px; }
 * 1) infoboxdetail p {

margin: 0em 0px 0px 0.9em; }
 * 1) infoboxdetail ul {

/* Graphical borders */ border: 9px solid transparent; padding: 12px; -webkit-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Safari 3.1-5 */ -o-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Opera 11-12.1 */ border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; background-color:background-color: rgba(255,255,255,0.58); }
 * 1) menuborder {

border: 12px solid transparent; -webkit-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Safari 3.1-5 */ -o-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Opera 11-12.1 */ border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; background-color: rgba(255,255,255,0.58); float:right; border-radius: 12px; margin-left: 15px; margin-bottom:15px; min-width: 300px; }
 * 1) infoboxborder {

/* Template Styling */ /* Object Quality Stars */ position:relative; height:48px; width:48px; text-align:left; }
 * 1) qualitycontainer {

position:relative; height:32px; width:32px; text-align:left; }
 * 1) qualitycontainermed {

position:relative; height:24px; width:24px; text-align:left; }
 * 1) qualitycontainersm {

margin-top: -48px; }
 * 1) qualitycontainer div.qualityindicator {

margin-top: -32px; }
 * 1) qualitycontainermed div.qualityindicator {

margin-top: -26px; }
 * 1) qualitycontainersm div.qualityindicator {

margin:0px; }
 * 1) qualityimage p {

margin:0px; }
 * 1) recipeimage p {

position:absolute; opacity:0.6; max-height: 48px; width: auto; }
 * 1) recipeimage img {

/* Quality Pricing */ div.qualitycontainerprice { margin-top: -7px; padding-right:12px; }

div.qualitycontainerprice span { padding-left: 20px; }

div.qualitycontainerprice img { position: absolute; margin-top:2px; }

margin-top:-11px; }
 * 1) qualityprice {

.no-wrap { white-space: nowrap; }

/* Skill page tables */ .skillsubheader { text-align: center; font-size: 12px; background-color: rgba(255, 255, 255, 0.79); }

/* Copyright Templates */ padding:10px; max-width:700px; margin: 0px auto; border: 1px solid #8DCAF0; background-color: rgba(255, 255, 255, 0.58); }
 * 1) c-fairuse {

vertical-align:middle; }
 * 1) c-fairuse td {

/* Main Page Nav Menu Styling */ padding-right:5px; padding-left: 5px; vertical-align:top; } .doublewidthmenu { width:100%; margin-top: 0px !important; }
 * 1) menucontent {

.doublewidthmenu td { width:50%; }

table.menulocations { border:1px solid #8dcaf0; border-radius:11px; width:100% !important; box-shadow: 0px 1px rgba(0,0,0,0.3); margin-bottom:3px !important; margin-top:0px; display: block; }

.mainmenuwrapper { background-color:rgba(209,248,255,0.67); float:left; width: 100%; }

.mainmenusection { min-height: 456px; vertical-align: top; }

.mainmenusection table.wikitable { margin:0px; display:table; }

.mainmenusection table.wikitable th { max-height: 34px; }

width: 25%; float:left; }
 * 1) singlemainmenu {

width: 50%; float:left; }
 * 1) doublemainmenu {

width: 50%; vertical-align:top; }
 * 1) doubleinnermainmenu {

width:100%; border: none; }
 * 1) mainmenuselections, #mainbannermiddle {

table#mainmenuselections td { background-color: transparent !important; border: none !important; }

@media screen and (max-width: 540px) { #infoboxborder { width: 95%; }   #infoboxtable { max-width: none; }   table#infoboxtable tbody { width: 100%; display: inline-table; } }

@media screen and (max-width: 767px) { #singlemainmenu { width: 100%; clear:both; min-height: auto; }

#doublemainmenu { width: 100%; clear:both; min-height: auto; } }

/* MainLinks Template Styling */

width:100%; height: 100%; min-height: 242px; max-width:650px; text-align:center; margin-bottom: 0px; display: inline-table; }
 * 1) platform_link_table {

table#platform_link_table.wikitable tbody { width:100% !important; display: table; }

width:100% !important; max-width:650px; text-align:center; margin-top: 0px; display: inline-table; }
 * 1) version_link_table {

.version_number_left { text-align:left; vertical-align: top; }

.version_number_right { text-align:right; vertical-align: top; }

.platform_links { width: 20%; height: 33%; }

.platform_link a.external, .mobile_link a.external, .mobile_link_update a.external { display:block; text-decoration:none; background:none !important; padding: 0px !important; line-height: 60px; }

line-height: 190px; }
 * 1) mobile_image a.external {

background: url("extensions/StardewValley/images/platform-switch.png") no-repeat center center; }
 * 1) switch_link {

background: url("extensions/StardewValley/images/platform-ps4.png") no-repeat center center; }
 * 1) ps4_link {

background: url("extensions/StardewValley/images/platform-xbox.png") no-repeat center center; }
 * 1) xbox_link {

.mobile_link { background: url("extensions/StardewValley/images/platform-mobile.png") no-repeat center center; width: 80%; height: 100%; }

width:50%; vertical-align:top; display: inline; }
 * 1) platform-version {

width:100%; text-align:center; }
 * 1) main-links-table {

width: 100% !important; display: table; min-height: 196px; }
 * 1) platform_table_images {

/* Main Links Template Update */

table#platform_links_list { width:100% !important; margin: auto; height: 193px; display:initial; }

.mobile_link_update { background: url("extensions/StardewValley/images/mobile_banner_2.png") no-repeat center center; width: 80%; height: 100%; }

background: url("extensions/StardewValley/images/platform-steam.png") no-repeat center center; }
 * 1) steam_link {

background: url("extensions/StardewValley/images/platform-ios.png") no-repeat center center; }
 * 1) ios_link {

background: url("extensions/StardewValley/images/platform-play.png") no-repeat center center; }
 * 1) android_link {

@media screen and (max-width: 625px) { #ps4_link { background: url("extensions/StardewValley/images/platform-ps4_small.png") no-repeat center center; }  #xbox_link { background: url("extensions/StardewValley/images/platform-xbox_small.png") no-repeat center center; }  #steam_link { background: url("extensions/StardewValley/images/platform-steam_small.png") no-repeat center center; }  #ios_link { background: url("extensions/StardewValley/images/platform-ios_small.png") no-repeat center center; }  #android_link { background: url("extensions/StardewValley/images/platform-play_small.png") no-repeat center center; }  .mobile_link { background: url("extensions/StardewValley/images/platform-mobile_small.png") no-repeat center center; }

}