MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/****************** /* General styles * /******************/ /* devanagari */ @font-face { font-family: "Eczar"; font-style: normal; font-weight: 400; src: local("Eczar"), local("Eczar-Regular"), url("https://fonts.gstatic.com/s/eczar/v4/e8eveZDPQf-P6WhS93Br6Q.woff2") format("woff2"); unicode-range: U+2BC, U+900-97F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: "Eczar"; font-style: normal; font-weight: 400; src: local("Eczar"), local("Eczar-Regular"), url("https://fonts.gstatic.com/s/eczar/v4/WRez4Kbl_ZWcd1vDZ4Y4Iw.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Eczar"; font-style: normal; font-weight: 400; src: local("Eczar"), local("Eczar-Regular"), url("https://fonts.gstatic.com/s/eczar/v4/hyMVYt18PG_P8SE878ktjA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* devanagari */ @font-face { font-family: "Eczar"; font-style: normal; font-weight: 700; src: local("Eczar SemiBold"), local("Eczar-SemiBold"), url("https://fonts.gstatic.com/s/eczar/v4/HK-Cs_EKtHN1C_hElxCwGRTbgVql8nDJpwnrE27mub0.woff2") format("woff2"); unicode-range: U+2BC, U+900-97F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: "Eczar"; font-style: normal; font-weight: 700; src: local("Eczar SemiBold"), local("Eczar-SemiBold"), url("https://fonts.gstatic.com/s/eczar/v4/k6NupAe_KxHaBDAyv5ILmxTbgVql8nDJpwnrE27mub0.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Eczar"; font-style: normal; font-weight: 700; src: local("Eczar SemiBold"), local("Eczar-SemiBold"), url("https://fonts.gstatic.com/s/eczar/v4/h-_hRQTHwOzhzdaLhA66n_esZW2xOQ-xsNqO47m55DA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(/media/hydra/fonts/Lato-Regular.ttf) format('truetype'); }

@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(/media/hydra/fonts/Lato-Bold.ttf) format('truetype'); }

@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(/media/hydra/fonts/Lato-Italic.ttf) format('truetype'); }

@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/media/hydra/fonts/Lato-BoldItalic.ttf) format('truetype'); }

/* latin-ext */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url("https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url("https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; src: local("Lato Bold"), local("Lato-Bold"), url("https://fonts.gstatic.com/s/lato/v13/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; src: local("Lato Bold"), local("Lato-Bold"), url("https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: "Lato"; font-style: italic; font-weight: 400; src: local("Lato Italic"), local("Lato-Italic"), url("https://fonts.gstatic.com/s/lato/v13/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lato"; font-style: italic; font-weight: 400; src: local("Lato Italic"), local("Lato-Italic"), url("https://fonts.gstatic.com/s/lato/v13/PLygLKRVCQnA5fhu3qk5fQ.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: "Lato"; font-style: italic; font-weight: 700; src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("https://fonts.gstatic.com/s/lato/v13/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lato"; font-style: italic; font-weight: 700; src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("https://fonts.gstatic.com/s/lato/v13/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

.hw-collapsible-toggle { font-size: larger; }

.smw-editpage-help { display: none; }

.brown-window { background: url(https://static.wikia.nocookie.net/smite_gamepedia/images/7/75/Brown-window-background.png/revision/latest) repeat transparent padding-box; border-image: url(https://static.wikia.nocookie.net/smite_gamepedia/images/3/37/Brown-window-border.png/revision/latest) 14 repeat; border-width: 14px; border-style: solid; border-color: transparent; }

hr { border: none; border-bottom: 1px solid #cbb995; }

pre, .mw-code, code { border: 1px solid #cbb995; background: #f0dab1; box-shadow: none; color: #000000; text-shadow: none; white-space: pre-wrap; word-wrap: break-word; }

/* For elements which only display in the mobile view */ .mobileonly { display: none; }

/************************ /* CSS icons for tables * /************************/ /* Trying this as an alternative to using images through standard wikicode, because that's a big burden on pages that use tables. */ span.resource-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; }

span.mi, span.mana-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/8/8b/Mana_icon.png/revision/latest"); }

.mw-highlight span.mi { display: inline; background: none; }

span.hi, span.health-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/1/17/Health_icon.png/revision/latest"); }

span.di, span.durability-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/0/06/Weapon-durability.png/revision/latest"); }

span.ari, span.armor-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/f/f0/Armor_icon.png/revision/latest"); }

span.ati, span.attack-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/f/fe/Attack_icon.png/revision/latest"); }

span.wai, span.weapon-attack-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/9/98/Weapon-attack.png/revision/latest"); }

span.api, span.achievement-point-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/c/c6/Achievement_Point_icon.png/revision/latest"); }

span.dust-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/21/Dust_icon.png/revision/latest"); }

span.gold-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/d/d6/Gold_coin_icon.png/revision/latest"); }

span.bg-gold-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/2b/Gold_icon.png/revision/latest"); }

span.star-icon, span.tier-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/3/35/Tier_icon.png/revision/latest"); }

span.xp-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/a/a6/XP_icon.png/revision/latest"); }

span.class-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; }

span.anyi, span.any-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/d/d0/Any_icon.png/revision/latest"); }

span.deathknighti, span.death-knight-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/4/41/Death_Knight_icon.png/revision/latest"); }

span.demonhunteri, span.demonhunter-icon, span.demon-hunteri, span.demon-hunter-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/0/05/Demon_Hunter_icon.png/revision/latest"); }

span.druidi, span.druid-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/75/Druid_icon.png/revision/latest"); }

span.hunteri, span.hunter-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/d/dd/Hunter_icon.png/revision/latest"); }

span.magei, span.mage-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/28/Mage_icon.png/revision/latest"); }

span.paladini, span.paladin-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/9/9b/Paladin_icon.png/revision/latest"); }

span.priesti, span.priest-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/5/54/Priest_icon.png/revision/latest"); }

span.roguei, span.rogue-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/c/c0/Rogue_icon.png/revision/latest"); }

span.shamani, span.shaman-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/a/a8/Shaman_icon.png/revision/latest"); }

span.warlocki, span.warlock-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/3/3f/Warlock_icon.png/revision/latest"); }

span.warriori, span.warrior-icon { display: inline-block; background-size: 100% 100%; height: 16px; width: 16px; background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/c/c8/Warrior_icon.png/revision/latest"); } .autocomment { color: #aeaeae; }

body.page-Hearthstone_Wiki h1.firstHeading { display:none; }

/************************** /* Infobox template style * /**************************/ .infobox { border-radius: 7px; border: 1px solid #e2ddcf; background: #fdf0d9; color: #2c2c2c; margin-bottom: 8px; margin-left: 16px; padding: 4px; float: right; }

.infobox td, .infobox th { vertical-align: top; }

.infobox caption { font-size: larger; margin-left: inherit; }

.infobox.bordered { border-collapse: collapse; }

.infobox.bordered td, .infobox.bordered th { border: 1px solid #462415; }

.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/****************** /* Infobox styles * /******************/ .stdinfobox { float: right; clear: right; border-radius: 7px; border: 1px solid #805416; background: #fdf0d9; color: #2c2c2c; text-align: center; margin: 0 0 10px 20px; padding: 3px 6px; vertical-align: top; width: 280px; }

.cardbox { display: inline-block; border-radius: 7px; border: 1px solid #805416; background: #fdf0d9; color: #2c2c2c; text-align: center; margin: 0 20px 10px 0; padding: 3px 6px; vertical-align: top; width: 15em; min-width: 184px; }

.stdinfobox.clear { clear: right; margin-top: 10px; }

.stdinfobox .title, .cardbox .title { font-weight: bold; font-family: Eczar, serif; border-radius: 4px; border: none; background: #fdf0d9; color: #3f2503; font-size: 150%; text-align: center; margin: 0 0 8px 0; padding: 0 0 5px 0; }

.stdinfobox .image, .cardbox .image { text-align: center; padding: 10px 0 0 0; margin: 0 auto; }

.stdinfobox .image img, .cardbox .image img { margin: 0; padding: 0; }

.stdinfobox table, .cardbox table { margin: 0 auto; }

.stdinfobox table tr th, .cardbox table tr th { border: none; background: transparent; font-weight: bold; color: #3f2503; text-align: right; vertical-align: top; white-space: nowrap; padding: 0 3px 1px 0; }

.stdinfobox table tr td, .cardbox table tr td { border: none; background: transparent; color: #2c2c2c; text-align: left; vertical-align: center; padding: 0 0 1px 3px; }

.stdinfobox table tr td.wide, .cardbox table tr td.wide { border: none; background: transparent; color: #2c2c2c; text-align: center; vertical-align: center; padding: 0 3px 1px 3px; }

.stdinfobox .infobox-header { font-weight: bold; font-family: Eczar, serif; font-size: 110%; text-align: center; border: none; background-position: center center; background-size: cover; background-repeat: no-repeat; background-origin: border-box; background-image:url('https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/7b/Wiki_-_Infobox_header.svg/revision/latest'); color: #3f2503; padding: 5px; }

.card-infobox-image { text-align: center; min-width: 100%; }

.card-infobox-image-selector-nojs { display: flex; flex-flow: row nowrap; overflow: auto; max-width: 100%; }

.card-infobox-image-selector-nojs .card-infobox-image-selected { display: none; }

.card-infobox-image-selector-nojs .card-infobox-image-note { font-size: 80%; }

.card-infobox-image-selector-js { border: solid 1px #cbb995; }

.card-infobox-image-selector-js .card-infobox-image-selector-links { display: flex; flex-flow: row wrap; border-bottom: solid 1px #cbb995; font-size: 80%; justify-content: stretch; align-items: flex-end; }

/************************************** /* Card infobox image selector styles * /**************************************/ .card-infobox-image-selector-js .card-infobox-image-selector-links { background: #efd8af; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title { text-align: center; flex: 1 0 25%; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title .card-infobox-image-title-text { display: none; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title .card-infobox-image-title-link { display: inline; }

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

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title.card-infobox-image-selected .card-infobox-image-title-text { display: inline; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title.card-infobox-image-selected .card-infobox-image-title-link { display: none; }

.card-infobox-image-selector-js .card-infobox-image { display: none; }

.card-infobox-image-selector-js .card-infobox-image.card-infobox-image-selected { display: block; }

.card-infobox-image-selector-js .card-infobox-image-note { display: none; }

/************************** /* Rarity specific styles * /**************************/ table.wikitable td.none, table.wikitable tr td.none, table.wikitable > tr > td.none, table.wikitable > * > tr > td.none, table.dataTable td.ghost, .none     { color: #805416; text-shadow: 0 0 2px #ead7ac; }     .none-box      { border: 1px solid #805416; } table.wikitable td.free, table.wikitable tr td.free, table.wikitable > tr > td.free, table.wikitable > * > tr > td.free, .free     { color: #805416; text-shadow: 0 0 2px #ead7ac; }     .free-box      { border: 1px solid #805416; } table.wikitable td.basic, table.wikitable tr td.basic, table.wikitable > tr > td.basic, table.wikitable > * > tr > td.basic, .basic    { color: #000000; text-shadow: 0 0 2px #ead7ac; }     .basic-box     { border: 1px solid #000000; } table.wikitable td.common, table.wikitable tr td.common, table.wikitable > tr > td.common, table.wikitable > * > tr > td.common, .common   { color: #f6f6f6; text-shadow:-1px 0 1px #444444, 1px 0 1px #444444, 0 -1px 1px #444444, 0 1px 1px #444444; }     .common-box    { border: 1px solid #f6f6f6; } table.wikitable td.rare, table.wikitable tr td.rare, table.wikitable > tr > td.rare, table.wikitable > * > tr > td.rare, .rare     { color: #2570e5; text-shadow: 0 0 2px #ead7ac; }     .rare-box      { border: 1px solid #2570e5; } table.wikitable td.epic, table.wikitable tr td.epic, table.wikitable > tr > td.epic, table.wikitable > * > tr > td.epic, .epic     { color: #8f2aac; text-shadow: 0 0 2px #ead7ac; }     .epic-box      { border: 1px solid #800080; } table.wikitable td.legendary, table.wikitable tr td.legendary, table.wikitable > tr > td.legendary, table.wikitable > * > tr > td.legendary, .legendary { color: #d08d0b; text-shadow: 0 0 2px #ead7ac, 0 0 2px #ffa500; }    .legendary-box { border: 1px solid #ffa500; }

.stdinfobox.none-style, .cardbox.none-style          { border: 1px solid #805416; } .stdinfobox.free-style, .cardbox.free-style          { border: 1px solid #805416; } .stdinfobox.basic-style, .cardbox.basic-style        { border: 1px solid #000000; } .stdinfobox.common-style, .cardbox.common-style      { border: 1px solid #f6f6f6; } .stdinfobox.rare-style, .cardbox.rare-style          { border: 1px solid #2570e5; } .stdinfobox.epic-style, .cardbox.epic-style          { border: 1px solid #800080; } .stdinfobox.legendary-style, .cardbox.legendary-style { border: 1px solid #ffa500; } .stdinfobox.bg-style, .cardbox.bg-style              { border: 1px solid #b52eb7; }

/************************* /* Class specific styles * /*************************/ .any         { color: #805416;                                 } .death-knight { } .death-knight-box { background: rgba(196, 30, 59, 0.6) !important; } .demon-hunter { } .demon-hunter-box { background: rgba(32, 70, 17, 0.6) !important; } .druid       { } .druid-box        { background: rgba(101, 60, 36, 0.6) !important;  } .hunter      {  } .hunter-box       { background: rgba(37, 97, 33, 0.6) !important;  } .mage        { } .mage-box         { background: rgba(101, 122, 173, 0.6) !important;  } .paladin     {  } .paladin-box      { background: rgba(198, 140, 29, 0.6) !important;  } .priest      {  } .priest-box       { background: rgba(255, 255, 255, 0.4) !important;  } .rogue       {  } .rogue-box        { background: rgba(59, 59, 65, 0.6) !important;  } .shaman      {  } .shaman-box       { background: rgba(22, 40, 116, 0.6) !important;  } .warlock     {  } .warlock-box      { background: rgba(84, 53, 95, 0.6) !important;  } .warrior     {  } .warrior-box      { background: rgba(128, 27, 17, 0.6) !important; }

.stdinfobox.any-style .title, .cardbox.any-style .title                  { background: rgba(63, 37, 3, 0.2);     } .stdinfobox.classless-style .title, .cardbox.classless-style .title      { background: rgba(63, 37, 3, 0.2);     } .stdinfobox.death-knight-style .title, .cardbox.death-knight-style .title { background: rgba(196, 30, 59, 0.6);   } .stdinfobox.demon-hunter-style .title, .cardbox.demon-hunter-style .title { background: rgba(32, 70, 17, 0.6); } .stdinfobox.druid-style .title, .cardbox.druid-style .title              { background: rgba(101, 60, 36, 0.6);   } .stdinfobox.hunter-style .title, .cardbox.hunter-style .title            { background: rgba(37, 97, 33, 0.6);  } .stdinfobox.mage-style .title, .cardbox.mage-style .title                { background: rgba(101, 122, 173, 0.6);  } .stdinfobox.paladin-style .title, .cardbox.paladin-style .title          { background: rgba(198, 140, 29, 0.6); } .stdinfobox.priest-style .title, .cardbox.priest-style .title            { background: rgba(255, 255, 255, 0.4);  } .stdinfobox.rogue-style .title, .cardbox.rogue-style .title              { background: rgba(59, 59, 65, 0.6);  } .stdinfobox.shaman-style .title, .cardbox.shaman-style .title            { background: rgba(22, 40, 116, 0.6);    } .stdinfobox.warlock-style .title, .cardbox.warlock-style .title          { background: rgba(84, 53, 95, 0.6);  } .stdinfobox.warrior-style .title, .cardbox.warrior-style .title          { background: rgba(128, 27, 17, 0.6);  }

.stdinfobox.bg-style .title, .cardbox.bg-style .title                    { background: rgba(181, 46, 183, 0.6);  } /* .classless-style .infobox-header { background-image:url('https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/7b/Wiki_-_Infobox_header.svg/revision/latest'); color: #3f2503; padding: 5px; } .bg-style .infobox-header { background-image:url('https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e9/Wiki_-_Infobox_header_Battlegrounds.svg/revision/latest'); color: #3f2503; padding: 5px; } /* .shaman-style .infobox-header { background-image:url('https://static.wikia.nocookie.net/hearthstone_gamepedia/images/6/6f/Wiki_-_Infobox_header_Shaman.svg/revision/latest'); color: #3f2503; padding: 25px; } /********************* /* Card table sizing * /*********************/ .cardsidebar { display: none; }

@media (min-width: 1272px) { .cardsidebar { display: block; float: right; width: 200px; margin: 0 0 0 20px; padding: 0 0 0 0; } }

table.cardtable { width: 100%; }

table.cardtable tr { vertical-align: top; }

table.cardtable tr th.name { width: 10.5em; }

@media (min-width: 1680px) { table.cardtable tr th.name { width: 10vw; } }

@media (min-width: 2400px) { table.cardtable tr th.name { width: 15em; } }

table.cardtable tr th.name span.deschead { display: none; }

table.cardtable tr th.bgtype, table.cardtable tr th.rarity, table.cardtable tr th.type, table.cardtable tr th.subtype, table.cardtable tr th.class { width: 3.5em; }

table.cardtable tr th.class { width: 4.5em; }

table.cardtable tr th.tier, table.cardtable tr th.mana, table.cardtable tr th.cost, table.cardtable tr th.attack, table.cardtable tr th.health { width: 1.5em; }

table.cardtable tr th.desc { width: auto; }

.wideonly { display: none; }

@media (min-width: 1052px) { .narrowonly { display: none; }

tr.wideonly { display: table-row; }

th.wideonly, td.wideonly { display: table-cell; } }

.enchcardtable tr td:nth-child(3), .spellcardtable tr td:nth-child(3), .weaponcardtable tr td:nth-child(3), .msttable tr td:nth-child(3), .minioncardtable tr td:nth-child(4), .customcardtable tr td:nth-child(5), .custombgcardtable tr td:nth-child(7) { white-space: nowrap; }

.spellcardtable tr td:nth-child(4), .weaponcardtable tr td:nth-child(4), .weaponcardtable tr td:nth-child(5), .weaponcardtable td:nth-child(6), .mstcardtable tr td:nth-child(4), .mstcardtable tr td:nth-child(5), .mstcardtable td:nth-child(6), .minioncardtable tr td:nth-child(5), .minioncardtable tr td:nth-child(6), .minioncardtable td:nth-child(7), .customcardtable tr td:nth-child(6), .customcardtable tr td:nth-child(7), .customcardtable td:nth-child(8), .custombgcardtable tr td:nth-child(3), .custombgcardtable tr td:nth-child(8), .custombgcardtable tr td:nth-child(9), .custombgcardtable td:nth-child(10) { white-space: nowrap; text-align: center; }

.enchcardtable tr td:nth-child(4), .spellcardtable tr td:nth-child(5), .weaponcardtable tr td:nth-child(7), .mstcardtable tr td:nth-child(7), .minioncardtable tr td:nth-child(8), .customcardtable tr td:nth-child(9), .custombgcardtable tr td:nth-child(11) { position: relative; }

.enchcardtable tr td:nth-child(4) > div, .spellcardtable tr td:nth-child(5) > div, .weaponcardtable tr td:nth-child(7) > div, .mstcardtable tr td:nth-child(7) > div, .minioncardtable tr td:nth-child(8) > div, .customcardtable tr td:nth-child(9) > div, .custombgcardtable tr td:nth-child(11) > div { display: flex; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; box-sizing: border-box; border: 1px solid #cbb995; background: #efd8af; color: #2c2c2c; padding: 4px 8px; }

.enchcardtable tr td:nth-child(4) > div > div, .spellcardtable tr td:nth-child(5) > div > div, .weaponcardtable tr td:nth-child(7) > div > div, .mstcardtable tr td:nth-child(7) > div > div, .minioncardtable tr td:nth-child(8) > div > div, .customcardtable tr td:nth-child(9) > div > div, custombgcardtable tr td:nth-child(11) > div > div { align-self: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.enchcardtable tr td:nth-child(4) > div > div > div:first-child, .spellcardtable tr td:nth-child(5) > div > div > div:first-child, .weaponcardtable tr td:nth-child(7) > div > div > div:first-child, .mstcardtable tr td:nth-child(7) > div > div > div:first-child, .minioncardtable tr td:nth-child(8) > div > div > div:first-child, .customcardtable tr td:nth-child(9) > div > div > div:first-child, .custombgcardtable tr td:nth-child(11) > div > div > div:first-child { display: inline; }

.enchcardtable tr td:nth-child(4) > div > div > div:not(:first-child), .spellcardtable tr td:nth-child(5) > div > div > div:not(:first-child), .weaponcardtable tr td:nth-child(7) > div > div > div:not(:first-child), .mstcardtable tr td:nth-child(7) > div > div > div:not(:first-child), .minioncardtable tr td:nth-child(8) > div > div > div:not(:first-child), .customcardtable tr td:nth-child(9) > div > div > div:not(:first-child), .custombgcardtable tr td:nth-child(11) > div > div > div:not(:first-child) { display: none; }

.enchcardtable tr td:nth-child(4):not(:hover) > div > div > div:first-child:not(:last-child):after, .spellcardtable tr td:nth-child(5):not(:hover) > div > div > div:first-child:not(:last-child):after, .weaponcardtable tr td:nth-child(7):not(:hover) > div > div > div:first-child:not(:last-child):after, .mstcardtable tr td:nth-child(7):not(:hover) > div > div > div:first-child:not(:last-child):after, .minioncardtable tr td:nth-child(8):not(:hover) > div > div > div:first-child:not(:last-child):after, .customcardtable tr td:nth-child(9):not(:hover) > div > div > div:first-child:not(:last-child):after, .custombgcardtable tr td:nth-child(11):not(:hover) > div > div > div:first-child:not(:last-child):after { display: inline; content: "..."; }

.enchcardtable tr td:nth-child(4):hover > div, .spellcardtable tr td:nth-child(5):hover > div, .weaponcardtable tr td:nth-child(7):hover > div, .mstcardtable tr td:nth-child(7):hover > div, .minioncardtable tr td:nth-child(8):hover > div, .customcardtable tr td:nth-child(9):hover > div, .custombgcardtable tr td:nth-child(11):hover > div { bottom: auto; overflow: visible; left: -40vw; left: calc(30vw - 360px); min-height: 100%; z-index: 3000; }

@media (min-width: 1200px) { .enchcardtable tr td:nth-child(4):hover > div, .spellcardtable tr td:nth-child(5):hover > div, .weaponcardtable tr td:nth-child(7):hover > div, .mstcardtable tr td:nth-child(7):hover > div, .minioncardtable tr td:nth-child(8):hover > div, .customcardtable tr td:nth-child(9):hover > div, .custombgcardtable tr td:nth-child(11):hover > div { left: -1px; } }

.enchcardtable tr td:nth-child(4):hover > div > div, .spellcardtable tr td:nth-child(5):hover > div > div, .weaponcardtable tr td:nth-child(7):hover > div > div, .mstcardtable tr td:nth-child(7):hover > div > div, .minioncardtable tr td:nth-child(8):hover > div > div, .customcardtable tr td:nth-child(9):hover > div > div, .custombgcardtable tr td:nth-child(11):hover > div > div { white-space: normal; }

.enchcardtable tr td:nth-child(4):hover > div > div > div, .spellcardtable tr td:nth-child(5):hover > div > div > div, .weaponcardtable tr td:nth-child(7):hover > div > div > div, .mstcardtable tr td:nth-child(7):hover > div > div > div, .minioncardtable tr td:nth-child(8):hover > div > div > div, .customcardtable tr td:nth-child(9):hover > div > div > div, .custombgcardtable tr td:nth-child(11):hover > div > div > div { display: block; margin-left: 0; }

/********************* /* TNL Template Rows * /*********************/ .tnl-sedate { float: left; min-width: 105px; max-width: 105px; max-height: 25px; }

/********************* /* Pretty table * /*********************/

.prettytable { border-collapse: collapse; border-spacing: 0; } .prettytable tr { border: 1px solid #e4d7b4; }

.prettytable tr th { background-color: #212121; color: white; border: 1px solid #3f3c3f; }

.prettytable td { background: #ece3ca; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); border: 1px solid #e4d7b4; border-width: 1px; border-width-top: 0; padding: 4px 8px; vertical-align: middle; color: #222; }

/* Brackets */ .bracket { font-size: 11px; background: none; }

.bracket-column { float: left; position: relative; }

.bracket-header { border-radius: 2px; border: 1px solid #e4d7b4; padding: 2px 0 2px 0; position: relative; left: 0; right: 0; line-height:18px; margin-bottom: 20px; text-align: center; background: #e7dbbb; }

.bracket-cell-r1 { height: 36px; } .bracket-cell-r2 { height: 72px; } .bracket-cell-r3 { height: 144px; } .bracket-cell-r4 { height: 288px; } .bracket-cell-r5 { height: 576px; } .bracket-cell-r6 { height: 1152px; } .bracket-cell-r7 { height: 2304px; } .bracket-cell-r1, .bracket-cell-r2, .bracket-cell-r3, .bracket-cell-r4, .bracket-cell-r5, .bracket-cell-r6, .bracket-cell-r7 { position: relative; } .bracket-team-top, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom { border-radius:0 0 2px 2px; border:solid #e4d7b4 1px; position:absolute; padding: 1px; min-height:20px; line-height:18px; background: #ece3ca; left:0; right:0; } .bracket-team-top, .bracket-player-top { bottom:0; border-radius:2px 2px 0 0; } .bracket-score { text-align:center; background: #e7dbbb; border-left:1px solid #CFC096; position:absolute; line-height:22px; right:0; top:0; bottom:0; } .bracket-class-icon { float: right; width: 22px; } .bracket-team-bottom .bracket-score, .bracket-player-bottom .bracket-score { border-bottom-right-radius: 2px; } .bracket-team-top .bracket-score, .bracket-player-bottom .bracket-score { border-top-right-radius: 2px; } .bracket-hover { -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; border-color: #000; } .bracket-game-details { z-index:100; width:200px; padding: 2px 0px; position:absolute; display: none; text-align:center; border:1px solid #aaa; background: rgba(242, 242, 242, 0.9); border-radius: 5px 5px 5px 5px; box-shadow: 4px 4px 6px #BBBBBB; font-weight: normal; } .bracket-date-line { border-bottom: 1px dotted #aaa; padding:2px; font-size:85%; line-height:12.5px; text-align:center; } .bracket-game-details .to-anchor { display: none; } .bracket-icons { border-top: 1px solid #aaa; } .bracket-game .icon { height: 12px; width: 12px; background: transparent; z-index: 50; left: -6px; position: absolute; } .bracket-game { position: relative; }

/****************** /* General styles * /******************/ .client-side-resize { display: inline-block; }

.client-size-resize img { width: 100%; height: auto; }

.contentbox { border: 1px solid #462415; box-shadow: 0 0 6px 0 rgba(149, 110, 68, 1.0); color: #000000; margin-bottom: 8px; padding: 4px; }

/******************** /* Horizontal Lists * /********************/

ol.hlist, ul.hlist, .hlist ol, .hlist ul { margin: 0 !important; } .hlist li { padding: 0em 0.6em 0em 0.6em; display: inline; background: url("https://upload.wikimedia.org/wikipedia/commons/d/da/Middot.png") no-repeat right; } .hlist li:first-child { padding-left: 0em; } .hlist li:last-child { padding-right: 0em; background: none; }

/*************************** /* Competitive page layout * /***************************/

.competitive-page-flex-layout > .fpblock { margin: 5px; }

.competitive-page-flex-layout { clear: both; display: flex; flex-wrap: wrap; width: 100%; }

.competitive-page-flex-layout > div { flex: 1 1 auto; box-sizing: border-box; }

.competitive-page-flex-layout #featured_leagues, .competitive-page-flex-layout #news { flex: 0 0 calc(50% - 10px); }

.competitive-page-flex-layout #tournaments { flex: 0 0 auto; }

/* Adjust the flex layout to better fit on smaller screens */ @media ( max-width : 1700px ) { .competitive-page-flex-layout #featured_leagues { flex: 0 0 calc(100% - 10px); order: 1; }

.competitive-page-flex-layout #news { flex: 1 1 auto; order: 4; }

.competitive-page-flex-layout #tournaments { order: 3; }

.competitive-page-flex-layout #match_schedule { order: 2; } }

.featured-league-tabs ul.tabbernav { border-bottom-color: rgba(0,0,0,.3); padding-left: 2em; }

.featured-league-tabs ul.tabbernav li a { border: none; background: linear-gradient(to top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 100%); color: #666666; }

.featured-league-tabs ul.tabbernav li a:link, .featured-league-tabs ul.tabbernav li a:visited { color: #666666; }

.featured-league-tabs ul.tabbernav li.tabberactive a { border: none; background: linear-gradient(to top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%); color: #000000; }

.featured-league-tabs .tabberlive .tabbertab { border-color: transparent; background: linear-gradient(to bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 2em) transparent no-repeat border-box; min-height: 2em; padding: 2em 2em 0; }

.featured-league-tab { padding: 0; height: 494px; position: relative; overflow: hidden; }

.league-tab-header { overflow:hidden; }

.league-tab-logo { /* position: absolute; */ top: 0; left: 0; height: 135px; width: 160px; overflow: hidden; text-align: center; float: left; } .league-tab-logo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.league-tab-title { font-size: 150%; margin-left: calc(160px + .5em); line-height: 39px; padding-left: .5em; padding-right: .5em; margin-top: 24px; background: linear-gradient(to bottom, rgba(0,0,0,.15) 0%, rgba(0,0,0,.025) 50%, rgba(0,0,0,.15) 100%); }

.league-tab-links { line-height: 39px; padding-right: 1em; position: absolute; right: 0; top: 24px; }

.league-tab-links ul { margin: 0; }

.league-tab-links ul li { display: inline-block; line-height: 39px; margin-right: .5em; }

.league-tab-info { box-sizing: border-box; color: #666666; /* height: 72px; */ margin-left: calc(160px + .5em); padding-left: 1em; padding-right: .5em; }

.league-tab-content { position: absolute; top: 136px; left: 0; height: 320px; width: 100%; z-index: 2; }

.league-tab-footer { position: absolute; top: 457px; left: 0; height: 37px; width: 100%; }

.league-tab-content .league-tab-rankings { position: absolute; top: 1em; left: 1em; }

.league-tab-rankings-heading { font-size: 120%; }

/* Temporary hack to suppress main page tooltips */ body.page-Hearthstone_Wiki.ns-0 .to_tooltip { display: none !Important; }

div.reflist ol.references { list-style-type: inherit; /* Enable custom list style types */ }

/* Tabs for pages */ /* Currently used in Achievements pages */

.page-tabber { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; margin-bottom: 20px; }

.page-tabber-tab.active-tab { border-width: 2px 2px 0; font-weight: bold; }

.page-tabber-tab { padding: .5em; border: solid #a1360e; white-space: nowrap; line-height: .95em; }

.page-tabber-separator { border-bottom: 2px solid #a1360e; }

.page-tabber-tab.inactive-tab { border-width: 1px 1px 2px; background-color: #efd8af; }

/* Wikitables */ table.wikitable, table.dataTable { border: none; background: transparent; margin: 0 0 10px 0; padding: 0; }

table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th, table.dataTable thead th, table.dataTable tfoot th { border: 1px solid #cbb995; background: #f2e2c3; color: #3f2503; font-weight: bold; font-family: Eczar, serif; 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: 1px solid #cbb995; background: #efd8af; color: #2c2c2c; vertical-align: middle; padding: 4px 8px; }

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: #efd8af; }

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: #f2e2c3; 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: #f2e2c3; 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: #f2e2c3; 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; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { border: 1px outset #372d27; border-radius: 6px; background: #edd1bb; box-shadow: 0 0 0 1px #372d27; font-family: Eczar, serif; font-weight: bold; color: #cbb995 !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px outset #372d27; border-radius: 6px; background: #edd1bb; box-shadow: 0 0 0 1px #372d27; font-family: Eczar, serif; font-weight: bold; color: #503c1f; text-shadow: none; margin: 0 1px 0 0; padding: 0 5px; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #f7e9dd; box-shadow: 0 0 0 1px #372d27, 0 0 3px 0 #edd1bb inset; text-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border: 1px inset #372d27; background: #dfac83; box-shadow: 0 0 0 1px #372d27, 0 0 3px 0 #edd1bb inset; margin: 0 0 0 1px; }

/************************ /* Responsive main page * /************************/ display: none; position: absolute; top: 215px; left: 0; right: 0; text-align: center; color: #d5c192; text-shadow: 0 0 3px #000000; font-size: 0.8em; line-height: 23px; }
 * 1) rmpabovesearch {

color: #ffc949; }
 * 1) rmpabovesearch a, #rmpabovesearch a:link, #rmpabovesearch a:visited, #rmpabovesearch a.extiw, #rmpabovesearch a.external, #rmpabovesearch a.extiw:visited, #rmpabovesearch a.external:visited {

display: none; position: absolute; top: 315px; left: 0; right: 0; text-align: center; color: #d5c192; text-shadow: 0 0 3px #000000; font-size: 0.8em; line-height: 23px; }
 * 1) rmpbelowsearch {

color: #ffc949; }
 * 1) rmpbelowsearch a, #rmpbelowsearch a:link, #rmpbelowsearch a:visited, #rmpbelowsearch a.extiw, #rmpbelowsearch a.external, #rmpbelowsearch a.extiw:visited, #rmpbelowsearch a.external:visited {

border-radius: 7px; margin-bottom: 10px; }
 * 1) rmpcontent .rmpblockinner {

max-width: 100%; height: auto; }
 * 1) rmpcontent .rmpblockinner img {

overflow: hidden; max-width: 100%; margin-bottom: 10px; text-align: center; }
 * 1) rmpcontent .scrollheadingouter {

display: inline-block; vertical-align: bottom; }
 * 1) rmpcontent .scrollleft, #rmpcontent .scrollright {

display: inline-block; padding: 0 20px; vertical-align: bottom; }
 * 1) rmpcontent .scrollheading {

display: block; border-radius: 8px; border: 1px outset rgba(129, 72, 104, 0.2); background: #814868; font-weight: bold; text-align: center; padding: 4px; margin: 40px auto 0 auto; width: 200px; }
 * 1) rmpcontent .button .wrapper {

display: block; border-radius: 7px; border: 2px outset rgba(123, 3, 167, 0.6); background: #7b03a7; background: linear-gradient(to right, #7b03a7, #bd0ec8 50%, #7b03a7 100%); background: linear-gradient(to right, #7b03a7, #bd0ec8 50%, #7b03a7 100%) border-box; color: #ffffff !important; font-weight: bold; text-align: center; padding: 8px; }
 * 1) rmpcontent .button a {

display: inline-block; vertical-align: top; width: 33.333%; max-width: 33.333%; }
 * 1) rmpcontent .threecols .leftcol {

display: inline-block; vertical-align: top; width: 33.334%; max-width: 33.334%; }
 * 1) rmpcontent .threecols .centercol {

display: inline-block; vertical-align: top; width: 33.333%; max-width: 33.333%; }
 * 1) rmpcontent .threecols .rightcol {

font-weight: bold; padding: 0; margin: 0 0 10px 1.6em; }
 * 1) rmpcontent .listheading {

padding: 0; margin: 0 0 10px 1.6em; }
 * 1) rmpcontent ul {

list-style: none; padding: 0; margin: 0 0 10px 0; }
 * 1) rmpcontent ul li {

flex: 0 1 100%; }
 * 1) rmpfeature {

background: #1a0e05; background: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), #1a0e05 url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/a/ae/Main_page_feature_background_14.jpg/revision/latest") no-repeat center center / cover; color: #ffffff; font-size: 105%; text-align: center; padding: 15px 4%; line-height: 2; }
 * 1) rmpfeature .rmpblockinner {

color: #f6d17a; }
 * 1) rmpfeature .rmpblockinner a, #rmpfeature .rmpblockinner a:link {

color: #f6d17a; }
 * 1) rmpfeature .rmpblockinner a:visited {

color: #ffffff; font-family: Eczar, serif; font-size: 340%; font-weight: bold; line-height: 62px; margin-bottom: 10px; }
 * 1) rmpfeature .heading {

padding: 0 4%; }
 * 1) rmpfeature p {

margin: -2px -2px 8px -2px; }
 * 1) rmpexpansions .rmpblockinner {

display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; width: 100%; height: 100%; }
 * 1) rmpexpansions .expansionlinkcontainer {

display: table; box-sizing: border-box; color: #ffffff; text-align: center; overflow: hidden; width: 33.333%; height: 130px; padding: 2px; }
 * 1) rmpexpansions .expansionlink {

display: table-cell; background-color: #2c1a10; background-position: center center, center center; background-size: cover, cover; color: #ffffff !important; text-shadow: 1px 1px 2px #000000; font-family: Eczar, serif; font-size: 110%; font-weight: bold; text-align: center; vertical-align: middle; padding: 0 25px; }
 * 1) rmpexpansions .expansionlink a {

border-radius: 7px 0 0 0; background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/c/c3/Main_page_Madness_at_the_Darkmoon_Faire_link.jpg/revision/latest"); }
 * 1) rmpexpansions #expansionlink1 a {

background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/d/d9/Main_page_Scholomance_Academy_link.jpg/revision/latest"); }
 * 1) rmpexpansions #expansionlink2 a {

border-radius: 0 7px 0 0; background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/9/92/Main_page_Ashes_of_Outland_link.jpg/revision/latest"); }
 * 1) rmpexpansions #expansionlink3 a {

border-radius: 0 0 0 7px; background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/eb/Main_page_Descent_of_Dragons_link.jpg/revision/latest"); }
 * 1) rmpexpansions #expansionlink4 a {

background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/9/93/Main_page_Saviors_of_Uldum_link.jpg/revision/latest"); }
 * 1) rmpexpansions #expansionlink5 a {

display: flex; flex-flow: column nowrap; align-content: space-between; justify-content: space-between; box-sizing: border-box; width: 33.333%; height: 130px; padding: 2px; }
 * 1) rmpexpansions .alllinkcontainer {

display: table; box-sizing: border-box; color: #ffffff; text-align: center; overflow: hidden; width: 100%; height: 61px; }
 * 1) rmpexpansions .alllink {

display: table-cell; background-color: #2c1a10; background-position: center center; background-size: cover; color: #ffffff !important; font-weight: bold; text-align: center; vertical-align: middle; padding: 0 10px; }
 * 1) rmpexpansions .alllink a {

background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/f/fd/Main_Page_Expansions_link.jpg/revision/latest"); }
 * 1) rmpexpansions #expansionslink a {

border-radius: 0 0 7px 0; background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/20/Main_Page_Adventures_link.jpg/revision/latest"); }
 * 1) rmpexpansions #adventureslink a {

margin: -2px -2px 8px -2px; }
 * 1) rmpmodes .rmpblockinner {

display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; width: 100%; height: 100%; }
 * 1) rmpmodes .modelinkcontainer {

display: table; box-sizing: border-box; color: #ffffff; text-align: center; overflow: hidden; width: 33.333%; height: 102px; padding: 2px; }
 * 1) rmpmodes .modelink {

display: table-cell; border-radius: 7px; background-color: #2c1a10; background-position: center center; background-size: cover; color: #ffffff !important; text-shadow: 1px 1px 2px #000000; font-family: Eczar, serif; font-size: 110%; font-weight: bold; text-align: center; vertical-align: middle; padding: 0 10px; }
 * 1) rmpmodes .modelink a {

display: flex; flex-flow: column nowrap; align-content: space-between; justify-content: space-between; width: 33.333%; height: 100%; }
 * 1) rmpmodes .smallmodelinkcontainer {

display: table; box-sizing: border-box; color: #ffffff; text-align: center; overflow: hidden; width: 100%; height: 50px; padding: 2px; }
 * 1) rmpmodes .smallmodelink {

display: table-cell; border-radius: 7px; background-color: #2c1a10; background-position: center center; background-size: cover; color: #ffffff !important; text-shadow: 1px 1px 2px #000000; font-family: Eczar, serif; font-size: 110%; font-weight: bold; text-align: center; vertical-align: middle; padding: 0 10px; }
 * 1) rmpmodes .smallmodelink a {

background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/0/0f/Main_page_Battlegrounds_link.jpg/revision/latest"); }
 * 1) rmpmodes #battlegroundslink a {

background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/4/42/Main_Page_Tavern_Brawl_link.jpg/revision/latest"); }
 * 1) rmpmodes #tavernbrawllink a {

background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/9/9c/Main_Page_Arena_link.jpg/revision/latest"); }
 * 1) rmpmodes #arenalink a {

background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e4/Main_Page_Ranked_link.jpg/revision/latest"); } margin: -1px -2px 9px -2px; }
 * 1) rmpmodes #rankedlink a {
 * 1) rmpclasshero .rmpblockinner {

display: flex; flex-flow: column nowrap; align-content: space-between; justify-content: space-between; width: 100%; height: 100%; }
 * 1) rmpclasshero .classherolinkcontainer {

display: flex; flex-flow: row nowrap; box-sizing: border-box; color: #ffffff; text-align: center; overflow: hidden; flex: 1 0 auto; padding: 1px 2px; }
 * 1) rmpclasshero .classherolinkgroup {

border-radius: 7px 0 0 7px; flex: 0 0 13em; display: flex; flex-flow: column nowrap; overflow: hidden; }
 * 1) rmpclasshero .classlinks {

border-radius: 0 7px 7px 0; border-left: 1px solid #23150c; background: #2c1a10; flex: 1 0 auto; display: flex; flex-flow: row nowrap; overflow: hidden; box-sizing: border-box; }
 * 1) rmpclasshero .herolinks {

flex-basis: 100%; position: relative; background-color: #23150c; background-position: center center; background-size: cover; width: 100%; }
 * 1) rmpclasshero .classlink {

flex: 1 0 auto; position: relative; background: #2c1a10; max-width: 25%; overflow: hidden; }
 * 1) rmpclasshero .herolink {

position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
 * 1) rmpclasshero .classlink .inner, #rmpclasshero .herolink .inner {

display: flex; background: rgba(42, 25, 7, 0.6); width: 100%; height: 100%; align-items: stretch; }
 * 1) rmpclasshero .classlink .inner {

background: transparent; }
 * 1) rmpclasshero .classlink .inner:hover {

position: absolute; top: -15%; left: -100%; bottom: -75%; right: -100%; display: flex; align-items: flex-end; justify-content: center; }
 * 1) rmpclasshero .herolink .image {

width: auto; max-height: 100%; }
 * 1) rmpclasshero .herolink .image img {

position: absolute; display: flex; background: rgba(42, 25, 7, 0.6); width: 100%; height: 100%; align-items: stretch; z-index: 2; }
 * 1) rmpclasshero .herolink .inner {

background: rgba(42, 25, 7, 0.3); }
 * 1) rmpclasshero .herolink .inner:hover {

display: flex; color: #ffffff !important; text-shadow: 1px 1px 2px #000000; font-family: Eczar, serif; font-size: 110%; font-weight: bold; text-align: left; flex: 1 0 auto; padding-left: 17px; padding-bottom: 12px; align-items: flex-end; }
 * 1) rmpclasshero .classlink a {

display: flex; color: #e0d0c7 !important; text-align: center; flex: 1 0 auto; align-items: flex-end; justify-content: center; width: 100%; }
 * 1) rmpclasshero .herolink a {

background: transparent; text-shadow: -1px -1px 2px #23150c, 1px 1px 2px #23150c; padding-bottom: 12px; width: 100%; height: auto; min-height: 1.75em; }
 * 1) rmpclasshero .herolink a span {

display: inline-block; background-position: left center; background-size: 30px 30px; background-repeat: no-repeat; width: 35px; height: 30px; vertical-align: middle; }
 * 1) rmpclasshero .classlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/e1/Main_Page_Demon_Hunter_class_link.png/revision/latest"); }
 * 1) rmpclasshero #demonhunterlink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/0/05/Demon_Hunter_icon.png/revision/latest"); }
 * 1) rmpclasshero #demonhunterlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/9/93/Main_Page_Druid_class_link.png/revision/latest"); }
 * 1) rmpclasshero #druidlink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/8/8d/Icon_Druid_64.png/revision/latest"); }
 * 1) rmpclasshero #druidlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/4/45/Main_Page_Hunter_class_link.png/revision/latest"); }
 * 1) rmpclasshero #hunterlink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/f/f4/Icon_Hunter_64.png/revision/latest"); }
 * 1) rmpclasshero #hunterlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/e/ee/Main_Page_Mage_class_link.png/revision/latest"); }
 * 1) rmpclasshero #magelink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/f/f2/Icon_Mage_64.png/revision/latest"); }
 * 1) rmpclasshero #magelink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/c/c4/Main_Page_Paladin_class_link.png/revision/latest"); }
 * 1) rmpclasshero #paladinlink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/7b/Icon_Paladin_64.png/revision/latest"); }
 * 1) rmpclasshero #paladinlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/2a/Main_Page_Priest_class_link.png/revision/latest"); }
 * 1) rmpclasshero #priestlink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/23/Icon_Priest_64.png/revision/latest"); }
 * 1) rmpclasshero #priestlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/4/4d/Main_Page_Rogue_class_link.png/revision/latest"); }
 * 1) rmpclasshero #roguelink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/76/Icon_Rogue_64.png/revision/latest"); }
 * 1) rmpclasshero #roguelink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/a/ac/Main_Page_Shaman_class_link.png/revision/latest"); }
 * 1) rmpclasshero #shamanlink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/a/a8/Icon_Shaman_64.png/revision/latest"); }
 * 1) rmpclasshero #shamanlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/8/8d/Main_Page_Warlock_class_link.png/revision/latest"); }
 * 1) rmpclasshero #warlocklink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/2e/Icon_Warlock_64.png/revision/latest"); }
 * 1) rmpclasshero #warlocklink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/5/5d/Main_Page_Warrior_class_link.png/revision/latest"); }
 * 1) rmpclasshero #warriorlink {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/1/19/Icon_Warrior_64.png/revision/latest"); }
 * 1) rmpclasshero #warriorlink .icon {

background: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)) repeat left top, #2a1907 url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/c/c6/Main_Page_Guide_background.jpg/revision/latest") no-repeat center top / cover; color: #ffffff; font-size: 105%; text-align: center; padding: 80px 8%; line-height: 2; }
 * 1) rmpguide .rmpblockinner {

color: #a1360e; }
 * 1) rmpguide .rmpblockinner a, #rmpguide .rmpblockinner a:link {

color: #f6d17a; }
 * 1) rmpguide .rmpblockinner a:visited {

color: #ffffff; font-family: Eczar, serif; font-size: 340%; font-weight: bold; line-height: 62px; }
 * 1) rmpguide .heading {

color: #ffdb4e; font-size: 250%; line-height: 45px; margin-bottom: 40px; }
 * 1) rmpguide .subheading {

padding: 0 8%; }
 * 1) rmpguide p {

background: #2a1907; text-align: center; padding: 10px 0; }
 * 1) rmpstreamer .rmpblockinner {

padding: 0 10px; }
 * 1) rmpstreamer .rmpblockinner .body {

margin: 0 -190px; }
 * 1) rmpstreamer .scrollheadinginner {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/79/Main_page_light_scroll_left.png/revision/latest"); width: 190px; height: 27px; }
 * 1) rmpstreamer .scrollleft {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/3/3c/Main_page_light_scroll_right.png/revision/latest"); width: 190px; height: 27px; }
 * 1) rmpstreamer .scrollright {

color: #ffffff; font-family: Eczar, serif; font-weight: bold; font-size: 125%; }
 * 1) rmpstreamer .heading {

background: #f2e2c3; padding: 10px; }
 * 1) rmpnews .rmpblockinner {

color: #a1360e; }
 * 1) rmpnews .rmpblockinner a.extiw, #rmpnews .rmpblockinner a.external {

color: #cc6238; }
 * 1) rmpnews .rmpblockinner a.extiw:visited, #rmpnews .rmpblockinner a.external:visited {

margin: 0 -152px; }
 * 1) rmpnews .scrollheadinginner {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/72/Main_page_dark_scroll_left.png/revision/latest"); width: 152px; height: 27px; }
 * 1) rmpnews .scrollleft {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/7e/Main_page_dark_scroll_right.png/revision/latest"); width: 152px; height: 27px; }
 * 1) rmpnews .scrollright {

color: #2f1e0b; font-family: Eczar, serif; font-weight: bold; font-size: 125%; }
 * 1) rmpnews .heading {

margin-bottom: 10px; }
 * 1) rmpnews .newsitem {

background: #fdf0d9; padding: 10px; }
 * 1) rmpmechanics .rmpblockinner {

color: #2f1e0b; font-family: Eczar, serif; font-weight: bold; font-size: 125%; text-align: center; margin-bottom: 10px; }
 * 1) rmpmechanics .heading {

background: #fdf0d9; padding: 10px; }
 * 1) rmpgameplay .rmpblockinner {

color: #2f1e0b; font-family: Eczar, serif; font-weight: bold; font-size: 125%; text-align: center; margin-bottom: 10px; }
 * 1) rmpgameplay .heading {

@media ( min-width: 1022px ) { #rmpcontent { display: flex; flex-flow: row wrap; }

.rmpblockouter { display: flex; flex-basis: 50%; }

.rmpblockinner { flex-basis: 100%; flex-grow: 0; overflow: hidden; }

#rmpfeaturegroup { order: 0; flex-flow: column; }

#rmpfeature { flex: 0 1 100%; }

#rmpexpansions, #rmpmodes { flex: 0 0 auto; }

#rmpclasshero { order: 1; }

#rmpguidestreamer { order: 4; flex-flow: column; }

#rmpguide { flex: 0 1 100%; }

#rmpstreamer { flex: 0 0 auto; }

#rmpnews { order: 2; }

#rmpmechanics { order: 3; }

#rmpgameplay { order: 5; }

#rmpfeature .rmpblockinner, #rmpnews .rmpblockinner, #rmpguidestreamer .rmpblockinner { margin-right: 5px; }

#rmpexpansions .rmpblockinner, #rmpmodes .rmpblockinner { margin-right: 3px; }

#rmpclasshero .rmpblockinner { margin-left: 3px; }

#rmpmechanics .rmpblockinner, #rmpgameplay .rmpblockinner { margin-left: 5px; } }

@media ( min-width: 1432px ) { .rmpblockouter { flex-basis: 33.333%; flex-grow: 0; overflow: hidden; }

#rmpfeaturegroup { order: 0; }

#rmpclasshero { order: 1; }

#rmpguidestreamer { order: 2; }

#rmpnews { order: 3; }

#rmpmechanics { order: 4; }

#rmpgameplay { order: 5; }

#rmpfeature .rmpblockinner, #rmpnews .rmpblockinner { margin-left: 0; margin-right: 5px; }

#rmpexpansions .rmpblockinner, #rmpmodes .rmpblockinner { margin-left: -2px; margin-right: 3px; }

#rmpclasshero .rmpblockinner { margin-right: 3px; margin-left: 3px; }

#rmpmechanics .rmpblockinner { margin-right: 5px; margin-left: 5px; }

#rmpguidestreamer .rmpblockinner, #rmpgameplay .rmpblockinner { margin-left: 5px; margin-right: 0; } }

/*************************** /* Template example styles * /***************************/ span.templateexmaple { font-family: fixed-width; }

span.templateexample span.templatelink { font-weight: bold; }

span.templateexample span.paramname { }

span.templateexample span.paramvalue { color: #7c581a; font-style: italic; }

/********************* /* Navigation tables * /*********************/ table.nav { border: none; background: transparent; box-shadow: none; cell-spacing: 0; margin: 0 auto 10px auto; padding: 0; clear: both; }

table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th { border: 1px solid #cbb995; background: #f2e2c3; color: #3f2503; font-weight: bold; font-family: Eczar, serif; font-size: 105%; color: #3f2503; text-align: center; vertical-align: top; margin: 0; padding: 5px 5px 6px 5px; }

table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td { border: 1px solid #cbb995; background: #efd8af; color: #2c2c2c; vertical-align: middle; padding: 4px 8px; text-align: left; vertical-align: top; margin: 0; padding: 3px 11px 8px 11px; }

table.nav td.list, table.nav tr td.list, table.nav > tr > td.list, table.nav > * > tr > td.list { padding: 0; }

table.nav td .item { display: inline-block; border-left: 1px solid #cbb995; margin: 3px 0 6px 0; padding: 0 11px 2px 11px; }

table.nav td .item:first-child { border: none; }

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

.div-table-header, .wikitable caption { background: #f2e2c3; border:1px solid #cbb995; color:#3f2503; text-align:center; }

/* Cards. For card header and footer */ .card-caption { background: #f2e2c3; color: #2c2c2c; padding: 0 3px 3px 3px; vertical-align: top; border-radius: 7px; border: 1px solid #cbb995; text-align: center; }

.card-div { width: 200px; display: inline-block; text-align: center; flex-shrink: 0; }

/********************* /* Lists of comma   * /*********************/

.list-comma { display: inline-block; list-style: none; }

.list-comma li { display: inline; padding: 0; }

.list-comma li + li:before { content: ", "; margin: 0 3px 0 0; }