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 {
| |
− | position:relative;
| |
− | height:48px;
| |
− | width:48px;
| |
− | text-align:left;
| |
− | }
| |
− |
| |
− | #qualitycontainermed {
| |
− | position:relative;
| |
− | height:32px;
| |
− | width:32px;
| |
− | text-align:left;
| |
− | }
| |
− |
| |
− | #qualitycontainersm {
| |
− | position: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 {
| |
− | background-color: #03A007;
| |
− | text-align: center;
| |
− | color: white;
| |
− | text-shadow: 0px 2px #00321f;
| |
− | font-size: 120%;
| |
− | }
| |
− |
| |
− | #talkheaderbody {
| |
− | width: 80%;
| |
− | margin: 0px auto 1em;
| |
− | border: 1px solid rgb(170, 170, 170);
| |
− | background-color: rgba(255, 255, 255, 0.58);
| |
− | color: rgb(0, 0, 0);
| |
− | }
| |
− |
| |
− | /* Crop Page Headers */
| |
− | div.cropheader h3 {
| |
− | margin-top:0px;
| |
− | padding-top:0px;
| |
− | }
| |
| | | |
| /* Skill page tables */ | | /* Skill page tables */ |
− | #skilltable {
| |
− | width:100%;
| |
− | }
| |
− |
| |
− | #skilltable th {
| |
− | width:18%;
| |
− | }
| |
− |
| |
− | th.skilltableend {
| |
− | width:28% !important;
| |
− | }
| |
− |
| |
− | td.skillsubheaderten {
| |
− | width:14% !important;
| |
− | text-align: center;
| |
− | font-size: 12px;
| |
− | background-color: rgba(255, 255, 255, 0.79);
| |
− | }
| |
− |
| |
− | #skilltable td {
| |
− | vertical-align:top;
| |
− | }
| |
− |
| |
| .skillsubheader { | | .skillsubheader { |
| text-align: center; | | text-align: center; |
Line 390: |
Line 264: |
| } | | } |
| | | |
− | /* Map Template */
| |
− | #mapcontainer {
| |
− | position:relative;
| |
− | }
| |
− |
| |
− | #maplocation {
| |
− | position:absolute;
| |
− | }
| |
− |
| |
− | /* Calendar Template */
| |
− |
| |
− | #calendartable {
| |
− | display:none;
| |
− | }
| |
| | | |
| /* Copyright Templates */ | | /* Copyright Templates */ |
Line 418: |
Line 278: |
| } | | } |
| | | |
− | /* History Section in articles */
| |
− | table.historysection {
| |
− | line-height: 0.8;
| |
− | }
| |
| | | |
| /* Main Page Nav Menu Styling */ | | /* Main Page Nav Menu Styling */ |
− | #menucontent {
| + | #mainbannermiddle { |
− | padding-right:5px;
| |
− | padding-left: 5px;
| |
− | vertical-align:top;
| |
− | }
| |
− | .doublewidthmenu {
| |
− | width:100%;
| |
− | margin-top: 0px !important;
| |
− | }
| |
− | | |
− | .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;
| |
− | }
| |
− | | |
− | #singlemainmenu {
| |
− | width: 25%;
| |
− | float:left;
| |
− | }
| |
− | | |
− | #doublemainmenu {
| |
− | width: 50%;
| |
− | float:left;
| |
− | }
| |
− | | |
− | #doubleinnermainmenu {
| |
− | width: 50%;
| |
− | vertical-align:top;
| |
− | }
| |
− | | |
− | #mainmenuselections, #mainbannermiddle {
| |
| width:100%; | | width:100%; |
| border: none; | | border: none; |
− | }
| |
− |
| |
− | table#mainmenuselections td {
| |
− | background-color: transparent !important;
| |
− | border: none !important;
| |
| } | | } |
| | | |
Line 503: |
Line 295: |
| width: 100%; | | width: 100%; |
| display: inline-table; | | 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;
| |
| } | | } |
| } | | } |
Line 529: |
Line 307: |
| text-align:center; | | text-align:center; |
| margin-bottom: 0px; | | margin-bottom: 0px; |
− | display: none; | + | display: inline-table; |
| + | } |
| + | |
| + | table#platform_link_table.wikitable tbody { |
| + | width:100% !important; |
| + | display: table; |
| } | | } |
| | | |
| #version_link_table { | | #version_link_table { |
− | width:100%; | + | width:100% !important; |
| max-width:650px; | | max-width:650px; |
| text-align:center; | | text-align:center; |
Line 555: |
Line 338: |
| } | | } |
| | | |
− | .platform_link a.external, .mobile_link a.external { | + | .platform_link a.external, .mobile_link a.external, .mobile_link_update a.external { |
| display:block; | | display:block; |
| text-decoration:none; | | text-decoration:none; |
Line 568: |
Line 351: |
| | | |
| #switch_link { | | #switch_link { |
− | background: url("skins/Vector/stardewimages/platform-switch.png") no-repeat center center; | + | background: url("extensions/StardewValley/images/platform-switch.png") no-repeat center center; |
| } | | } |
| | | |
| #ps4_link { | | #ps4_link { |
− | background: url("skins/Vector/stardewimages/platform-ps4.png") no-repeat center center; | + | background: url("extensions/StardewValley/images/platform-ps4.png") no-repeat center center; |
| } | | } |
| | | |
| #xbox_link { | | #xbox_link { |
− | background: url("skins/Vector/stardewimages/platform-xbox.png") no-repeat center center; | + | background: url("extensions/StardewValley/images/platform-xbox.png") no-repeat center center; |
| } | | } |
| | | |
| .mobile_link { | | .mobile_link { |
− | background: url("skins/Vector/stardewimages/platform-mobile.png") no-repeat center center; | + | background: url("extensions/StardewValley/images/platform-mobile.png") no-repeat center center; |
| width: 80%; | | width: 80%; |
| height: 100%; | | height: 100%; |
Line 600: |
Line 383: |
| display: table; | | display: table; |
| min-height: 196px; | | min-height: 196px; |
| + | } |
| + | |
| + | /* 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%; |
| + | } |
| + | |
| + | #steam_link { |
| + | background: url("extensions/StardewValley/images/platform-steam.png") no-repeat center center; |
| + | } |
| + | |
| + | #ios_link { |
| + | background: url("extensions/StardewValley/images/platform-ios.png") no-repeat center center; |
| + | } |
| + | |
| + | #android_link { |
| + | background: url("extensions/StardewValley/images/platform-play.png") no-repeat center center; |
| + | } |
| + | |
| + | @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; |
| + | } |
| + | |
| } | | } |