Stardew Valley Wiki

Changes

MediaWiki:Mobile.css (view source)

Revision as of 17:29, 13 March 2023

166 bytes removed ,  17:29, 13 March 2023
remove unused CSS
Line 1: Line 1:  
/* CSS placed here will affect users of the mobile site */
 
/* CSS placed here will affect users of the mobile site */
 +
 +
/*
 +
img {
 +
  image-rendering: pixelated;
 +
  image-rendering: -moz-crisp-edges;
 +
  image-rendering: -webkit-optimize-contrast;
 +
  image-rendering: crisp-edges;
 +
}
 +
*/
 +
 +
table {border-collapse: separate;}
    
#content {  
 
#content {  
Line 9: Line 20:  
/* Body Styling */
 
/* Body Styling */
 
body {
 
body {
−
   background: #0A0523 url("skins/Vector/stardewimages/stardewbackground.png") no-repeat fixed center center / cover;
+
   background: #0A0523 url("extensions/StardewValley/images/stardewbackground.png") no-repeat fixed center center / cover;
 
}
 
}
   Line 37: Line 48:  
}
 
}
   −
#footer {
+
.mw-footer {
 
     background: rgba(0,0,0,0.8) none repeat scroll 0% 0%;
 
     background: rgba(0,0,0,0.8) none repeat scroll 0% 0%;
 
     color: #8c8c8c;
 
     color: #8c8c8c;
Line 48: Line 59:  
}
 
}
   −
#footer a {
+
.mw-footer a {
 
     color: white;
 
     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 {
 
.overlay .overlay-content {
 
     background-color:white;
 
     background-color:white;
Line 73: Line 96:  
}
 
}
   −
#mainbannermiddle table.wikitable, table.skilltable {
+
#mainbannermiddle table.wikitable {
 
     width:100% !important;
 
     width:100% !important;
 
     display:table;
 
     display:table;
Line 90: Line 113:  
#mainbannermiddle table {
 
#mainbannermiddle table {
 
   margin: 0 auto 0 !important;
 
   margin: 0 auto 0 !important;
−
}
  −
  −
#nametemplate {
  −
  margin: 2px 5px 1px 2px;
  −
  display:block;
  −
  white-space:nowrap;
  −
}
  −
  −
#nametemplate img {
  −
  max-width: none;
   
}
 
}
   Line 114: Line 127:  
   clear: both;
 
   clear: both;
 
   margin-top: 15px;
 
   margin-top: 15px;
 +
  display: table;
 
}
 
}
   Line 132: Line 146:  
   display:block;
 
   display:block;
 
}
 
}
 +
 
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 
   border: 1px solid #8DCAF0 !important;
 
   border: 1px solid #8DCAF0 !important;
Line 155: Line 170:  
}
 
}
   −
#cellstretch {
+
table.wikitable.roundedborder {
−
  width:100%;
  −
}
  −
 
  −
#cellcenter {
  −
  text-align:center;
  −
}
  −
 
  −
#roundedborder {
   
   border:1px solid rgb(132,174,236);
 
   border:1px solid rgb(132,174,236);
 
   padding:5px;
 
   padding:5px;
Line 171: Line 178:  
}
 
}
   −
#roundedborderfull {
  −
  border:1px solid rgb(132,174,236);
  −
  padding:5px;
  −
  border-radius:11px;
  −
  margin-top:15px;
  −
  width:100%;
  −
  display:block;
  −
}
      
/* Infobox Styling */
 
/* Infobox Styling */
Line 188: Line 187:  
   margin-top: 0px;
 
   margin-top: 0px;
 
   min-width:300px;
 
   min-width:300px;
 +
  border-collapse: separate;
 
}
 
}
   Line 209: Line 209:  
   text-shadow: 0px 2px #00321f;
 
   text-shadow: 0px 2px #00321f;
 
}
 
}
 +
 +
#infoboxsection a {color: white;}
    
#infoboxdetail {
 
#infoboxdetail {
Line 218: Line 220:  
#infoboxdetail p {
 
#infoboxdetail p {
 
   margin:0px;
 
   margin:0px;
−
}
  −
  −
#infoboxfooter {
  −
  width:100%;
  −
  padding-top:5px;
   
}
 
}
    
#infoboxdetail ul {
 
#infoboxdetail ul {
 
   margin: 0em 0px 0px 0.9em;
 
   margin: 0em 0px 0px 0.9em;
−
}
  −
  −
#infoboxsep {
  −
  text-align:center;
  −
  background-color:#03A007;
  −
  vertical-align:top;
  −
  border-color:#007448;
  −
  box-shadow: 0px 1px rgba(0,0,0,0.3);
  −
  color: white;
  −
  text-shadow: 0px 2px #00321f;
   
}
 
}
   Line 244: Line 231:  
   border: 9px solid transparent;
 
   border: 9px solid transparent;
 
   padding: 12px;
 
   padding: 12px;
−
   -webkit-border-image: url("skins/Vector/stardewimages/menu_border.png") 15 stretch; /* Safari 3.1-5 */
+
   -webkit-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Safari 3.1-5 */
−
   -o-border-image: url("skins/Vector/stardewimages/menu_border.png") 15 stretch; /* Opera 11-12.1 */
+
   -o-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Opera 11-12.1 */
−
   border-image: url("skins/Vector/stardewimages/menu_border.png") 15 stretch;
+
   border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch;
 
   background-color:background-color: rgba(255,255,255,0.58);
 
   background-color:background-color: rgba(255,255,255,0.58);
 
}
 
}
Line 252: Line 239:  
#infoboxborder {
 
#infoboxborder {
 
   border: 12px solid transparent;
 
   border: 12px solid transparent;
−
   -webkit-border-image: url("skins/Vector/stardewimages/menu_border.png") 15 stretch; /* Safari 3.1-5 */
+
   -webkit-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Safari 3.1-5 */
−
   -o-border-image: url("skins/Vector/stardewimages/menu_border.png") 15 stretch; /* Opera 11-12.1 */
+
   -o-border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch; /* Opera 11-12.1 */
−
   border-image: url("skins/Vector/stardewimages/menu_border.png") 15 stretch;
+
   border-image: url("extensions/StardewValley/images/menu_border.png") 15 stretch;
 
   background-color: rgba(255,255,255,0.58);
 
   background-color: rgba(255,255,255,0.58);
 
   float:right;
 
   float:right;
Line 264: Line 251:       −
/* Template Styling */
  −
/* Object Quality Stars */
  −
#qualitycontainer {
  −
  postition:relative;
  −
  height:48px;
  −
  width:48px;
  −
  text-align:left;
  −
}
  −
  −
#qualitycontainermed {
  −
  postition:relative;
  −
  height:32px;
  −
  width:32px;
  −
  text-align:left;
  −
}
  −
  −
#qualitycontainersm {
  −
  postition:relative;
  −
  height:24px;
  −
  width:24px;
  −
  text-align:left;
  −
}
  −
  −
#qualitycontainer div.qualityindicator {
  −
  margin-top: -48px;
  −
}
  −
  −
#qualitycontainermed div.qualityindicator {
  −
  margin-top: -32px;
  −
}
  −
  −
#qualitycontainersm div.qualityindicator {
  −
  margin-top: -26px;
  −
}
  −
  −
#qualityimage p {
  −
  margin:0px;
  −
}
  −
  −
#recipeimage p {
  −
  margin:0px;
  −
}
  −
  −
#recipeimage img {
  −
  position:absolute;
  −
  opacity:0.6;
  −
  max-height: 48px;
  −
  width: auto;
  −
}
  −
  −
/* Quality Pricing */
  −
div.qualitycontainerprice {
  −
  margin-top: -7px;
  −
  padding-right:12px;
  −
}
  −
  −
div.qualitycontainerprice span {
  −
  padding-left: 20px;
  −
}
  −
  −
div.qualitycontainerprice img {
  −
  position: absolute;
  −
  margin-top:2px;
  −
}
  −
  −
#qualityprice {
  −
  margin-top:-11px;
  −
}
      
.no-wrap {
 
.no-wrap {
Line 337: Line 256:  
}
 
}
   −
/* Talk Page Headers */
+
 
−
#talkheadertitle {
+
/* Skill page tables */
−
  background-color: #03A007;
+
.skillsubheader {
 
   text-align: center;
 
   text-align: center;
−
   color: white;
+
   font-size: 12px;
−
  text-shadow: 0px 2px #00321f;
+
   background-color: rgba(255, 255, 255, 0.79);
−
   font-size: 120%;
   
}
 
}
   −
#talkheaderbody {
+
 
−
   width: 80%;
+
/* Copyright Templates */
−
   margin: 0px auto 1em;
+
#c-fairuse {
−
   border: 1px solid rgb(170, 170, 170);
+
   padding:10px;
 +
  max-width:700px;
 +
   margin: 0px auto;
 +
   border: 1px solid #8DCAF0;
 
   background-color: rgba(255, 255, 255, 0.58);
 
   background-color: rgba(255, 255, 255, 0.58);
−
  color: rgb(0, 0, 0);
   
}
 
}
   −
/* Crop Page Headers */
+
#c-fairuse td {
−
div.cropheader h3 {
+
   vertical-align:middle;
−
   margin-top:0px;
  −
  padding-top:0px;
   
}
 
}
   −
/* Skill page tables */
  −
#skilltable {
  −
  width:100%;
  −
}
     −
#skilltable th {
+
/* Main Page Nav Menu Styling */
−
   width:18%;
+
#mainbannermiddle {
 +
   width:100%;
 +
  border: none;
 
}
 
}
   −
th.skilltableend {
+
@media screen and (max-width: 540px) {
−
  width:28% !important;
+
    #infoboxborder {
 +
width: 95%;
 +
    }
 +
    #infoboxtable {
 +
        max-width: none;
 +
    }
 +
    table#infoboxtable tbody {
 +
width: 100%;
 +
        display: inline-table;
 +
    }
 
}
 
}
   −
td.skillsubheaderten {
+
/* MainLinks Template Styling */
−
  width:14% !important;
  −
  text-align: center;
  −
  font-size: 12px;
  −
  background-color: rgba(255, 255, 255, 0.79);
  −
}
     −
#skilltable td {
+
#platform_link_table {
−
   vertical-align:top;
+
   width:100%;
 +
  height: 100%;
 +
  min-height: 242px;
 +
  max-width:650px;
 +
  text-align:center;
 +
  margin-bottom: 0px;
 +
  display: inline-table;
 
}
 
}
   −
.skillsubheader {
+
table#platform_link_table.wikitable tbody {
−
   text-align: center;
+
   width:100% !important;
−
   font-size: 12px;
+
   display: table;
−
  background-color: rgba(255, 255, 255, 0.79);
   
}
 
}
   −
/* Map Template */
+
#version_link_table {
−
#mapcontainer {
+
   width:100% !important;
−
   position:relative;
+
  max-width:650px;
 +
  text-align:center;
 +
  margin-top: 0px;
 +
  display: inline-table;
 
}
 
}
   −
#maplocation {
+
.version_number_left {
−
   position:absolute;
+
   text-align:left;
 +
  vertical-align: top;
 
}
 
}
   −
/* Calendar Template */
+
.version_number_right {
−
 
+
  text-align:right;
−
#calendartable {
+
   vertical-align: top;
−
   display:none;
   
}
 
}
   −
/* Copyright Templates */
+
.platform_links {
−
#c-fairuse {
+
   width: 20%;
−
   padding:10px;
+
   height: 33%;
−
  max-width:700px;
  −
   margin: 0px auto;
  −
  border: 1px solid #8DCAF0;
  −
  background-color: rgba(255, 255, 255, 0.58);
   
}
 
}
   −
#c-fairuse td {
+
.platform_link a.external, .mobile_link a.external, .mobile_link_update a.external {
−
  vertical-align:middle;
+
    display:block;
 +
    text-decoration:none;
 +
    background:none !important;
 +
    padding: 0px !important;
 +
    line-height: 60px;
 
}
 
}
   −
/* History Section in articles */
+
#mobile_image a.external {
−
table.historysection {
+
    line-height: 190px;
−
  line-height: 0.8;
   
}
 
}
   −
/* Main Page Nav Menu Styling */
+
#switch_link {
−
#menucontent {
+
  background: url("extensions/StardewValley/images/platform-switch.png") no-repeat center center;
−
    padding-right:5px;
  −
    padding-left: 5px;
  −
    vertical-align:top;
  −
}
  −
.doublewidthmenu {
  −
    width:100%;
  −
    margin-top: 0px !important;
   
}
 
}
   −
.doublewidthmenu td {
+
#ps4_link {
−
    width:50%;
+
  background: url("extensions/StardewValley/images/platform-ps4.png") no-repeat center center;
 
}
 
}
   −
table.menulocations {
+
#xbox_link {
−
   border:1px solid #8dcaf0;
+
   background: url("extensions/StardewValley/images/platform-xbox.png") no-repeat center center;
−
  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 {
+
.mobile_link {
−
   background-color:rgba(209,248,255,0.67);
+
   background: url("extensions/StardewValley/images/platform-mobile.png") no-repeat center center;
−
   float:left;
+
   width: 80%;
−
   width: 100%;
+
   height: 100%;
 
}
 
}
   −
.mainmenusection {
+
#platform-version {
−
   min-height: 456px;  
+
   width:50%;  
−
   vertical-align: top;
+
   vertical-align:top;
 +
  display: inline;
 
}
 
}
   −
.mainmenusection table.wikitable {
+
#main-links-table {
−
   margin:0px;
+
   width:100%;
−
   display:table;
+
   text-align:center;
 
}
 
}
   −
.mainmenusection table.wikitable th {
+
#platform_table_images {
−
  max-height: 34px;
+
    width: 100% !important;
 +
    display: table;
 +
    min-height: 196px;
 
}
 
}
   −
#singlemainmenu {
+
/* Main Links Template Update */
−
  width: 25%;
  −
  float:left;
  −
}
     −
#doublemainmenu {
+
table#platform_links_list {
−
   width: 50%;
+
   width:100% !important;
−
   float:left;
+
   margin: auto;
 +
  height: 193px;
 +
  display:initial;
 
}
 
}
   −
#doubleinnermainmenu {
+
.mobile_link_update {
−
   width: 50%;
+
  background: url("extensions/StardewValley/images/mobile_banner_2.png") no-repeat center center;
−
   vertical-align:top;
+
   width: 80%;
 +
   height: 100%;
 
}
 
}
   −
#mainmenuselections, #mainbannermiddle {
+
#steam_link {
−
   width:100%;
+
   background: url("extensions/StardewValley/images/platform-steam.png") no-repeat center center;
−
  border: none;
   
}
 
}
   −
table#mainmenuselections td {
+
#ios_link {
−
   background-color: transparent !important;
+
   background: url("extensions/StardewValley/images/platform-ios.png") no-repeat center center;
−
  border: none !important;
   
}
 
}
   −
@media screen and (max-width: 540px) {
+
#android_link {
−
    #infoboxborder {
+
  background: url("extensions/StardewValley/images/platform-play.png") no-repeat center center;
−
width: 95%;
  −
    }
  −
    #infoboxtable {
  −
        max-width: none;
  −
    }
  −
    table#infoboxtable tbody {
  −
width: 100%;
  −
    }
   
}
 
}
   −
@media screen and (max-width: 767px) {
+
@media screen and (max-width: 625px) {
−
    #singlemainmenu {
+
  #ps4_link {
−
      width: 100%;
+
      background: url("extensions/StardewValley/images/platform-ps4_small.png") no-repeat center center;
−
      clear:both;
+
  }
−
      min-height: auto;
+
  #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;
 +
  }
   −
    #doublemainmenu {
  −
      width: 100%;
  −
      clear:both;
  −
      min-height: auto;
  −
    }
   
}
 
}
Margotbean
Interface administrators, patroller, Suppressors, Administrators, translators
105,853

edits

Retrieved from "https://stardewvalleywiki.com/Special:MobileDiff/64356...146666"