Line 1: |
Line 1: |
| /* CSS placed here will affect users of the Vector skin */ | | /* CSS placed here will affect users of the Vector skin */ |
| + | |
| + | /* |
| + | img { |
| + | image-rendering: pixelated; |
| + | image-rendering: -moz-crisp-edges; |
| + | image-rendering: -webkit-optimize-contrast; |
| + | image-rendering: crisp-edges; |
| + | } |
| + | */ |
| + | |
| | | |
| /* 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 18: |
Line 28: |
| } | | } |
| | | |
− | div#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%; |
| width: 100%; | | width: 100%; |
Line 29: |
Line 39: |
| } | | } |
| | | |
− | div#footer a {
| + | .mw-footer a { |
| color:white; | | color:white; |
| } | | } |
| | | |
− | div#footer ul {
| + | .mw-footer ul { |
− | padding-left: 15px; | + | padding-left: 190px; |
| padding-right: 15px; | | padding-right: 15px; |
| } | | } |
| | | |
− | div#footer ul li {
| + | .mw-footer ul li { |
| color:#C2C8CF; | | color:#C2C8CF; |
| } | | } |
Line 46: |
Line 56: |
| background-color: rgba(199, 242, 254, 0.53); | | background-color: rgba(199, 242, 254, 0.53); |
| } | | } |
| + | |
| + | #toc, .toc { |
| + | background-color: rgba(255,255,255,0.58); |
| + | } |
| + | |
| + | .mw-body h1, .mw-body h2 { |
| + | font-family: 'Open Sans', sans-serif; |
| + | } |
| + | |
| + | div.thumbinner { |
| + | border: 1px solid #8DCAF0; |
| + | background-color: rgba(255,255,255,0.58); |
| + | } |
| + | |
| | | |
| /* Mediawiki page tabs */ | | /* Mediawiki page tabs */ |
− | div#mw-head div.vectorMenu h3, div.vectorTabs ul, div.vectorTabs li.selected, div.vectorTabs ul li, div.vectorTabs, div.vectorTabs span {
| + | .vector-menu-tabs, |
− | background:none; | + | .vector-menu-tabs a, |
| + | .vector-menu-tabs li, |
| + | .vector-menu-tabs .selected, |
| + | #mw-head .vector-menu-dropdown h3 { |
| + | background: none; |
| } | | } |
| | | |
− | div.vectorTabs li a {
| + | .vector-menu-tabs li a { |
| color: #B7D2FF; | | color: #B7D2FF; |
| } | | } |
| | | |
− | div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorMenu h3 span {
| + | .vector-menu-tabs .new a, |
| + | .vector-menu-tabs .new a:visited, |
| + | .vector-menu-dropdown h3 { |
| color: #99BFFF; | | color: #99BFFF; |
| } | | } |
| | | |
− | div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
| + | .vector-menu-tabs .selected a, |
| + | .vector-menu-tabs .selected a:visited { |
| color: #C6DBFF; | | color: #C6DBFF; |
| } | | } |
| | | |
− | div.vectorMenu div.menu {
| + | .vector-menu-dropdown .vector-menu-content-list { |
| background-color: rgba(30, 17, 102, 0.67); | | background-color: rgba(30, 17, 102, 0.67); |
| } | | } |
| | | |
− | div.vectorMenu div.menu a {
| + | .vector-menu-dropdown li a { |
| color: #C6DBFF; | | color: #C6DBFF; |
| } | | } |
Line 79: |
Line 110: |
| color: #C6DBFF; | | color: #C6DBFF; |
| text-decoration:none; | | text-decoration:none; |
| + | } |
| + | |
| + | /* Account Creation Page */ |
| + | .mw-createacct-benefits-list { |
| + | padding: 10px 10px 10px 60px; |
| + | border-radius: 12px; |
| + | background-color: rgba(255,255,255,0.58); |
| + | border: 1px solid #8DCAF0; |
| + | } |
| + | |
| + | .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { |
| + | filter: brightness(0.7); |
| + | } |
| + | |
| + | /* Preferences Pages*/ |
| + | |
| + | #preferences { |
| + | background-color: rgba(209,248,255,0.67); |
| + | } |
| + | |
| + | #preftoc li.selected a { |
| + | background: rgba(209,248,255,0.67); |
| + | } |
| + | |
| + | /* Non-TOC headers */ |
| + | |
| + | div.notochh1 { |
| + | font-size: 188%; |
| + | border-bottom: 1px solid #AAA; |
| + | padding-bottom: 0.17em; |
| + | margin-bottom: 0.6em; |
| + | } |
| + | |
| + | /* Captcha Styling */ |
| + | div.editOptions label, div.editOptions input#wpCaptchaWord.mw-ui-input { |
| + | display: inline !important; |
| + | } |
| + | |
| + | #editform label, #editform input#wpCaptchaWord.mw-ui-input { |
| + | display: none; |
| } | | } |
| | | |
Line 85: |
Line 156: |
| 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:rgba(255, 210, 132, 0.21); | + | background-color:background-color: rgba(255,255,255,0.58); |
| } | | } |
| | | |
| + | #p-logo { |
| + | margin-top: -11em; |
| + | } |
| + | |
| + | #p-navigation { |
| + | margin-top: 1.5em; |
| + | } |
| div#mw-panel { | | div#mw-panel { |
| + | margin-top: 11em; |
| border: 6px solid transparent; | | border: 6px solid transparent; |
| left: -12px; | | left: -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: rgba(209, 248, 255, 0.67); | | background-color: rgba(209, 248, 255, 0.67); |
| padding-bottom: 15px; | | padding-bottom: 15px; |
Line 105: |
Line 184: |
| #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:linear-gradient(to top, #F5CB65, #EDF565); | + | background-color: rgba(255,255,255,0.58); |
| float:right; | | float:right; |
| border-radius: 12px; | | border-radius: 12px; |
Line 120: |
Line 199: |
| display: none; | | display: none; |
| } | | } |
| + | |
| + | body.page-Stardew_Valley_Wiki div#bodyContent.mw-body-content { |
| + | padding-top: 25px; |
| + | } |
| + | |
| | | |
| /* Navboxstyling */ | | /* Navboxstyling */ |
Line 129: |
Line 213: |
| border-radius:11px; | | border-radius:11px; |
| clear: both; | | clear: both; |
| + | margin-top: 15px; |
| } | | } |
| | | |
Line 137: |
Line 222: |
| border: none; | | border: none; |
| } | | } |
| + | |
| 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; | | border: 1px solid #8DCAF0; |
| padding: 0.2em; | | padding: 0.2em; |
− | background-color: rgba(211, 246, 255, 0.74); | + | background-color: rgba(255, 255, 255, 0.58); |
| } | | } |
| | | |
| table.wikitable > tr > th, table.wikitable > * > tr > th { | | table.wikitable > tr > th, table.wikitable > * > tr > th { |
− | background-color: #84AEEC; | + | background-color: #03A007; |
| text-align: center; | | text-align: center; |
| + | border-color: #007448; |
| + | 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.roundedborder { |
| + | border:1px solid rgb(132,174,236); |
| + | padding:5px; |
| + | border-radius:11px; |
| + | margin-top:15px; |
| } | | } |
| | | |
Line 152: |
Line 253: |
| | | |
| #infoboxtable { | | #infoboxtable { |
| + | max-width:350px; |
| width:100%; | | width:100%; |
| } | | } |
Line 160: |
Line 262: |
| padding-top:5px; | | padding-top:5px; |
| padding-bottom:5px; | | padding-bottom:5px; |
| + | text-shadow: 0px 1.5px 0px rgba(0,0,0,0.2); |
| } | | } |
| | | |
| #infoboxsection { | | #infoboxsection { |
− | background-color:rgba(221, 124, 0, 0.33); | + | background-color:#03A007; |
| vertical-align:top; | | vertical-align:top; |
| padding-left:15px; | | padding-left:15px; |
| padding-right:5px; | | padding-right:5px; |
| width:105px; | | width:105px; |
− | | + | border-color:#007448; |
| + | box-shadow: 0px 1px rgba(0,0,0,0.3); |
| + | color: white; |
| + | text-shadow: 0px 2px #00321f; |
| } | | } |
| + | |
| + | #infoboxsection a {color: white;} |
| | | |
| #infoboxdetail { | | #infoboxdetail { |
Line 181: |
Line 289: |
| } | | } |
| | | |
− | #infoboxfooter { | + | #infoboxdetail ul { |
− | width:100%; | + | margin: 0em 0px 0px 0.9em; |
− | padding-top:5px; | + | } |
| + | |
| + | |
| + | /* Location Infobox */ |
| + | .location { |
| + | max-width:400px; |
| } | | } |
| | | |
− | #infoboxdetail ul { | + | #locationimg img { |
− | margin: 0em 0px 0px 0.9em; | + | max-width:90%; |
| + | height:auto; |
| } | | } |
| | | |
| /* Gallery Styling */ | | /* Gallery Styling */ |
| | | |
− | .villagergallery a{ | + | .villagergallery a { |
| font-size:120%; | | font-size:120%; |
| + | } |
| + | |
| + | .villagergallery img { |
| + | width:128px; |
| + | height:128px; |
| + | } |
| + | |
| + | .portraitgallery { |
| + | text-align:left !important; |
| + | } |
| + | |
| + | .portraitgallery img { |
| + | width:128px; |
| + | height:128px; |
| + | } |
| + | |
| + | |
| + | |
| + | .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 */ |
| + | #c-fairuse { |
| + | padding:10px; |
| + | max-width:700px; |
| + | margin: 0px auto; |
| + | border: 1px solid #8DCAF0; |
| + | background-color: rgba(255, 255, 255, 0.58); |
| + | } |
| + | |
| + | #c-fairuse td { |
| + | vertical-align:middle; |
| + | } |
| + | |
| + | /* Alert Templates */ |
| + | |
| + | .alert { |
| + | border: 3px solid rgb(68, 74, 73); |
| + | border-radius: 0.5em; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | font-size: 14px; |
| + | padding: 5px; |
| + | margin-bottom: 15px; |
| + | height: 80px; |
| + | width: 50%; |
| + | max-width:700px; |
| + | } |
| + | |
| + | .alert span.header { |
| + | font-size:22px; |
| + | } |
| + | |
| + | .alert th { |
| + | width: 100px; |
| + | } |
| + | |
| + | .alert th img { |
| + | text-align: center; |
| + | } |
| + | |
| + | #stub { |
| + | border-color:green; |
| + | background-color: rgba(0, 128, 0, 0.05); |
| + | } |
| + | |
| + | #construction { |
| + | border-color:#97a50c; |
| + | background-color: rgba(151, 165, 12, 0.05); |
| + | } |
| + | |
| + | /* Responsive styling */ |
| + | @media screen and (max-width: 1600px) { |
| + | #mainbannerleft { |
| + | display: none; |
| + | } |
| + | #mainbannermiddle { |
| + | width: 60%; |
| + | } |
| + | } |
| + | |
| + | @media screen and (max-width: 1400px) { |
| + | #menucontent { |
| + | font-size:12px; |
| + | } |
| + | } |
| + | |
| + | @media screen and (max-width: 1150px) { |
| + | th#sidebar, td#sidebar, td#mainbannerright { |
| + | display: none; |
| + | } |
| + | } |
| + | |
| + | @media screen and (max-width: 700px) { |
| + | .mw-body, #left-navigation { |
| + | margin-left: 8px; |
| + | margin-right: 8px; |
| + | } |
| + | div#mw-panel { |
| + | display: none; |
| + | } |
| + | .mw-footer ul { |
| + | padding-left: 15px; |
| + | } |
| + | } |
| + | |
| + | |
| + | .noautonum .tocnumber { display: none; } |
| + | |
| + | .twitter-timeline { height: 1000px !important; } |
| + | |
| + | /* Class for pixel art, to retain pixelated appearance when zoomed */ |
| + | .pixels { |
| + | -ms-interpolation-mode: nearest-neighbor; /* IE */ |
| + | image-rendering: -webkit-optimize-contrast; /* UC Browser */ |
| + | image-rendering: -webkit-crisp-edges; /* old Safari */ |
| + | image-rendering: -moz-crisp-edges; /* Firefox */ |
| + | image-rendering: pixelated; |
| + | } |
| + | |
| + | /* MainLinks Template Styling */ |
| + | |
| + | #platform_link_table { |
| + | width:100%; |
| + | height: 100%; |
| + | min-height: 242px; |
| + | max-width:650px; |
| + | text-align:center; |
| + | float:right; |
| + | } |
| + | |
| + | #version_link_table { |
| + | width:100%; |
| + | max-width:650px; |
| + | text-align:center; |
| + | float:left; |
| + | } |
| + | |
| + | .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; |
| + | } |
| + | |
| + | #mobile_image a.external { |
| + | line-height: 190px; |
| + | } |
| + | |
| + | #switch_link { |
| + | background: url("extensions/StardewValley/images/platform-switch.png") no-repeat center center; |
| + | } |
| + | |
| + | #ps4_link { |
| + | background: url("extensions/StardewValley/images/platform-ps4.png") no-repeat center center; |
| + | } |
| + | |
| + | #xbox_link { |
| + | background: url("extensions/StardewValley/images/platform-xbox.png") no-repeat center center; |
| + | } |
| + | |
| + | #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; |
| + | } |
| + | |
| + | .mobile_link_update { |
| + | background: url("extensions/StardewValley/images/mobile_banner_2.png") no-repeat center center; |
| + | width: 80%; |
| + | height: 100%; |
| + | } |
| + | |
| + | .mobile_link { |
| + | background: url("extensions/StardewValley/images/platform-mobile.png") no-repeat center center; |
| + | width: 80%; |
| + | height: 100%; |
| + | } |
| + | |
| + | #platform-version { |
| + | width:50%; |
| + | vertical-align:top; |
| + | } |
| + | |
| + | #main-links-table { |
| + | width:100%; |
| + | text-align:center; |
| + | } |
| + | |
| + | #platform_table_images { |
| + | width: 100%; |
| + | min-height: 196px; |
| + | } |
| + | |
| + | table#platform_links_list { |
| + | width:inherit !important; |
| + | margin: auto; |
| + | height: 193px; |
| + | } |
| + | |
| + | @media screen and (max-width: 1450px) { |
| + | .mobile_link { |
| + | background: url("extensions/StardewValley/images/platform-mobile_small.png") no-repeat center center; |
| + | } |
| + | } |
| + | |
| + | @media screen and (max-width: 1350px) { |
| + | #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; |
| + | } |
| + | } |
| + | |
| + | @media screen and (max-width: 1200px) { |
| + | #platform-version { |
| + | display:inline; |
| + | } |
| + | #version_link_table { |
| + | margin-top: 0px; |
| + | float: none; |
| + | } |
| + | #platform_link_table { |
| + | margin-bottom: 0px; |
| + | float: none; |
| + | } |
| + | #main-links-table { |
| + | width: auto; |
| + | } |
| + | } |
| + | |
| + | #mainbannermiddle img { |
| + | padding-bottom: 25px; |
| + | } |
| + | |
| + | |
| + | html .thumbimage { |
| + | background-color: transparent; |
| } | | } |