MediaWiki:Vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */
html {
  font-size: 108%;
}

/*** Theme configuration */
body {
	--hswiki-redbox-text-color: #fff4f5;
	--hswiki-redbox-link-color: #ffba00;
	--hswiki-imagebox-text-color: #fff;
	--hswiki-imagebox-link-color: var(--hswiki-imagebox-text-color);
    --hswiki-headings-font: 'Belwe';
	--hswiki-desktop-panel-width: 200px;
	--hswiki-head-height: 28px;
    
    --custom-class1: rgba(53, 75, 92, 0.6); /* Class Death Knight */
    --custom-bglobby2347: rgba(53, 75, 92, 0.6); /* Bg Undead */
    --custom-class14: rgba(32, 70, 17, 0.6); /* Class Demon Hunter */
    --custom-class2: rgba(101, 60, 36, 0.6); /* Class Druid */
    --custom-class3: rgba(37, 97, 33, 0.6); /* Class Hunter */
    --custom-bglobby1594: rgba(37, 97, 33, 0.6); /* Bg Beast */
    --custom-class4: rgba(101, 122, 173, 0.6); /* Class Mage */
    --custom-bglobby1688: rgba(101, 122, 173, 0.6); /* Bg Elemental */
    --custom-class5: rgba(198, 140, 29, 0.6); /* Class Paladin */
    --custom-bglobby1595: rgba(198, 140, 29, 0.6); /* Bg Mech */
    --custom-class6: rgba(255, 255, 255, 0.4); /* Class Priest */
    --custom-class7: rgba(59, 59, 65, 0.6); /* Class Rogue */
    --custom-bglobby1596: rgba(59, 59, 65, 0.6); /* Bg Pirate */
    --custom-class8: rgba(22, 40, 116, 0.6); /* Class Shaman */
    --custom-bglobby1592: rgba(22, 40, 116, 0.6); /* Bg Murloc */
    --custom-class9: rgba(84, 53, 95, 0.6); /* Class Warlock */
    --custom-bglobby1593: rgba(84, 53, 95, 0.6); /* Bg Demon */
    --custom-class10: rgba(128, 27, 17, 0.6); /* Class Warrior */
    --custom-bglobby1845: rgba(128, 27, 17, 0.6); /* Bg Quilboar */
    --custom-bglobby1591: rgba(255, 119, 0, 0.6); /* Bg Dragon */
    --custom-bglobby2272: rgba(48, 255, 152, 0.6); /* Bg Naga */
    --custom-bg: #b52eb7;
    
    /* Light theme */
	--hswiki-general-color: #2c2c2c;
    --hswiki-general-background-color: #ebd19e;
    --hswiki-general-background-image: url("/images/f/fb/Skin-Content-Background.jpg");
    --hswiki-header-background-color: #fdf0d9;
    --hswiki-content-background-color: #efd8af;
    --hswiki-link-color: #fcd144;
    --hswiki-link-color-hover: var(--hswiki-link-color);
    --hswiki-link-color-visited: #a1360e;
    --hswiki-ext-link-color: #3366bb /*#605404*/;
    --hswiki-ext-link-color-hover: var(--hswiki-ext-link-color);
    --hswiki-ext-link-color-visited: #3366bb /*#605404*/;
    --hswiki-headings-color: #3f2503;
	--hswiki-border-color: #cbb995;
    --custom-rarity3: #2570e5;
    --custom-rarity4: #8f2aac;
    --custom-rarity5: #d08d0b;
    --admin-highlight-color: green;
    
    /* Dark theme */
    /*
    --custom-rarity3: #709de6;
    --custom-rarity4: #dc64ff;
    --custom-rarity5: #ffa500;
    */
	
	/* Post-specific themes */
	--hswiki-border: 1px solid var(--hswiki-border-color);
}

body {
  background: var(--hswiki-general-background-color) var(--hswiki-general-background-image) repeat left top;
  color: var(--hswiki-general-color);
  font-family: Lato, sans-serif;
}

div#global-wrapper {
    display: flex;
    flex-direction: column;
}

div#pageWrapper {
    flex: 1 0 auto;
}

/***************
/* Logo styles *
/***************/
#p-logo {
	position: absolute;
    top: 15px;
    left: 70px;
}

#p-logo,
#p-logo a {
    height: 107px;
    width: 214px;
}

#p-logo a {
    background-size: 100% auto;
}

/*****************
/* Header styles *
/*****************/

#mw-page-base {
    height: 128px;
}

#mw-page-base {
    background-color: #222222;
    background-image: url("/images/a/ac/Skin-Head-Background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/**************************
/* Article navigation bar *
/**************************/
/*
div#mw-navigation {
    margin-left: -172px;
}*/

div#mw-head {
    background: var(--hswiki-content-background-color);
    border-top: var(--hswiki-border);
    border-bottom: var(--hswiki-border);
    height: var(--hswiki-head-height);
    width: auto;
    position: relative;
}

div#left-navigation,
div#right-navigation {
    top: 0;
    margin-top: 0;
}

div#left-navigation {
    margin-left: 0;
}

div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs li a,
div.vectorTabs li a:visited,
div.vectorTabs li span,
div.vectorTabs ul li.selected,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected span,
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorMenu h3 span {
    background-color: transparent;
    background-image: none;
    color: #8f604f;
}

div.vectorTabs {
    height: var(--hswiki-head-height);
    border-left: var(--hswiki-border);
}

div.vectorTabs ul li,
div#mw-head div.vectorMenu h3 {
    border-right: var(--hswiki-border);
}

div.vectorTabs ul li.selected {
    background-color: #f6ead1;
}

div.vectorTabs li a {
    padding-top: 0;
    line-height: 2.25em;
}

.vector-menu-tabs-legacy li { height: var(--hswiki-head-height); }

div#mw-head div.vectorMenu h3 {
    height: 1.8em;
    margin-right: 0;
}

div.vectorMenu h3 span:after {
  top: 3px;
}

div#mw-head div.vectorMenu h3 span {
    padding-top: 0;
    line-height: 2.25em
}

div.vectorMenu h3 a {
    height: 1.8em;
    background-image: url("/images/5/50/Skin-Nav-Menu-Arrow.svg");
    background-position: center center;
}

div.vectorMenu div.menu {
    background-color: #f6ead1;
    border: var(--hswiki-border);
    top: 1.8em;
    left: auto;
    right: 0;
}

div#p-cactions div.menu ul li a {
  color: #000000;
}

div#p-cactions div.menu ul li a:visited {
  color: #000000;
}

div#p-cactions div.menu ul li a:active {
  color: #a55858;
}

label#p-cactions-label.vector-menu-heading {
	padding: 5px 0 0 7.5px;
}

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
  /* Don't edit this, will be buggy */
  padding-top: 2.1em; 
  margin-top: -0.75em;
}


/***********************
/* Left sidebar styles *
/***********************/

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
    color: var(--hswiki-redbox-link-color);
}

div#mw-panel div.portal h3, div#mw-panel.collapsible-nav div.portal.expanded h3, div#mw-panel.collapsible-nav div.portal.collapsed h3 {
    color: var(--hswiki-redbox-text-color);
    font-family: var(--hswiki-headings-font);
    font-weight: bold;
    font-size: 110%;
}

div#mw-panel.collapsible-nav div.portal h3 a,
div#mw-panel.collapsible-nav div.portal.collapsed h3 a {
    color: inherit;
}

#mw-panel.collapsible-nav .portal .vector-menu-heading a, #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading a, #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading{
  color: #E0E0E0;
}

@media screen{
	.vector-menu-portal .vector-menu-heading{
		color: #E0E0E0;
	}
}

#mw-panel .portal .vector-menu-heading::after {
  display: none;
}

/*** Search global style */
div#simpleSearch #searchInput {
    padding: 0 1em;
    background-color: #f4e2c4;
}

div#simpleSearch input {
    box-shadow: none;
}

/***************
/* Link styles *
/***************/

.t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited {
  color: #c39999 !important;
}

.t-netbar a:active, .t-footer a:active {
  color: #ffffff !important;
}

.t-netbar a.new:hover, .t-netbar a.new:active {
  color: #ffdddd !important;
}

a, a:link, .skin-vector #mw-indicator-mw-helplink a, .skin-vector #mw-indicator-mw-helplink a:link {
  color: #a1360e;
}

div#content a:visited, .skin-vector #mw-indicator-mw-helplink a:visited {
  color: var(--hswiki-link-color-visited);
}

a.new {
  color: #b40000 !important;
}

div#content a.new:visited, a.new:visited {
  color: #9a1a1a !important;
}

a.stub {
  color: #2c8903;
}

a.stub:visited {
  color: #407329;
}

div#content a.extiw, div#footer a.extiw,
div#content a.external, div#footer a.external {
  color: var(--hswiki-ext-link-color);
}

div#content a.extiw:visited, div#footer a.extiw:visited,
div#content a.external:visited, div#footer a.external:visited {
  color: var(--hswiki-ext-link-color-visited);
}

a:active {
  color: #7b7b7b;
}

/******************
/* Article styles *
/******************/

div#content {
  background: transparent;
  border: none;
/*  box-sizing: border-box;
  float: right;*/
  color: var(--hswiki-general-color);/*
  margin-left: 0;
  width: 100%;*/
  padding: 10px 20px;
}

div#content #firstHeading {
  font-weight: bold;
  font-family: var(--hswiki-headings-font);
  color: var(--hswiki-headings-color);
  border-bottom: var(--hswiki-border);
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

div#content h1, div#content h2, div#content h3,
div#content h4, div#content h5, div#content h6 {
  font-weight: bold;
  overflow: hidden;
}

div#content h1, div#content h2 {
  color: var(--hswiki-headings-color);
  border-bottom: var(--hswiki-border);
  font-family: var(--hswiki-headings-font);
}

div#content h3, div#content h4, div#content h5, div#content h6 {
  color: var(--hswiki-headings-color);
  font-family: var(--hswiki-headings-font);
}

/* Curse profile: Fixes conflict with overflow: auto; on h1 */
div#content div.headline h1 {
  overflow: visible;
}

div#content .mw-body-content .toc h2 {
  border-bottom: none;
}

span.editsection {
  font-weight: normal;
}

/*span.editsection a:link {}

div#content span.editsection a:active {}

div#content span.editsection a:visited {}

div#content span.editsection:active:hover:visited {}

span.editsection a:hover {}*/

#contentSub {
  color: #7c581a;
}

div.toc, div#toc {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.toc #toctitle, #toc #toctitle, .toc .toctitle, .toc #toctitle {
  background: transparent;
}

div#content #toctitle h2 {
  border: none;
  font-family: Lato, sans-serif;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

/*.toctoggle, #toc .toctoggle {}

.toctoggle a, #toc .toctoggle a {}

.toctoggle a:hover, #toc .toctoggle a:hover {}*/

ul {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gYTAhw3dEL2EgAAACxJREFUGNNjYBh0gJGBgYHBXpV5P0zg4O2/joxQAQckhQeYsGlnItpMrLYDAPf+Ci4Jy0m4AAAAAElFTkSuQmCC");
}

ul.gallery {
  border: none;
  background: none;
  box-shadow: none;
  color: var(--hswiki-general-color);
  margin: 0 -12px 0 -12px;
}

li.gallerybox {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

li.gallerybox div.thumb {
  border: var(--hswiki-border);
  background: #f2e2c3;
  box-shadow: none;
  color: var(--hswiki-general-color);
  margin: 0;
  padding: 0;
}

/* Custom */
.mw-gallery-packed-overlay li.gallerybox {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.mw-gallery-packed-overlay li.gallerybox div.thumb {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.mw-gallery-packed-overlay .gallerybox .gallerytextwrapper {
  margin: 0 !important;
  font-size: calc(1em * 0.875);
  line-height: 1.4;
}

ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover .gallerybox.mw-gallery-focused div.gallerytextwrapper {
  padding: 0 10px;	
}

/* End Custom */

div.gallerytext {
  text-align: center;
}

.thumb {
  border: none;
  background: transparent;
}

div.thumbinner {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

html .thumbimage {
  border: var(--hswiki-border);
  background: #f2e2c3;
  box-shadow: none;
  color: var(--hswiki-general-color);
}

img.thumbborder {
  border: var(--hswiki-border);
}

.thumbcaption {
  color: #485f0c;
}

/*.gallerytext p, .thumbcaption {}

.toggle {}

.sn-small {}

sub, sup a {}

sup.reference {}*/

#catlinks {
  border-radius: 4px;
  box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px;
  border: 1px;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 10px 0 10px 0;
  padding: 3px 8px 5px 8px;
}

#catlinks li {
  display: inline-block;
  border-left: var(--hswiki-border);
}

#catlinks li:first-child {
  border-left: none;
}

/********************
/* Interface styles *
/********************/
input, select, textarea {
  border: 1px solid #967855;
  background: #f4e2c4;
  box-shadow: none;
  color: #000000 !important;
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
}

button, input[type="submit"], input[type="button"], input[type="reset"] {
  font-family: var(--hswiki-headings-font);
  font-weight: bold;
  text-shadow: none;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
  text-shadow: none;
}

div.wikiEditor-preview-contents, div.wikiEditor-preview-loading {
  background: var(--hswiki-general-background-color);
}

.usermessage {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.mw-notification {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  font-size: 80%;
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.mw-notification.postedit {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  font-size: 80%;
  margin: 0 0 10px 0;
  padding: 3px 3.5em 5px 8px;
}

div#content fieldset {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

div#content fieldset legend {
  font-weight: bold;
  font-size: 105%;
  color: var(--hswiki-headings-color);
  margin: 0;
  padding: 0 0 5px 0;
}

.mw-plusminus-null {
  color: #888888;
}

.mw-plusminus-pos {
  color: #006600;
}

.mw-plusminus-neg {
  color: #660000;
}

.autocomment {
  color: #7c581a;
}

.mw-changeslist-legend {
  border: none;
  background: #f2e2c3;
  color: var(--hswiki-general-color);
  margin: 0 0 10px 20px;
  padding: 3px 8px 5px 8px;
}

.mw-search-profile-tabs {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.mw-search-profile-tabs div.search-types ul li.current a {
  color: #98690e;
}

#pagehistory li {
  border: none;
  background: transparent;
  margin: 1px;
  padding: 1px 8px 1px 8px;
}

#pagehistory li.selected {
  border: var(--hswiki-border);
  background: var(--hswiki-header-background-color);
  box-shadow: none;
  color: var(--hswiki-general-color);
  margin: 0;
  padding: 1px 8px 1px 8px;
}

table.diff {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

td.diff-otitle, td.diff-ntitle {
  border: none;
  background: transparent;
}

td.diff-addedline {
  border: none;
  background: rgba(0, 255, 0, 0.25);
  color: #000000;
  font-family: sans-serif;
}

td.diff-deletedline {
  border: none;
  background: rgba(255, 255, 0, 0.25);
  color: #000000;
  font-family: sans-serif;
}

td.diff-context {
  border: none;
  background: rgba(128, 128, 128, 0.25);
  color: #333333;
  font-family: sans-serif;
}

.diffchange {
  background: rgba(255, 255, 255, 0.25);
  color: #880000;
}

fieldset#mw-searchoptions {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

fieldset#mw-searchoptions h4 {
  font-weight: bold;
  color: var(--hswiki-headings-color);
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
}

fieldset#mw-searchoptions div.divider {
  border: none;
  border-bottom: var(--hswiki-border);
}

div.client-js #preferences {
  border: none;
  background: transparent;
  margin: 0 0 0 0;
}

div.client-js #preferences fieldset {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 8px 10px 8px;
  padding: 3px 8px 5px 8px;
}

div.client-js #preferences fieldset legend {
  font-weight: bold;
  font-size: 105%;
  color: var(--hswiki-headings-color);
  margin: 0;
  padding: 0 0 5px 0;
}

div.client-js #preferences fieldset fieldset {
  border: none;
  background: #f2e2c3;
  color: var(--hswiki-general-color);
  margin: 0 8px 10px 8px;
  padding: 3px 8px 5px 8px;
}

div.client-js #preferences fieldset fieldset legend {
  font-weight: bold;
  font-size: 105%;
  color: var(--hswiki-headings-color);
  margin: 0;
  padding: 0 0 5px 0;
}

.client-js #preferences td.htmlform-tip {
  color: #7c581a;
}

.client-js #preftoc {
  border: none;
  background: transparent;
}

.client-js #preftoc ul {
  border: none;
  background: transparent;
}

.client-js #preftoc li {
  background: transparent;
  border: none;
}

.client-js #preftoc li a {
  color: #d84004;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  margin: 2px;
}

.client-js #preftoc li a:visited {
  color: #d84004;
}

.client-js #preftoc li.selected a {
  border-radius: 4px;
  border: 1px solid #bb9f75;
  background: #dbbc82;
  color: var(--hswiki-general-color) !important;
  margin: 1px;
}

.client-js #preftoc li a:active {
  color: #7b7b7b;
}

ul#filetoc {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

table.mw_metadata {
  border: none;
  background: transparent;
  box-shadow: none;
  margin: 0 0 10px 0;
  padding: 0;
}

table.mw_metadata th {
  border: var(--hswiki-border);
  background: #f2e2c3;
  color: var(--hswiki-headings-color);
  font-weight: bold;
  font-family: var(--hswiki-headings-font);
  margin: 0;
  padding: 0 3px 3px 3px;
}

table.mw_metadata td {
  border: var(--hswiki-border);
  background: var(--hswiki-content-background-color);
  color: var(--hswiki-general-color);
  margin: 0;
  padding: 0 3px 3px 3px;
}

.mw-datatable, table.cargoTable {
  border: none;
  background: transparent;
  box-shadow: none;
  margin: 0 0 10px 0;
  padding: 0;
}

table.cargoTable tr:nth-child(2n+1), table.cargoTable tr:nth-child(2n) {
  background: transparent;
}

.mw-datatable th, table.cargoTable th {
  border: var(--hswiki-border);
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-headings-color);
  font-weight: bold;
  font-family: var(--hswiki-headings-font);
  margin: 0;
  padding: 0 3px 3px 3px;
}

.mw-datatable td, .table.cargoTable td {
  border: var(--hswiki-border);
  background: var(--hswiki-content-background-color);
  color: var(--hswiki-general-color);
  margin: 0;
  padding: 0 3px 3px 3px;
}

.skin-vector table.cargoTable tr:nth-child(2n+1) td {
  background-color: var(--hswiki-content-background-color);
}

.skin-vector table.cargoTable tr:nth-child(2n) td {
  background-color: var(--hswiki-header-background-color);
}

.mw-datatable tr:hover td {
  background: #dbbc82;
  background: rgba(146, 95, 0, 0.18);
}

#other_options div {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.tableWrapper {
  overflow: visible;
}

table.smwtable {
  border: none;
  background: transparent;
  box-shadow: none;
  margin: 0 0 10px 0;
  padding: 0;
}

table.smwtable th {
  border: var(--hswiki-border);
  background: #f2e2c3;
  color: var(--hswiki-headings-color);
  font-weight: bold;
  font-family: var(--hswiki-headings-font);
  margin: 0;
  padding: 0 3px 3px 3px;
}

table.smwtable td {
  border: var(--hswiki-border);
  background: var(--hswiki-content-background-color);
  color: var(--hswiki-general-color);
  margin: 0;
  padding: 0 3px 3px 3px;
}

.smwrdflink {
  color: #7c581a;
}

.smwfact {
  border: none;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color) !important;
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.smwfact a, .smwfact a:hover {
  color: #d84004;
}

.smwfact a:visited, .smwfact a:visited:hover {
  color: #a35739;
}

#bodyContent span.rdflink a, #bodyContent span.rdflink a:hover {
  color: #7c581a;
}

.smwfacttable {
  border: none !important;
  background: transparent !important;
}

div.smwfact table {
  border: none;
  background: transparent;
}

div.smwfact tr {
  border: none;
  background: transparent;
}

div.smwfact td {
  border: none;
  background: transparent;
}

.smw-ask-options table, .smw-ask-options table tr, .smw-ask-options table tr td {
  border: none !important;
  background: transparent !important;
}

div#content fieldset.smw-ask-options legend {
  padding-left: 20px;
}

.ui-widget-content, .ui-menu {
  border: var(--hswiki-border);
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

/*.ui-menu-item, .ui-menu-item a, .ui-widget-content a {
}

.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover a, .ui-menu .ui-state-hover, .ui-menu .ui-state-hover a {
}*/

table.mw-abuselog-details {
  border: none;
  background: transparent;
  box-shadow: none;
  margin: 0 0 10px 0;
  padding: 0;
}

table.mw-abuselog-details tr {
  border: none;
  background: transparent;
}

table.mw-abuselog-details tr th {
  border: var(--hswiki-border);
  background: #f2e2c3;
  color: var(--hswiki-headings-color);
  font-weight: bold;
  font-family: var(--hswiki-headings-font);
  margin: 0;
  padding: 0 3px 3px 3px;
}

table.mw-abuselog-details tr td {
  border: var(--hswiki-border);
  background: var(--hswiki-content-background-color);
  color: var(--hswiki-general-color);
  margin: 0;
  padding: 0 3px 3px 3px;
}

/*.mw-abusefilter-history-changed {}*/

ol.references li:target,
sup.reference:target {
  background-color: var(--hswiki-header-background-color);
}

/*****************
/* Footer styles *
/*****************/

div#footer {
    margin-left: 0;
}

/******************
/* General styles *
/******************/
.hearthstone {
  border: 1px solid #6B2405;
  background: #6B1F0C;
  background: -webkit-linear-gradient(top,#B1532B 0%,#6B1F0C 100%);
  background: -moz-linear-gradient(top,#B1532B 0%,#6B1F0C 100%);
  background: -o-linear-gradient(top,#B1532B 0%,#6B1F0C 100%);
  background: -ms-linear-gradient(top,#B1532B 0%,#6B1F0C 100%);
  background: linear-gradient(to bottom,#B1532B 0%,#6B1F0C 100%);  
  color: #f3e7cd;
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.hearthstone a, .hearthstone a.extiw, .hearthstone a.external {
  color: #f9c171 !important;
}

div#content .hearthstone a:visited, div#content .hearthstone a.extiw:visited, div#content .hearthstone a.external:visited {
  color: #dcbc8e !important;
}

.hearthstone a.new {
  color: #fb9999 !important;
}

.hearthstone a.new:visited {
  color: #e7adad !important;
}

div.vectorTabs span a:active {
  color: #ffffff !important;
}

.ghost,
table.wikitable td.ghost,
table.wikitable tr td.ghost,
table.wikitable > tr > td.ghost,
table.wikitable > * > tr > td.ghost,
table.dataTable td.ghost {
  color: #7c581a;
}

table.wikitable th,
table.wikitable tr th,
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.dataTable thead th,
table.dataTable tfoot th {
  border: var(--hswiki-border);
  background: #f2e2c3;
  color: var(--hswiki-headings-color);
  font-weight: bold;
  font-family: var(--hswiki-headings-font);
  margin: 0;
  padding: 0 3px 3px 3px;
}

table.wikitable td,
table.wikitable tr td,
table.wikitable > tr > td,
table.wikitable > * > tr > td,
table.dataTable td {
  border: var(--hswiki-border);
  vertical-align: middle;
  padding: 4px 8px;
}

table.wikitable td,
table.wikitable tr td,
table.wikitable > tr > td,
table.wikitable > * > tr > td,
table.dataTable td {
  background: var(--hswiki-content-background-color);
  color: var(--hswiki-general-color);
}


table.dataTable td:hover, 
table.dataTable thead .sorting {
  background-color: #f2e2c3;
}

table.dataTable.display tbody tr.odd td,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: var(--hswiki-content-background-color);
}

table.dataTable.display tbody tr.even td,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #eed2a6;
}

table.jquery-tablesorter th.headerSort,
table.dataTable thead .sorting {
  background-color: var(--hswiki-header-background-color);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANAQMAAAB8XLcjAAAABlBMVEVvcnQ/JQNlR6PUAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeBhMCFxes2A8RAAAAH0lEQVQI12NggAEFIC4A4h8MDIx3IEJg+gdUXAGuEgB8ugTLqIhNQQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 15px 3px 3px;
}

table.jquery-tablesorter th.headerSortDown,
table.dataTable thead .sorting_desc {
  background-color: var(--hswiki-header-background-color);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAIAQMAAAAskSaQAAAABlBMVEVvcnQ/JQNlR6PUAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeBhMCFyuDt3OWAAAAFklEQVQI12NggAEBILYA4hwgPgYXBQATFAF7ScOG0gAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 15px 3px 3px;
}

table.jquery-tablesorter th.headerSortUp,
table.dataTable thead .sorting_asc {
  background-color: var(--hswiki-header-background-color);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAIAQMAAAAskSaQAAAABlBMVEVvcnQ/JQNlR6PUAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeBhMCGAJGnfc1AAAAGElEQVQI12NggALGHiBxA4gLgFgBJsoAACLPAfbmJzOlAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 15px 3px 3px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #7c581a;
}

/************************
/* Fake headers         *
/************************/

.div-table-header, .wikitable caption {
	background: var(--hswiki-header-background-color);
	border: var(--hswiki-border);
	color:var(--hswiki-headings-color);
	text-align:center;
}

/*** Editor page ***/
.wikiEditor-ui, .wikiEditor-ui-controls, .wikiEditor-ui-buttons, .editOptions {
  background-color: transparent;
  border: none;
}

/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding:0.25ex 1ex 0ex;
     font-size: 95%;
}

div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
    padding-right: .5em;
    box-sizing: content-box;
    background-origin: content-box;
}

/**************************
 * Main Page Skin Changes *
 **************************/
 
/*
body.page-Hearthstone_Wiki.ns-0.action-view #p-logo,
body.page-Hearthstone_Wiki.ns-0.action-view #p-logo a {
    height: 169px;
    width: 353px;
    background-size: cover;
}

body.page-Hearthstone_Wiki.ns-0.action-view #p-logo {
    left: calc(50% - 169px);
    top: 40px;
}

body.page-Hearthstone_Wiki.ns-0.action-view #p-logo a {
    background-image: url("/images/e/e2/Hearthstone_Wiki_logo.png");
}

body.page-Hearthstone_Wiki.ns-0.action-view div#mw-page-base {
    background-position: center 20%;
    background-image: url("/images/0/0d/Skin-Main-Page-Head-Background.jpg");
}
 
body.page-Hearthstone_Wiki.ns-0.action-view div#mw-page-base {
    height: 400px;
}

 
body.page-Hearthstone_Wiki.ns-0.action-view #p-search {
    width: auto;
    text-align: center;
}

body.page-Hearthstone_Wiki.ns-0.action-view div#simpleSearch #searchInput {
    padding: 0 1em;
}

body.page-Hearthstone_Wiki.ns-0.action-view div#footer {
    text-align: center;
}

body.ltr.page-Main_Page.ns-0.action-view div#footer #footer-places, body.page-Hearthstone_Wiki.ns-0.action-view div#footer #footer-icons {
    float: none;
}

body.page-Hearthstone_Wiki.ns-0.action-view div#footer #footer-places li, body.page-Hearthstone_Wiki.ns-0.action-view div#footer #footer-icons li {
    float: none;
    display: inline-block;
}

@media ( min-width: 1022px ) {
  body.page-Hearthstone_Wiki.ns-0.action-view div.vectorTabs ul li{
    width: 123px;
    text-align: center;
  }

  body.page-Hearthstone_Wiki.ns-0.action-view #ca-watch,
  body.page-Hearthstone_Wiki.ns-0.action-view #ca-unwatch {
    width: auto;
  }
}
*/

/* Cards. For card header and footer */
.card-caption {
	background: #f2e2c3;
	color: var(--hswiki-general-color);
}

/* Infoboxes */
.stdinfobox {
  border: 1px solid #805416;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
}

.cardbox {
  border: 1px solid #805416;
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-general-color);
}

.stdinfobox .title, .cardbox .title {
  background: var(--hswiki-header-background-color);
  color: var(--hswiki-headings-color);
}

.stdinfobox .infobox-header {
	background-image:url('/images/7/7b/Wiki_-_Infobox_header.svg');
	color: var(--hswiki-headings-color);
	padding: 5px;
}

.card-infobox-image-selector-js {
  border: var(--hswiki-border);
}

.card-infobox-image-selector-js .card-infobox-image-selector-links {
  border-bottom: var(--hswiki-border);
}

.card-infobox-image-selector-js .card-infobox-image-selector-links {
  background: var(--hswiki-content-background-color);
}

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title.card-infobox-image-selected {
  background: #f6ead1;
}


/*** Wikitable */
.wikitable, .article-table {
	font-size: 90%;
}

@media screen{
	.wikitable{
		background-color: var(--hswiki-content-background-color);
		border: 1px solid transparent;
	}
}

table.jquery-tablesorter > th.headerSort {
	background-color: var(--hswiki-header-background-color);
}

table.wikitable > th, .wikitable th, .herotable caption {
	background: var(--hswiki-header-background-color) !important;
	color: var(--hswiki-headings-color);
	font-family: var(--hswiki-headings-font);
}

/* Light theme */
/*
table.wikitable tr:hover td {
	background: rgba(0,0,0,0.2);
}
*/

/* Dark theme 
table.wikitable tr:hover td {
	background: rgba(255,255,255,0.2);
}
*/

th.sticky-header {
	position: sticky; /* Requires parent tag to have position:relative */
	-webkit-position: sticky;
	top: 46px; /* Height of the sticky navigation bar */
}

.sticky-note {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	box-shadow: 0 0 3px #000;
	position: sticky; /* Requires parent tag to have position:relative */
	bottom: -3px;
	border-radius: 6px;
}

.linetable {
	border-collapse: collapse;
}

.linetable td {
	border: var(--hswiki-border);
}

.linetable th {
	border-left: var(--hswiki-border);
	border-right: var(--hswiki-border);
	border-bottom: var(--hswiki-border);
}

.linetable tr:last-child td {
	border-bottom: 0 none transparent;
}

.herotable {
	margin: 0;
	border: 0 none transparent;
}
.herotable td {
	padding: 0;
}

/*** Navboxes */
table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
	color: var(--hswiki-headings-color);
	font-family: var(--hswiki-headings-font);
	border: var(--hswiki-border);
}

table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
	background-color: var(--hswiki-content-background-color);
    border: var(--hswiki-border);
}

.hlist li {
    padding: 0em 0.6em 0em 0em;
}

.navbox {
    border: var(--hswiki-border);
    background-color: var(--hswiki-content-background-color);
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}

.navbox-inner, .navbox-subgroup {
    width: 100%;
}

.navbox-group, .navbox-title, .navbox-abovebelow {
    padding: 0.25em 1em;
    line-height: 1.5em;
    text-align: center;
}

.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
    background: var(--hswiki-header-background-color);
}

.navbox th, .navbox-title {
    background: var(--hswiki-header-background-color);
}

th.navbox-group {
    white-space: nowrap;
    text-align: right;
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em;
}

.navbox .navbar {
    display: block;
    font-size: 100%;
}

.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}

.navbox-odd {
    background-color: var(--hswiki-content-background-color);
}

.navbox-even {
    background-color: rgba(0, 0, 0, 0.1);
}

.navbox-list {
	border-color: var(--hswiki-content-background-color);
}


/*** Sidebar */
.sidebar {
	background-color: var(--hswiki-header-background-color);
    border: 21px solid transparent;
    padding: 0;
	border-image: url('/images/6/66/Content-box-border.png') 21 round;
}

.sidebar.bg {
	border-image: url('/images/9/9c/Wiki_-_Battlegrounds_infobox_border.png') 60 stretch;
}

.sidebar.flex {
	margin: 3px 3px 3px 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

.sidebar .content {
	margin: -11px -11px 0 -11px;
}

.sidebar .content .title {
	font-weight: bold;
	color: var(--hswiki-headings-color);
	font-family: var(--hswiki-headings-font);
	font-size: 120%;
	border-bottom: 2px solid rgba(194, 164, 135, 0.6);
}

.sidebar .content .heading {
	font-weight: bold;
	color: var(--hswiki-headings-color);
	font-family: var(--hswiki-headings-font);
	font-size: 110%;
}

/*** Cards */
.card-caption {
	background-color: var(--hswiki-header-background-color);
    border: var(--hswiki-border);
}

/*** Categories */
ul.categories {
	background-color: var(--hswiki-header-background-color);
    border: var(--hswiki-border);
    border-radius: 3px;
    padding: 2px;
}

/*** Main pages v2.0 */

 /*** Card set box layout */
.card-set-box {
	overflow: hidden;
	position: relative;
	border-radius: 7px;
	transform: scale(0.95);
	transition: transform .2s;
	box-shadow: 0 0 3px #000;
	font-family: var(--hswiki-headings-font);
    color: var(--hswiki-imagebox-text-color);
    text-shadow: rgb(0 0 0) 2px 0px 0px, rgb(0 0 0) 1.75517px 0.95885px 0px, rgb(0 0 0) 1.0806px 1.68294px 0px, rgb(0 0 0) 0.14147px 1.99499px 0px, rgb(0 0 0) -0.83229px 1.81859px 0px, rgb(0 0 0) -1.60229px 1.19694px 0px, rgb(0 0 0) -1.97998px 0.28224px 0px, rgb(0 0 0) -1.87291px -0.70157px 0px, rgb(0 0 0) -1.30729px -1.5136px 0px, rgb(0 0 0) -0.42159px -1.95506px 0px, rgb(0 0 0) 0.56732px -1.91785px 0px, rgb(0 0 0) 1.41734px -1.41108px 0px, rgb(0 0 0) 1.92034px -0.55883px 0px;
    width: 329px;
    height: 200px;
    background: #000;
    opacity: 1;
}

.card-set-box:hover {
	transform: scale(1.0);
}

.card-set-box .thumbnail {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 1;
	transition: opacity .2s;
}

.card-set-box:hover .thumbnail {
	opacity: 0.5;
}

.card-set-box .logo {
	position: absolute;
	left: 0;
	right: 0;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
}

.card-set-box .date {
	left: 0;
	right: 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 5px 0;
	align-items: center;
	justify-content: center;
	font-size: 120%;
	font-weight: bold;
	background: linear-gradient(to top, #000, transparent);
}

 /*** Class box layout */

.class-box {
	position: relative;
	width: 145px; /* MAX: 215 */
	height: 235px; /* MAX: 349 */
	font-family: var(--hswiki-headings-font);
    color: var(--hswiki);
    text-shadow: rgb(0 0 0) 2px 0px 0px, rgb(0 0 0) 1.75517px 0.95885px 0px, rgb(0 0 0) 1.0806px 1.68294px 0px, rgb(0 0 0) 0.14147px 1.99499px 0px, rgb(0 0 0) -0.83229px 1.81859px 0px, rgb(0 0 0) -1.60229px 1.19694px 0px, rgb(0 0 0) -1.97998px 0.28224px 0px, rgb(0 0 0) -1.87291px -0.70157px 0px, rgb(0 0 0) -1.30729px -1.5136px 0px, rgb(0 0 0) -0.42159px -1.95506px 0px, rgb(0 0 0) 0.56732px -1.91785px 0px, rgb(0 0 0) 1.41734px -1.41108px 0px, rgb(0 0 0) 1.92034px -0.55883px 0px;
}

.class-box .image {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.class-box:hover .image.bottom {
	opacity: 0;
}

.class-box .image.top {
	opacity: 0;
}

.class-box:hover .image.top {
	opacity: 1;
}

.class-box .text {
	position: absolute;
	top: 60%;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    display: flex;
    align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	color: var(--hswiki-imagebox-text-color);
}

 /*** Header and Footer padding */
.page-Hearthstone_Wiki .mw-body,
.page-Hearthstone_Wiki_Battlegrounds .mw-body,
.page-Hearthstone_Wiki_Mercenaries .mw-body,
.page-Hearthstone_Wiki_Community_portal .mw-body {
	padding: 0;
}

.page-Hearthstone_Wiki h2,
.page-Hearthstone_Wiki_Battlegrounds h2, 
.page-Hearthstone_Wiki_Mercenaries h2,
.page-Hearthstone_Wiki_Community_portal h2 {
	border: 0 none transparent;
	margin: 0;
}

 /*** Content */
.main-page {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
}

.main-page-box a {
	color: var(--hswiki-link-color);
}

.main-page-box a:visited {
	color: var(--hswiki-link-color) !important;
}

.main-page-box a.external {
	color: var(--hswiki-link-color) !important;
}

.main-page-box a.external:visited {
	color: var(--hswiki-link-color) !important;
}

.main-page-box {
	padding: 5px;
	background: url(/images/b/b2/WikiaRail-Background.jpg);
	box-shadow: 0 0 10px #000 inset;
    border: 17px solid transparent;
    color: var(--hswiki-redbox-text-color);
	border-image: url(/images/e/e1/Main_page_rail_border.png) 17 repeat;
	-moz-border-image: url(/images/e/e1/Main_page_rail_border.png) 17 repeat;
    -o-border-image: url(/images/e/e1/Main_page_rail_border.png) 17 repeat;
    -webkit-border-image: url(/images/e/e1/Main_page_rail_border.png) 17 repeat;
}

.main-page-box .deck-heading {
	border: 19px solid transparent;
	background-color: #000;
	border-image: url(/images/1/1c/Deck-border.png) 19 stretch;
	-moz-border-image: url(/images/1/1c/Deck-border.png) 19 stretch;
	-o-border-image: url(/images/1/1c/Deck-border.png) 19 stretch;
	-webkit-border-image: url(/images/1/1c/Deck-border.png) 19 stretch;
	box-shadow: -5px 5px 10px #000 inset;
	font-size: 150%;
	font-family: var(--hswiki-headings-font);
	color: var(--hswiki-imagebox-text-color);
	font-weight: bold;
	margin: 5px 5px 0 5px;
}

.main-page-box .deck-heading .text {
	background: linear-gradient(to right, #000 25%, transparent);
	width: 100%;
	bottom: 0;
	left: 0;
	margin-top: 60px;
	color: var(--hswiki-imagebox-text-color) !important;
}

.main-page-box .heading {
	background: url(/images/b/b2/Main_page_header.svg) center no-repeat;
	font-size: 150%;
	font-family: var(--hswiki-headings-font);
	font-weight: bold;
	text-align: center;
	margin: 5px 0;
	padding: 5px 0;
	color: var(--hswiki-redbox-text-color) !important;
}

.main-page-box .sub-heading {
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
	margin: 5px;
	padding: 3px 0;
}

.main-page-game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;        
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex: 0 1 69%;
  box-sizing: border-box;
}

.main-page-bg {
	border: 107px solid transparent;
	color: #000;
	border-image: url('/images/e/eb/Wiki_-_Battlegrounds_skin.jpg') 321 stretch;
	-moz-border-image: url('/images/e/eb/Wiki_-_Battlegrounds_skin.jpg') 321 stretch;
	-o-border-image: url('/images/e/eb/Wiki_-_Battlegrounds_skin.jpg') 321 stretch;
	-webkit-border-image: url('/images/e/eb/Wiki_-_Battlegrounds_skin.jpg') 321 stretch;
	background-color: #bd9e72;
}

.main-page-bg .content {
	margin: -85px -75px;
}

.main-page-bg .heading {
	color: #390035;
	text-align: center;
	font-family: var(--hswiki-headings-font);
	font-size: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bolder;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	padding: 30px 0;
}

.main-page-bg .sub-heading {
	background-image: url('https://bnetcmsus-a.akamaihd.net/cms/gallery/QX6KQ7AMSWXT1572367736812.png');
	background-size: 50% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #390035;
	text-align: center;
	font-weight: bolder;
	padding: 0 0 7px 0;
}

.main-page-bg a {
  color: #390035 !important;
}

.main-page-bg .heading.minion {
	background-image: url('/images/b/b8/Battlegrounds_Minion_header.png');
}

.main-page-bg .heading.bartender {
	background-image: url('/images/7/76/Battlegrounds_Bartender_header.png');
}

.main-page-bg .heading.hero {
	background-image: url('/images/7/7f/Battlegrounds_Hero_header.png');
}

@media screen and (max-width: 1100px) {
  .main-page-bg .content {
    max-width: 90vw;
  }
}

.main-page-merc {
	box-shadow: 0 0 10px #000 inset;
    border: 120px solid transparent;
    color: var(--hswiki-general-color);
	border-image: url(/images/1/14/Wiki_-_Mercenaries_background.jpg) 255 stretch;
	-moz-border-image: url(/images/1/14/Wiki_-_Mercenaries_background.jpg) 255 stretch;
    -o-border-image: url(/images/1/14/Wiki_-_Mercenaries_background.jpg) 255 stretch;
    -webkit-border-image: url(/images/1/14/Wiki_-_Mercenaries_background.jpg) 255 stretch;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.main-page-merc .content {
	padding: 100px 0 30px 0;
}

.main-page-merc .title {
	margin: -80px -80px;
}

.main-page-merc .heading {
	color: #a24100;
	text-align: center;
	font-family: var(--hswiki-headings-font);
	font-size: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bolder;
	background-image: url('/images/b/b8/Battlegrounds_Minion_header.png');
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	padding: 30px 0;
}

.main-page-merc h2{
  border-bottom: none !important;
}

.main-page-merc .sub-heading {
	background-image: url('https://bnetcmsus-a.akamaihd.net/cms/gallery/QX6KQ7AMSWXT1572367736812.png');
	background-size: 50% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #390035;
	text-align: center;
	font-weight: bolder;
	padding: 0 0 7px 0;
}

.main-page-merc a {
	color: var(--hswiki-link-color-visited);
}

.main-page-merc .title a{
  color: #a1360e !important;
}

@media screen and (max-width: 1100px) {
  .main-page-merc .content {
    max-width: 75vw;
  }
}

 /*** Main Page: Mercenaries Village */

.merc-village {
	position: relative;
	aspect-ratio: 1/0.725;
	overflow: hidden;
	display: inline-block;
	background-image: url('/images/c/cb/Wiki_-_Mercenaries_Village.jpg');
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: -3px;
}

.merc-village-black {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 2;
}

.merc-village-select {
	position: absolute;
	z-index: 3;
}

#merc-tavern:hover ~ .merc-village-black {
	background-image: url('/images/0/0f/Wiki_-_Mercenaries_Tavern_selected.png');
}

#merc-travel-point:hover ~ .merc-village-black {
	background-image: url('/images/b/be/Wiki_-_Mercenaries_Travel_Point_selected.png');
}

#merc-fighting-pit:hover ~ .merc-village-black {
	background-image: url('/images/f/fe/Wiki_-_Mercenaries_Fighting_Pit_selected.png');
}

#merc-workshop:hover ~ .merc-village-black {
	background-image: url('/images/7/74/Wiki_-_Mercenaries_Workshop_selected.png?cb=20210930151919');
}

#merc-campfire:hover ~ .merc-village-black {
	background-image: url('/images/9/9a/Wiki_-_Mercenaries_Campfire_selected.png');
}

#merc-cart:hover ~ .merc-village-black {
	background-image: url('/images/1/1a/Wiki_-_Mercenaries_Merchant_Cart_selected.png');
}

#merc-mailbox:hover ~ .merc-village-black {
	background-image: url('/images/e/e9/Wiki_-_Mercenaries_Mailbox_selected.png');
}

#merc-packs:hover ~ .merc-village-black {
	background-image: url('/images/5/51/Wiki_-_Mercenaries_Mercenaries_Pack_selected.png');
}

 /*** End Main Page: Mercenaries Village */

.main-page-box.main-page-rail {
  flex: 0 1 31%;
  background-color: #4a2f66;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-image: none;
}

.main-page-rail .content {
	font-size: inherit;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 7px;
	overflow: hidden;
	margin: 0 10px 10px 10px;
	padding: 5px;
}

.main-page-rail .content.attached {
	border-radius: 0 0 7px 7px;
}

.deck-heading#countdown {
	background: url('/images/3/3d/Alternate_Timeline_full.jpg');
	background-size: cover;
	background-position: center center;
}

.deck-heading#news {
	background: url('/images/a/a7/Wiki_news.jpg') center no-repeat;
	background-size: cover;
}

.deck-heading#database {
	background: url('/images/8/80/Wiki_database.jpg') center no-repeat;
	background-size: cover;
}

.deck-heading#newplayer {
	background: url('/images/f/fa/Wiki_new_player.jpg') center no-repeat;
	background-size: cover;
}

.deck-heading#returningplayer {
	background: url('/images/1/1f/Wiki_returning_player.jpg') center no-repeat;
	background-size: cover;
}

.deck-heading#community {
	background: url('/images/b/b5/Wiki_community.jpg') center no-repeat;
	background-size: cover;
}

.main-page-item {
	text-align: center;
	margin: 3px; 
	flex-basis: 100px;
}

.game-mode img, .game-mode-selected img {
	background-image: none;
	background-size: 100% 100%;
	background-position: center center;
	transition: background 1s, background-image 1s;
}

.game-mode img, .main-page-item img {
	filter: drop-shadow(rgba(0, 0, 0, 0.6) 0 3px 3px);
}

.game-mode:hover img, .game-mode-selected img {
	background-image: url('images/thumb/2/28/Game_Mode_selected.png/600px-Game_Mode_selected.png');
	filter: initial;
}

@media (max-width: 1100px) {
  .main-page {
  	flex-wrap: initial;
    flex-direction: column;
  }
  
  .main-page-game {
	flex-basis: 100%;
  }
  
  .main-page-bg {
	flex-basis: 100%;
  }
  
  .main-page-rail {
	flex-basis: 100%;
  }
}

/*** Mercenaries infobox */
.merc-infobox {
	background: var(--hswiki-header-background-color);
	border: 30px solid transparent;
	border-image: url(/images/6/6b/Wiki_-_Mercenaries_infobox_border.png) 90 stretch;
}

.merc-infobox .content {
	margin: -20px;
}

.merc-infobox-flex {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
}

@media (max-width: 1024px) {
	.merc-infobox-flex {
		flex-wrap: wrap;
		flex-direction: row;
	}
}

@media (max-width: 800px) {
	.merc-infobox-flex {
		flex-wrap: nowrap;
		flex-direction: column;
	}
}

.merc-infobox .title {
	font-family: var(--hswiki-headings-font);
	font-size: 120%;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	font-weight: bolder;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	padding: 30px 0;
}

.merc-infobox .title[data-role="1"] {
	background-image: url('/images/4/4b/Mercenaries_-_Caster_header.png');
}

.merc-infobox .title[data-role="2"] {
	background-image: url('/images/9/95/Mercenaries_-_Fighter_header.png');
}

.merc-infobox .title[data-role="3"] {
	background-image: url('/images/a/a3/Mercenaries_-_Protector_header.png');
}

.merc-infobox .title[data-role="4"] {
	background-image: url('/images/2/28/Neutral_header.png');
}

.merc-infobox .infobox-header {
	text-align: center;
	font-weight: bold;
	font-family: var(--hswiki-headings-font);
	font-size: 120%;
	background-image: url('/images/7/7b/Wiki_-_Infobox_header.svg');
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: border-box;
	padding: 5px 0;
}

.merc-infobox table {
	width: 100%;
	font-size: 100%;
	background-color: transparent;
	border: 0;
}

.merc-infobox th {
	text-align: right;
	width: 50%;
}

.merc-infobox td {
	text-align: left;
	width: 50%;
}

/*** Merc custom table of contents */
.merc-toc {
	background: var(--hswiki-header-background-color);
	padding: 5px;
	border: var(--hswiki-border);
	border-radius: 5px;
	width: auto;
}

.merc-toc .merc-toc-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}

.merc-toc .title {
	text-align: center;
	font-weight: bold;
}

/*** Ability infobox */
.ability-infobox {
	background: var(--hswiki-header-background-color);
	padding: 5px;
}

.ability-infobox-flex {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
}

.ability-infobox .header {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	border-bottom: var(--hswiki-border);
}

.ability-infobox .header .title {
	font-family: var(--hswiki-headings-font);
	font-size: 130%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bolder;
	padding: 5px;
}

.ability-infobox .header .properties {
	font-size: 90%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.ability-infobox .header .properties div {
	padding: 2px 6px;
}

.ability-infobox .body {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

.ability-infobox .body .text {
	width: 50%;
}
	
.ability-infobox .body .tags {
	width: 50%;
}

.ability-infobox .body .tags {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	font-size: 90%;
}

.ability-infobox .body .tags .tag-heading {
	background: rgba(0,0,0,0.15);
	border-radius: 3px;
	padding: 3px;
	font-weight: bold;
	font-size: 110%;
	width: 100%;
}

@media (max-width: 1024px) {
	.ability-infobox-flex {
		flex-wrap: wrap;
		flex-direction: row;
	}
	
	.ability-infobox .body {
		flex-wrap: wrap;
		flex-direction: row;
	}
}

@media (max-width: 800px) {
	.ability-infobox-flex {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	
	.ability-infobox .header {
		flex-direction: column;
		text-align: center;
	}
	
	.ability-infobox .header .properties {
		flex-direction: column;
	}
	
	.ability-infobox .body {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	
	.ability-infobox .body .text {
		width: 100%;
	}
	
	.ability-infobox .body .tags {
		width: 100%;
	}
}

.bounty-set-title {
	text-align: center;
	font-size: 120%;
	color: #fff;
	text-shadow: #000 2px 0 0, #000 1.75517px 0.95885px 0, #000 1.0806px 1.68294px 0, #000 0.14147px 1.99499px 0, #000 -0.83229px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px 0.28224px 0, #000 -1.87291px -0.70157px 0, #000 -1.30729px -1.5136px 0, #000 -0.42159px -1.95506px 0, #000 0.56732px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -0.55883px 0;
    font-family: var(--hswiki-headings-font);
    font-weight: 600;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.bounty-set-title[data-bounty-set-id="3"], .bounty-set-title[data-bounty-set-id="5"] {
	background-image: url('/images/b/b9/Lettuce_ZoneTile_Barrens.png');
}

.bounty-set-title[data-bounty-set-id="6"] {
	background-image: url('/images/5/5f/Lettuce_ZoneTile_Felwood.png');
}

.bounty-set-title[data-bounty-set-id="7"] {
	background-image: url('/images/b/b0/Lettuce_ZoneTile_Winterspring.png');
}

.bounty-set-title[data-bounty-set-id="8"] {
	background-image: url('/images/0/03/Lettuce_ZoneTile_Blackrock.png');
}

/* Toggle left */
.float-left .mw-collapsible-toggle {
	float: left;
}

/* Patch changes box */
.patch-changes-box {
	overflow-y: auto; 
	max-height: 400px;
	border: var(--hswiki-border);
	background: var(--hswiki-header-background-color);
}

/* Forked from old wiki */
/* Light theme */
.portable-infobox .pi-item[data-source="watermarkIcon"] {
	background: rgb(106,72,38,0.66);
}

/* Dark theme */
/*
.theme-fandomdesktop-dark .portable-infobox .pi-item[data-source="collectionIcon"] {
    background: rgb(227,205,166,0.66);
}
*/

/* Hyperlink rarity styles */
.rarity1 { color: #f6f6f6; text-shadow: -1px 0 1px #444444, 1px 0 1px #444444, 0 -1px 1px #444444, 0 1px 1px #444444; }
.rarity3 { color: var(--custom-rarity3) }
.rarity4 { color: var(--custom-rarity4) }
.rarity5 { color: var(--custom-rarity5) }

.rootpage-Battlegrounds, .page-Hearthstone_Wiki_Battlegrounds, .page-Special_RunQuery_BG_Hero, .page-Special_RunQuery_BG_Minion, .page-Special_RunQuery_BG_Other {
	--theme-body-background-color: #390035;
}

.rootpage-Battlegrounds, .page-Hearthstone_Wiki_Battlegrounds {
	--theme-body-background-image: url('/images/3/31/Site-background-Battlegrounds.jpg/revision/latest');
}

.rootpage-Mercenaries, .page-Hearthstone_Wiki_Mercenaries {
	--theme-body-background-image: url('/images/5/53/Site-background-Mercenaries.jpg/revision/latest');
	--theme-body-background-color: #6d2809;
}

.rootpage-Duels {
	--theme-body-background-image: url('/images/2/22/Site-background-Duels.jpg/revision/latest');
	--theme-body-background-color: #021215;
}

.mw-special-RunQuery {
	--theme-body-background-image: url('https://images.blz-contentstack.com/v3/assets/bltc965041283bac56c/blt42705147f327ad2d/5e46fcb1cc8de70b69efa92d/bg_cardgallery_header_standard.jpg');
}

pre, .mw-code, code {
  border: var(--hswiki-border);
  background-color: var(--hswiki-header-background-color);
}

 /**** MsUpload */
.wikiEditor-ui #msupload-div {
    padding: 0;
    background: #657d91;
    border: 1px solid #aaa;
    z-index: 0;
}

.wikiEditor-ui #msupload-dropzone {
    margin: 3px;
    padding: 5px;
    border: 1px dashed #ddd;
    text-align: center;
    height: 20px;
    color: #fff;
}

.wikiEditor-ui #msupload-bottom {
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    padding: 8px;
    height: 22px;
    color: #fff;
}

.wikiEditor-ui #msupload-list .file {
    background: #dee9e9;
    border-top: 1px solid #657d91;
    margin: 0;
    padding: 10px;
    position: relative;
    color: #444;
}

  /**** MsUpload: Error background */
.wikiEditor-ui #msupload-list .yellow {
    background: #f9cdad;
}
  /**** MsUpload: Completed background */
.wikiEditor-ui #msupload-list .green {
    background: #a8dba8;
}
  /**** MsUpload: File warning */
#msupload-list .file .file-warning > .tright {
    clear: both;
    float: none;
    margin: 0;
    background: transparent;
}

 /**** MsUpload: Input button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	color: #fff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button::hover {
	color:var(--theme-link-color--hover);
}

/*** Mercenaries portable infobox */
/**** Main */
.mercs-infobox .portable-infobox {
	width: 100%;
	display: flex;
	background: var(--hswiki-header-background-color);
	filter: drop-shadow(rgba(0,0,0,0.6) 0 3px 3px);
	float: none;
	margin: 0 0 5px 0;
}

.mercs-infobox .portable-infobox .pi-secondary-background {
	background: rgba(0,0,0,0.15);
}

/**** Title */
.mercs-infobox .portable-infobox .pi-title {
	font-family: var(--hswiki-headings-font);
	background: transparent !important;
	border-bottom: var(--hswiki-border);
	font-size: 130%;
	text-align: center;
	padding: 15px 0;
}

/**** Header */
.mercs-infobox .portable-infobox .pi-header {
	text-align: left;
}

/**** Components */
.mercs-infobox .portable-infobox .pi-item[data-source="booleans"],
.mercs-infobox .portable-infobox .pi-item[data-source="other_booleans"]  {
	font-size: 85%;
}

/* Image group */
.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-image"] > .pi-image {
	min-width: 230px;
	filter: drop-shadow(rgba(0,0,0,0.6) 0 3px 3px);
    transform: scale(1);
    transition: all 0.2s;
}

.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-image"] > .pi-image:hover {
	transform: scale(1.1);
	filter: drop-shadow(rgba(1,1,1,0.6) 0 3px 3px);
}

.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-image"] > .pi-item[data-source="merc-image"] {
	display: none;
}

.mercs-infobox.mercsIsMercenary .portable-infobox > .pi-group[data-item-name="infobox-image"] > .pi-image {
	display: none;
}

.mercs-infobox.mercsIsMercenary .portable-infobox > .pi-group[data-item-name="infobox-image"] > .pi-item[data-source="merc-image"] {
	display: block;
	overflow: visible;
}

.mercs-infobox.mercsIsMercenary .portable-infobox > .pi-group[data-item-name="infobox-image"] > .pi-item[data-source="merc-image"] > .pi-data-value {
	transform: scale(0.7); /* Formula: 230 / 350 */
	margin: -60px; /* Formula: (350 - 230) / 2 */
	text-align: center;
}

/* Group containing title + Information group */
.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-info"] {
	width: 100%;
}

/* Information group */
.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-info"] > .pi-group {
	width: 100%;
	display: flex;
}

/* Basic information */
.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-info"] > .pi-group > .pi-group:nth-child(1) {
	flex-grow: 1.5;
}

/**** For landscape screens */
@media (min-width: 900px) {
	.mercs-infobox .portable-infobox {
		flex-direction: row;
	}
	.mercs-infobox .portable-infobox .pi-title {
		text-align: left;
	}
	.mercs-infobox .portable-infobox .pi-item[data-source="booleans"] > .pi-data-value {
		text-align: left;
	}
	.mercs-infobox .portable-infobox .pi-item[data-source="other_booleans"] > .pi-data-value {
		text-align: left;
	}
	
	/* Information group */
	.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-info"] > .pi-group {
		flex-direction: row;
	}
	
	/* Optional information */
	.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-info"] > .pi-group > .pi-group:nth-child(2) {
		flex-grow: 1.0;
		width: 50%;
	}
}

/**** For portrait screens */
@media (max-width: 900px) {
	.mercs-infobox .portable-infobox {
		flex-direction: column;
	}
	.mercs-infobox .portable-infobox .pi-title {
		text-align: center;
	}
	.mercs-infobox .portable-infobox .pi-item[data-source="booleans"] {
		justify-content: center;
	}
	.mercs-infobox .portable-infobox .pi-item[data-source="booleans"] > .pi-data-value {
		text-align: center;
	}
	
	/* Information group */
	.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-info"] > .pi-group {
		flex-direction: column;
	}
	
	/* Information group - Side group */
	.mercs-infobox .portable-infobox > .pi-group[data-item-name="infobox-info"] > .pi-group > .pi-group:nth-child(2) {
		width: 100%;
	}
}

/*** Constructed portable infobox */
/**** Main */
.constructed-infobox .portable-infobox {
	background: var(--hswiki-header-background-color);
	filter: drop-shadow(rgba(0,0,0,0.6) 0 3px 3px);
	border-radius: 5px;
	margin: 0 0 5px 2px;
}

.constructed-infobox .portable-infobox .pi-secondary-background {
	background-color: transparent;
	background-image: url('/images/7/7b/Wiki_-_Infobox_header.svg');
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.pi-secondary-background {
	color: var(--hswiki-headings-color);
}

/**** Title */
.constructed-infobox .portable-infobox .pi-title  {
	font-family: var(--hswiki-headings-font);
	background: transparent;
	font-size: 130%;
	border-radius: 5px;
}

.constructed-infobox.classId1 .portable-infobox .pi-title  {
	background-color: var(--custom-class1);
}

.constructed-infobox.classId2 .portable-infobox .pi-title  {
	background-color: var(--custom-class2);
}

.constructed-infobox.classId3 .portable-infobox .pi-title  {
	background-color: var(--custom-class3);
}

.constructed-infobox.classId4 .portable-infobox .pi-title  {
	background-color: var(--custom-class4);
}

.constructed-infobox.classId5 .portable-infobox .pi-title  {
	background-color: var(--custom-class5);
}

.constructed-infobox.classId6 .portable-infobox .pi-title  {
	background-color: var(--custom-class6);
}

.constructed-infobox.classId7 .portable-infobox .pi-title  {
	background-color: var(--custom-class7);
}

.constructed-infobox.classId8 .portable-infobox .pi-title  {
	background-color: var(--custom-class8);
}

.constructed-infobox.classId9 .portable-infobox .pi-title  {
	background-color: var(--custom-class9);
}

.constructed-infobox.classId10 .portable-infobox .pi-title  {
	background-color: var(--custom-class10);
}

.constructed-infobox.classId14 .portable-infobox .pi-title  {
	background-color: var(--custom-class14);
}

/*** Battlegrounds portable infobox */
/**** Main */
.bg-infobox .portable-infobox {
	background: var(--hswiki-header-background-color);
	filter: drop-shadow(var(--custom-bg) 0 3px 3px);
	border-radius: 5px;
	margin: 0 0 5px 2px;
}

.bg-infobox .portable-infobox .pi-secondary-background {
	background-color: transparent;
	background-image: url('/images/7/7b/Wiki_-_Infobox_header.svg/revision/latest');
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/**** Title */
.bg-infobox .portable-infobox .pi-title  {
	font-family: var(--hswiki-headings-font);
	background: transparent;
	font-size: 130%;
	border-radius: 5px;
	background-color: var(--custom-bg);
}

/*** All portable infoboxes */
/* Wiki.gg only */
.portable-infobox {
	font-size: 95%;
}

.portable-infobox .pi-title {
	text-align: center;
}

.portable-infobox h3 {
	font-family: revert !important;
}

/* END Wiki.gg only */

.portable-infobox .pi-item[data-source="fullTags"] .pi-data-value {
	word-break: break-all;
}

.portable-infobox .pi-data {
	padding-left: 3px;
	padding-right: 3px;
}

.portable-infobox .pi-item-spacing {
	padding-top: 4px;
	padding-bottom: 4px;
}

.portable-infobox .pi-font {
	font-size: inherit;
}

.portable-infobox .pi-header {
	font-size: 110%;
	font-family: var(--hswiki-headings-font);
	line-height: 1.0;
	text-align: center;
}

.portable-infobox .pi-data-label {
	font-size: inherit !important;
}

.rarityId3 .portable-infobox {
	filter: drop-shadow(var(--custom-rarity3) 0 3px 3px);
}

.rarityId4 .portable-infobox {
	filter: drop-shadow(var(--custom-rarity4) 0 3px 3px);
}

.rarityId5 .portable-infobox {
	filter: drop-shadow(var(--custom-rarity5) 0 3px 3px);
}

.constructed-infobox .portable-infobox .pi-item[data-source="booleans"],
.bg-infobox .portable-infobox .pi-item[data-source="booleans"],
.bg-infobox .portable-infobox .pi-item[data-source="other_booleans"] {
	font-size: 85%;
	justify-content: center;
}

.constructed-infobox .portable-infobox .pi-item[data-source="text"],
.constructed-infobox .portable-infobox .pi-item[data-source="flavor"],
.constructed-infobox .portable-infobox .pi-item[data-source="hero_description"],
.constructed-infobox .portable-infobox .pi-item[data-source="coin_description"],
.bg-infobox .portable-infobox .pi-item[data-source="text"],
.bg-infobox .portable-infobox .pi-item[data-source="other_text"],
.bg-infobox .portable-infobox .pi-item[data-source="flavor"],
.bg-infobox .portable-infobox .pi-item[data-source="hero_description"] {
	justify-content: center;
}

.portable-infobox .pi-item[data-source="text"] > .pi-data-value,
.portable-infobox .pi-item[data-source="flavor"] > .pi-data-value,
.portable-infobox .pi-item[data-source="hero_description"] > .pi-data-value,
.portable-infobox .pi-item[data-source="coin_description"] > .pi-data-value,
.portable-infobox .pi-item[data-source="booleans"] > .pi-data-value,
.portable-infobox .pi-item[data-source="other_text"] > .pi-data-value,
.portable-infobox .pi-item[data-source="hero_description"] > .pi-data-value,
.portable-infobox .pi-item[data-source="booleans"] > .pi-data-value,
.portable-infobox .pi-item[data-source="other_booleans"] > .pi-data-value,
.portable-infobox .pi-horizontal-group-item[data-source="custom_mechanicTags"],
.portable-infobox .pi-horizontal-group-item[data-source="custom_refTags"] {
	text-align: center;
	-webkit-hyphens: none;
	hyphens: none;
}

.portable-infobox .pi-image[data-source="collectionIcon"] img {
	max-width: 256px;
}

/* END Forked from old wiki */

/****************************************/
/*** Image boxes with no external icons */
.externals-no-icon a.external {
	background-image: none;
	padding-right: 0;
}

/****************************************/
/*** Tag banner before page title */
.tag-banner {
	display: inline-block;
}

/****************************************/
/*** Sitenotice */
.mw-dismissable-notice {
	min-height: 18px;
}

.sitedir-ltr .mw-dismissable-notice-body {
    margin: 0 3em 0 0;
}

/****************************************/
/*** Buttons */
.button-container {
	align-items: center;
	border: 12px solid transparent;
	border-image: url('https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e5/Wiki-button-container.png/revision/latest') 38 stretch;
	background-color: #31211c;
    text-align: center;
    padding: 18px 0;
    z-index: 1;
    max-height: 45px;
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 0 6px);
	box-shadow: 0 0 0 0;
}

.button, .button-optional {
	border: 3px solid transparent;
	background-color: #7e5f58;
    border-image: linear-gradient(180deg, #ededed, #573b23) 1;
	color: #fff;
	font-weight: bold;
	padding: 8px;
	font-family: var(--hswiki-headings-font);
	margin: 2px;
	text-shadow: 0 0 3px #000;
	text-align: center;
}

.button svg, .button-optional svg {
	fill: #fff;
}

.button a {
	color: #fff !important;
}

.button {
	background: linear-gradient(to right, rgb(146, 27, 154), rgb(185, 33, 196), rgb(146, 27, 154));
	transition: all 0.5s;
	border-radius: 6px;
}

.button:hover {
	background: linear-gradient(to right, #b921c4, #b921c4, #b921c4);
	cursor: pointer;
	text-decoration: none;
}

.button-optional {
	background: linear-gradient(to right, rgb(36, 87, 110), rgb(46, 167, 206), rgb(36, 87, 110));
	transition: all 0.5s;
	border-radius: 6px;
}

.button-optional:hover {
	background: linear-gradient(to right, rgb(46, 167, 206), rgb(46, 167, 206), rgb(46, 167, 206));
	cursor: pointer;
	text-decoration: none;
}

/******************/
/*** Desktop only */
@media only screen and (min-width: 1000px) {
	.mobileonly {
		display: none !important;
	}
	table {
		display: table;
		white-space: normal;
	}
	div#mw-head {
		margin-left: var(--hswiki-desktop-panel-width);
	}
	div#right-navigation {
    	margin-right: 2.5em; /* Temporary fix */
	}
	
	/* Sidebar/Panel */
	div#mw-panel {
	    margin-top: 0;
	    padding-left: 0;
	    padding-right: 26px;
	    width: var(--hswiki-desktop-panel-width);
	}
	
	div#mw-panel div.portal {
	    background-image: none;
	    margin: 0 0 0 0;
	}
	
	div#mw-panel #p-logo + div.portal div.body {
	    margin-left: 0;
	}
	
	#mw-panel.collapsible-nav .portal .body {
	    margin: 0 0 0 0;
	    background-image: none !important;
	    padding-top: 0;
	    display: none;
	}
	
	#mw-panel.collapsible-nav .portal .body ul li {
	    font-size: 0.75em;
	    line-height: 1.125em;
	    padding: 0.25em 0;
	    word-wrap: word-break;
	    margin: 0 0 4px 0;
	}
	
	div#mw-panel div.portal h3, div#mw-panel.collapsible-nav div.portal.expanded h3, div#mw-panel.collapsible-nav div.portal.collapsed h3 {
	    padding: 0 0 5px 15px;
	    margin: 0;
	}
	
	div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal div.body {
	  background: transparent;
	  margin: 0 0 0 0;
	  padding: 0 0 0 15px;
	  width: 150px;
	}
	
	div#mw-panel.collapsible-nav div.portal.expanded div.body {
	  background: transparent;
	  margin: 0 0 0 0;
	  padding: 0 0 0 15px;
	  width: 135px;
	}
	/* END Sidebar/Panel */
	
	/* Search bar */
	#p-search {
	    margin: 0;
	    position: absolute;
	    right: 1em;
	    top: -60px;
	}
	
	#p-search form {
	    display: inline-block;
	    height: auto;
	    vertical-align: middle;
	    margin: 0;
	}
	
	div#simpleSearch {
	    width: 500px;
	    max-width: 500px;
	    margin: 0;
	}
	
	/* END Search bar */
	
	/*Sidebar background styling*/
	  div.content-wrapper {
	    background-image: url(/images/d/dc/Skin-Wrapper-Top-Background.jpg),url(/images/5/5a/Skin-Wrapper-Background.jpg);
	    background-position: left top,left top;
	    background-repeat: no-repeat,repeat-y;
	    background-size: var(--hswiki-desktop-panel-width) auto;
	    min-height: 1100px;
	  }
	  .mw-footer {
	    padding: 1.25em;
	    margin-left: 0;
	    background-image: url(/images/8/89/Skin-Wrapper-Bottom-Background.png), url(/images/5/5a/Skin-Wrapper-Background.jpg);
	    background-position: left bottom, left;
	    background-repeat: no-repeat, repeat-y;
	    background-size: var(--hswiki-desktop-panel-width) auto;
	  }
	    .mw-footer ul {
	    list-style: none;
	    margin-left: 11em;
	    padding: 0;
	  }
	/*END sidebar background styling*/
	
	/* Main Pages */
	.page-Hearthstone_Wiki div#mw-panel,
	.page-Hearthstone_Wiki_Battlegrounds div#mw-panel,
	.page-Hearthstone_Wiki_Mercenaries div#mw-panel,
	.page-Hearthstone_Wiki_Community_portal div#mw-panel {
		padding-right: 0;
	}
	
	.page-Hearthstone_Wiki .mw-body#content,
	.page-Hearthstone_Wiki_Battlegrounds .mw-body#content,
	.page-Hearthstone_Wiki_Mercenaries .mw-body#content,
	.page-Hearthstone_Wiki_Community_portal .mw-body#content {
		padding: 0;
	}
}

/*****************/
/*** Mobile only */
@media only screen and (max-width: 999px) {
	.nomobile {
		display: none !important;
	}
	.mobileonly {
		display: revert !important;
	}
	table {
	    display: table;
	    white-space: normal;
	  }
	div#content {
		padding: 0;
	}
	#p-logo {
    	position: absolute;
    	top: -175px;
    	left: calc(50% - 107px);
	}
	div#mw-head {
		left: 0;
		position: absolute;
	}
	.mw-body {
		margin-top: 14px;
	}
	.portable-infobox table {
		display: table;
		white-space: normal;
	}
	.list-cards {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.card-div {
		display: inline-block;
		text-align: center;
		flex-shrink: 0;
	}
	#mw-page-base {
		height: calc(256px + var(--hswiki-head-height));
	}
	/*Sidebar bg fix*/
	#mw-panel.collapsible-nav .portal .vector-menu-content {
    background: url(/images/b/b2/WikiaRail-Background.jpg) !important;
  }
}
Personal tools

Navigation menu

Namespaces

Views

Navigation

Constructed

Game modes

Databases

Collection

Tools

MediaWiki:Vector.css
