MediaWiki:Vector-2022.css

/* 
    REM 
    small italic text for Quests & Skills pages
    table formatting for Infobox, Infobox furniture, etc.
*/

:root, html, body, div, table, nav {
  --color-progressive: #0645AD;
  --outline-color-progressive--focus: #0645AD;
  --color-progressive--active: #0645AD;
  --color-progressive--hover: #0645AD;
  --color-visited: #0B0080;
  --color-inverted: transparent;
}

#vector-appearance-pinned-container {padding-top: 8px; padding-left: 12px; padding-bottom: 8px;}
#vector-toc {padding-top: 8px; padding-bottom: 8px;}
.vector-dropdown-content .vector-icon {background-color: #0645AD;}
#vector-page-tools {padding: 8px;}

/* Buttons on recentchanges page */
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button
  {background-color: white;}

body.page-Stardew_Valley_Wiki h1.firstHeading,
.mw-jump-link,
.mw-logo-wordmark,
.noautonum .tocnumber,
.cdx-search-input__end-button,
.cdx-button cdx-search-input__end-button
    { display: none; }

.vector-main-menu-landmark {margin-bottom: 1rem;}

@media screen { 
    figure[typeof~='mw:File/Thumb'],
    figure[typeof~='mw:File/Frame'] 
        { background-color: white; }
}

@media screen and (min-width: 1120px) {
  .vector-column-start { margin-top: 0; }
    .mw-page-container,
    .vector-header-container .mw-header,
    .vector-header-container .vector-sticky-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.vector-sticky-pinned-container {margin-left: 12px;}
.vector-typeahead-search-container {margin-left: -24px;}
.mw-logo-icon {width:225px ; height: 77px; padding-right: 24px;}
#pt-login-2 a {color: rgb(209, 248, 255);}
#vector-page-titlebar-toc-label {min-width: 32px; min-height: 32px;}
.cdx-menu {background-color: white;}
.vector-icon.mw-ui-icon-wikimedia-star,
#vector-page-titlebar-toc-label
/*.vector-below-page-title #vector-page-titlebar-toc-label */
	{background-color: #0645AD;} /*This is not what I want but it might have to do */
.vector-user-menu-logged-in .vector-dropdown-label::after,
.vector-icon,
.vector-dropdown .vector-dropdown-content,
.vector-dropdown-content {
	background-color: rgb(209, 248, 255);
}

.cdx-search-input--has-end-button {background: transparent;}
.cdx-text-input__input:enabled {background-color: rgba(209, 248, 255, 0.58);}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {background-color: inherit;} 

body {
  background: #0A0523 url("images/en/7/78/LegacyBackground.png") no-repeat fixed center center / cover;
}

.mainpagemainmenuimg {
   background: url("https://stardewvalleywiki.com/mediawiki/images/9/98/Tenyearanniv.png") no-repeat center center;
   width: 80%;
   height: 100%;
}

/* This should not be around all menu icons!!! */
#bodyContent,
.vector-page-toolbar,
.vector-page-titlebar { 
    border-left: 24px solid transparent; 
    border-right: 24px solid transparent;
}

.vector-page-toolbar-container { border: 0; box-shadow: none; }

.vector-header-container .mw-header,
.vector-header-container .vector-sticky-header,
.mw-page-container
    { background-color: transparent; }


.vector-page-toolbar,
#vector-page-titlebar-toc,
.vector-dropdown .vector-page-titlebar-toc .vector-button-flush-left,
.search-toggle,
.mw-ui-icon-wikimedia-search,
.vector-page-titlebar {
  background-color: rgba(209, 248, 255, 0.67);
}


.mw-list-item user-links-collapsible-item,
#vector-appearance-dropdown-checkbox,
#vector-appearance-dropdown-checkbox a
 { background-color: rgba(209, 248, 255, 0.67); color: #C6DBFF; }

.vector-body {
  border: 1px solid #A7D7F9;
  border-top: 0;
  background-color: rgba(209, 248, 255, 0.67);
}

.vector-sticky-pinned-container::after { height: 0; background: transparent; }

.vector-pinned-container,
.vector-toc .vector-pinnable-element {
  border-radius: 9px;
  /*border-image: url("https://test.stardewvalleywiki.com/mediawiki/images/en/d/d7/Menu_border.png") 15 stretch;*/
  background-color: rgba(209, 248, 255, 0.67);
  font-size: 0.75rem;
  line-height: 1rem;
}

.vector-pinned-container {margin-bottom: 0; padding: 0;}

#vector-main-menu-pinned-container {
  border-image: url("images/en/d/d7/Menu_border.png") 15 stretch;
  padding: 8px;
}

.vector-column-end {margin-top: 0;}
.vector-page-titlebar {padding-top: 8px;}
#pt-userpage-2 a:not(.mw-selflink) {color: rgb(209, 248, 255);}
.mw-body h1, .mw-body h2 {font-family: 'Open Sans', sans-serif;}
.mw-body {min-height: 500px;} /*padding/margin bottom NOT working right */


/* No Discussion page created yet */
.vector-menu-tabs .mw-list-item.new a,
.vector-menu-tabs .mw-list-item.new a:link,
.vector-menu-tabs .mw-list-item.new a:visited,
.vector-menu-tabs .mw-list-item.new a:active,
.vector-menu-tabs .mw-list-item.new a:hover,
.vector-menu-tabs .mw-list-item.new a:visited:hover
	{color: dimgray;}

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


/* override shrinking images */
body.skin--responsive .mw-parser-output figure img.mw-file-element { max-width: none; }
/* shrink main page images because otherwise it gets ugly */
#mainbannerleft img, #mainbannerright img, #mainbannermiddle img { max-width: 100%; }



/* Wikitables */

table.wikitable {
  background-color: transparent;
  border-collapse: separate;
  border: none;
}

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

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

/* Mediawiki made the button not have an a tag. Thank you mediawiki. >:( */
table.wikitable th button.mw-collapsible-toggle,
table.wikitable th button.mw-collapsible-toggle span.mw-collapsible-text
  { color: white; }

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

table.wikitable > tr > th a, table.wikitable > * > tr > th a {color: white;}
/* End legacy wikitable styles */








#menuborder {
  border: 9px solid transparent;
  padding: 12px;
  border-image: url("https://test.stardewvalleywiki.com/mediawiki/images/en/d/d7/Menu_border.png") 15 stretch;
}

#navbox {
   margin:auto;
   width:80%;
   border: 1px solid rgb(132, 174, 236);
   padding: 5px; 
   border-radius:11px;
   clear: both;
   margin-top: 15px;
}


#catlinks {
  border: 1px solid #84AEEC;
  background-color: rgba(199, 242, 254, 0.53);
  margin: 24px 0;
}



/* Infobox Styling */

#infoboxtable {  
   max-width: 380px;
   width: 100%;
}

#infoboxborder {
   border: 12px solid transparent;
   border-image: url("https://test.stardewvalleywiki.com/mediawiki/images/en/d/d7/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;
}

#infoboxheader {
   text-align:center;
   font-size: 24px;
   padding-top: 5px;
   padding-bottom: 5px;
}

#infoboxsection {
   background-color:#03A007;
   vertical-align:top;
   padding: 0 4px 0 8px;
   border-color: #007448;
   color: white;
   text-shadow: -1px 1px 1px #00321f;
   box-shadow: 0px 1px rgba(0,0,0,0.3);
   max-width: 120px;
}

#infoboxsection a {color: white;}

#infoboxdetail {
   vertical-align:top;
   padding-left:4px;
   padding-right:4px;
}


/* Location Infobox */
.location {max-width:400px;}
#locationimg {text-align: center;}
#locationimg img {max-width: 90%; height: auto;}


/* Gallery Styling */
.villagergallery a {font-size: 120%;}
.villagergallery img,
.portraitgallery img 
	{width: 128px; height: 128px;}
.portraitgallery {text-align:left !important;}




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


/* Footer */

.mw-footer-container {
  background: rgba(0, 0, 0, 0.8);
  /* background-image: linear-gradient(#592B26, #AE704D, #EAA557, #AE704D, #592B26);
  border-style: solid;
  border-width: 12px;
  border-image: url("https://test.stardewvalleywiki.com/mediawiki/images/en/d/d7/Menu_border.png") 15 stretch;
  border-radius: 12px;
  width: 90%;
  margin: 0 auto; */
  margin-left: -1rem;
  margin-right: -1rem;
  color: #C2C8CF;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 0;
  padding-bottom: 40px;
}

.mw-footer a { color:white; }

.mw-footer ul li { color:#C2C8CF; }

#footer-copyrightico a, #footer-poweredbyico a { border: 0; padding: 0 4px; background-color: white; width: 88px; min-height: 31px; height: 31px;}

#footer-poweredbyico a {width: 92px; /*filter: invert(1) hue-rotate(180deg);*/}

#footer-icons {margin-right: 24px;}


/* This needs to be added on the server side 
.mw-logo-wordmark { 
  background-image: url("https://test.stardewvalleywiki.com/mediawiki/images/en/d/d4/Site_logo_sm.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 160px;
  height: 109px;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
} */



/* 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);
}

/* Class for pixel art, to retain pixelated appearance when zoomed */
.pixels {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("images/9/98/Tenyearanniv.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_ES.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; }

.mw-body-content {margin-bottom: 60px;}

#mw_metadata {background-color: white;}

#infoboxdetail ul {margin-left: 1rem;}

div.oo-ui-panelLayout-framed {background-color: rgba(255,255,255,0.6);}