MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */

/* Body Styling */ body { background: #0A0523 url("extensions/Moonhaven/images/moonhavenground.png") no-repeat fixed center center / cover; }

background:none; }
 * 1) mw-page-base {

.mw-body { border: 1px solid #A7D7F9; margin-right: 15px; background-color: rgba(209, 248, 255, 0.67); min-height:500px; margin-bottom: 60px; }

.mw-footer { background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; width: 100%; padding: 0px !important; margin-top: 20px !important; bottom: 0px !important; margin-left: auto !important; margin-right: auto !important; color: #C2C8CF; }

.mw-footer a { color:white; }

.mw-footer ul { padding-left: 190px; padding-right: 15px; }

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

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

background-color: rgba(255,255,255,0.58); }
 * toc, .toc {

.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); }

/* Social Media Links */ div.sociallinks { float: right; padding-top: 9px; }

.sociallinks img { -webkit-filter: opacity(25%) brightness(0); /* Chrome, Safari, Opera */ filter: opacity(25%) brightness(0); }

.sociallinks img:hover { -webkit-filter: opacity(100%) brightness(100%); /* Chrome, Safari, Opera */ filter: opacity(100%) brightness(100%); }

body.page-Moonhaven_Wiki div.sociallinks { display:none; }

/* Mediawiki page tabs */ .vector-menu-tabs, .vector-menu-tabs a, .vector-menu-tabs li, .vector-menu-tabs .selected, background: none; }
 * 1) mw-head .vector-menu-dropdown h3 {

.vector-menu-tabs li a { color: #B7D2FF; }

.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited, .vector-menu-dropdown h3 { color: #99BFFF; }

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: #C6DBFF; }

.vector-menu-dropdown .vector-menu-content-list { background-color: rgba(30, 17, 102, 0.67); }

.vector-menu-dropdown li a { color: #C6DBFF; }

color: #99BFFF; }
 * 1) p-personal a, #p-personal a.new, p-personal a:visited {

color: #C6DBFF; text-decoration:none; }
 * 1) p-personal a.hover, p-personal a:focus {

/* 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*/

background-color: rgba(209,248,255,0.67); }
 * 1) preferences {

background: rgba(209,248,255,0.67); }
 * 1) preftoc li.selected a {

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

display: none; }
 * 1) editform label, #editform input#wpCaptchaWord.mw-ui-input {

/* Graphical borders */ border: 9px solid transparent; padding: 12px; -webkit-border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; /* Safari 3.1-5 */ -o-border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; /* Opera 11-12.1 */ border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; background-color: rgba(255,255,255,0.58); }
 * 1) menuborder {

margin-top: -11em; }
 * 1) p-logo {

margin-top: 1.5em; } div#mw-panel { margin-top: 11em; border: 6px solid transparent; left: -12px; -webkit-border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; /* Safari 3.1-5 */ -o-border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; /* Opera 11-12.1 */ border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; background-color: rgba(209, 248, 255, 0.67); padding-bottom: 15px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
 * 1) p-navigation {

border: 12px solid transparent; -webkit-border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; /* Safari 3.1-5 */ -o-border-image: url("extensions/Moonhaven/images/menu_border.png") 15 stretch; /* Opera 11-12.1 */ border-image: url("extensions/Moonhaven/images/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; }
 * 1) infoboxborder {

/* Main Page Content */ body.page-Moonhaven_Wiki h1.firstHeading, body.page-Moonhaven_Wiki #contentSub, body.page-Moonhaven_Wiki #contentSub2 { display: none; }

body.page-Moonhaven_Wiki div#bodyContent.mw-body-content { padding-top: 25px; }

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

/* Table Styling */ table.wikitable { background-color: transparent; border-collapse: separate; border: none; }

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; }

table.wikitable > tr > th a, table.wikitable > * > tr > th a { color:white; }

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

/* Infobox Styling */

max-width:350px; width:100%; }
 * 1) infoboxtable {

text-align:center; font-size:24px; padding-top:5px; padding-bottom:5px; text-shadow: 0px 1.5px 0px rgba(0,0,0,0.2); }
 * 1) infoboxheader {

background-color:#03A007; vertical-align:top; padding-left:15px; padding-right:5px; width:105px; border-color:#007448; box-shadow: 0px 1px rgba(0,0,0,0.3); color: white; text-shadow: 0px 2px #00321f; }
 * 1) infoboxsection {

vertical-align:top; padding-left:3px; padding-right:12px; }
 * 1) infoboxdetail {

margin:0px; }
 * 1) infoboxdetail p {

margin: 0em 0px 0px 0.9em; }
 * 1) infoboxdetail ul {

/* Location Infobox */ .location { max-width:400px; }

max-width:90%; height:auto; }
 * 1) locationimg img {

/* Gallery Styling */

.villagergallery a { font-size:120%; }

.villagergallery img { width:128px; height:128px; }

.portraitgallery { text-align:left !important; }

.portraitgallery img { width:128px; height:128px; }

/* Template Styling */ /* Object Quality Stars */ position:relative; height:48px; width:48px; text-align:left; }
 * 1) qualitycontainer {

position:relative; height:32px; width:32px; text-align:left; }
 * 1) qualitycontainermed {

position:relative; height:24px; width:24px; text-align:left; }
 * 1) qualitycontainersm {

text-align:left; }
 * 1) qualitycontainer div.qualityindicator {

text-align:left; }
 * 1) qualitycontainermed div.qualityindicator {

text-align:left; }
 * 1) qualitycontainersm div.qualityindicator {

position:absolute; }
 * 1) qualityimage img {

margin:0px; }
 * 1) qualityimage p {

margin:0px; }
 * 1) recipeimage p {

position:absolute; opacity:0.6; max-height: 48px; width: auto; }
 * 1) recipeimage img {

/* Quality Pricing */ div.qualitycontainerprice { margin-top: -7px; padding-right:12px; }

div.qualitycontainerprice span { padding-left: 20px; }

div.qualitycontainerprice img { position: absolute; margin-top:2px; }

margin-top:-11px; }
 * 1) qualityprice {

.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 */ padding:10px; max-width:700px; margin: 0px auto; border: 1px solid #8DCAF0; background-color: rgba(255, 255, 255, 0.58); }
 * 1) c-fairuse {

vertical-align:middle; }
 * 1) c-fairuse td {

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

border-color:green; background-color: rgba(0, 128, 0, 0.05); }
 * 1) stub {

border-color:#97a50c; background-color: rgba(151, 165, 12, 0.05); }
 * 1) construction {

/* 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: 740px) { .responsiveadtop { margin-top:25px !important; } }

@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; } }

@media screen and (max-width: 430px) { .responsiveadtop { margin-top:65px !important; } }

/* Main Page Nav Menu Styling */ padding-right:5px; padding-left: 5px; vertical-align:top; } .doublewidthmenu { width:100%; }
 * 1) menucontent {

.doublewidthmenu td { width:50%; }

table.menulocations { border:1px solid #8dcaf0; border-radius:11px; width:100%; box-shadow: 0px 1px rgba(0,0,0,0.3); margin-bottom:3px; }

.mainmenuwrapper { background-color:rgba(209,248,255,0.67); float:left; width: 100%; }

.mainmenusection { min-height: 379px; vertical-align: top; }

.mainmenusection table.wikitable { margin:0px }

width: 25%; float:left; }
 * 1) singlemainmenu {

width: 50%; float:left; }
 * 1) doublemainmenu {

width: 50%; vertical-align:top; }
 * 1) doubleinnermainmenu {

width:100%; }
 * 1) mainmenuselections {

table#mainmenuselections td { background-color: transparent; border: none; }

@media screen and (max-width: 880px) { #singlemainmenu { width: 100%; clear:both; min-height: auto; }

#doublemainmenu { width: 100%; clear:both; min-height: auto; } }

.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 */

width:100%; height: 100%; min-height: 242px; max-width:650px; text-align:center; float:right; }
 * 1) platform_link_table {

width:100%; max-width:650px; text-align:center; float:left; }
 * 1) version_link_table {

.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; }

line-height: 190px; }
 * 1) mobile_image a.external {

background: url("extensions/Moonhaven/images/platform-switch.png") no-repeat center center; }
 * 1) switch_link {

background: url("extensions/Moonhaven/images/platform-ps4.png") no-repeat center center; }
 * 1) ps4_link {

background: url("extensions/Moonhaven/images/platform-xbox.png") no-repeat center center; }
 * 1) xbox_link {

background: url("extensions/Moonhaven/images/platform-steam.png") no-repeat center center; }
 * 1) steam_link {

background: url("extensions/Moonhaven/images/platform-ios.png") no-repeat center center; }
 * 1) ios_link {

background: url("extensions/Moonhaven/images/platform-play.png") no-repeat center center; }
 * 1) android_link {

.mobile_link_update { background: url("extensions/Moonhaven/images/mobile_banner_2.png") no-repeat center center; width: 80%; height: 100%; }

.mobile_link { background: url("extensions/Moonhaven/images/platform-mobile.png") no-repeat center center; width: 80%; height: 100%; }

width:50%; vertical-align:top; }
 * 1) platform-version {

width:100%; text-align:center; }
 * 1) main-links-table {

width: 100%; min-height: 196px; }
 * 1) platform_table_images {

table#platform_links_list { width:inherit !important; margin: auto; height: 193px; }

@media screen and (max-width: 1450px) { .mobile_link { background: url("extensions/Moonhaven/images/platform-mobile_small.png") no-repeat center center; } }

@media screen and (max-width: 1350px) { #ps4_link { background: url("extensions/Moonhaven/images/platform-ps4_small.png") no-repeat center center; }  #xbox_link { background: url("extensions/Moonhaven/images/platform-xbox_small.png") no-repeat center center; }  #steam_link { background: url("extensions/Moonhaven/images/platform-steam_small.png") no-repeat center center; }  #ios_link { background: url("extensions/Moonhaven/images/platform-ios_small.png") no-repeat center center; }  #android_link { background: url("extensions/Moonhaven/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; } }

padding-bottom: 25px; }
 * 1) mainbannermiddle img {

html .thumbimage { background-color: transparent; }