Changes

Jump to navigation Jump to search

MediaWiki:Vector.css (view source)

Revision as of 17:29, 13 March 2023

7,456 bytes added ,  17:29, 13 March 2023
remove unused CSS
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:rgba(255, 255, 255, 0) linear-gradient(to top, rgba(245, 203, 101, 0.73), rgba(237, 245, 101, 0.7)) repeat scroll 0% 0%
+
   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 138: 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 153: Line 253:     
#infoboxtable {
 
#infoboxtable {
 +
  max-width:350px;
 
   width:100%;
 
   width:100%;
 
}
 
}
Line 161: 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 182: 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;
 
}
 
}
Margotbean
Interface administrators, patroller, Suppressors, Administrators, translators
106,004

edits

Retrieved from "https://stardewvalleywiki.com/Special:MobileDiff/490...146665"

Navigation menu