MediaWiki:Common.css
Jump to navigation
Jump to search
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 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: "Belwe";
font-style: normal;
font-weigth: 700;
src: local("Belwe"), url(https://commons.wiki.gg/images/7/79/Belwe_Bold.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: "Franklin Gothic";
font-style: normal;
font-weigth: 700;
src: local("Franklin Gothic"), url(https://commons.wiki.gg/images/8/85/Franklin_Gothic_Medium_Cond.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(/images/7/75/Brown-window-background.png) repeat transparent padding-box;
border-image: url(/images/3/37/Brown-window-border.png) 14 repeat;
border-width: 14px;
border-style: solid;
border-color: transparent;
}
hr {
border: none;
border-bottom: 1px solid #cbb995;
}
pre, .mw-code, code {
box-shadow: none;
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("/images/8/8b/Mana_icon.png");
}
.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("/images/1/17/Health_icon.png");
}
span.di, span.durability-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/0/06/Weapon-durability.png");
}
span.ari, span.armor-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/f/f0/Armor_icon.png");
}
span.ati, span.attack-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/f/fe/Attack_icon.png");
}
span.wai, span.weapon-attack-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/9/98/Weapon-attack.png");
}
span.api, span.achievement-point-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/c/c6/Achievement_Point_icon.png");
}
span.dust-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/2/21/Dust_icon.png");
}
span.gold-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/d/d6/Gold_coin_icon.png");
}
span.bg-gold-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/2/2b/Gold_icon.png");
}
span.star-icon, span.tier-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/3/35/Tier_icon.png");
}
span.xp-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/a/a6/XP_icon.png");
}
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("/images/d/d0/Any_icon.png");
}
span.deathknighti, span.death-knight-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/4/41/Death_Knight_icon.png");
}
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("/images/0/05/Demon_Hunter_icon.png");
}
span.druidi, span.druid-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/7/75/Druid_icon.png");
}
span.hunteri, span.hunter-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/d/dd/Hunter_icon.png");
}
span.magei, span.mage-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/2/28/Mage_icon.png");
}
span.paladini, span.paladin-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/9/9b/Paladin_icon.png");
}
span.priesti, span.priest-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/5/54/Priest_icon.png");
}
span.roguei, span.rogue-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/c/c0/Rogue_icon.png");
}
span.shamani, span.shaman-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/a/a8/Shaman_icon.png");
}
span.warlocki, span.warlock-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/3/3f/Warlock_icon.png");
}
span.warriori, span.warrior-icon {
display: inline-block;
background-size: 100% 100%;
height: 16px;
width: 16px;
background-image: url("/images/c/c8/Warrior_icon.png");
}
.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;
text-align: center;
margin: 0 0 10px 20px;
padding: 3px 6px;
vertical-align: top;
width: 280px;
}
.cardbox {
display: inline-block;
border-radius: 7px;
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;
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;
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;
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;
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-repeat: no-repeat;
background-origin: border-box;
}
.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 .card-infobox-image-selector-links {
display: flex;
flex-flow: row wrap;
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 .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 .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;
}
.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(53, 75, 92, 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(194, 164, 135, 0.4); }
.stdinfobox.classless-style .title, .cardbox.classless-style .title { background: rgba(194, 164, 135, 0.4); }
.stdinfobox.death-knight-style .title, .cardbox.death-knight-style .title { background: rgba(53, 75, 92, 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('/images/7/7b/Wiki_-_Infobox_header.svg');
color: #3f2503;
padding: 5px;
}
*/
.bg-style .infobox-header {
background-image:url('/images/e/e9/Wiki_-_Infobox_header_Battlegrounds.svg');
color: #3f2503;
padding: 5px;
}
/*
.shaman-style .infobox-header {
background-image:url('/images/6/6f/Wiki_-_Infobox_header_Shaman.svg');
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;
}
table .text {
white-space: nowrap;
overflow: auto;
max-width: 500px;
}
.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 */
}
.to_tooltip img {
width: 250px;
height: auto;
}
/* Wikitables */
.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 *
/************************/
#rmpabovesearch {
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;
}
#rmpabovesearch a, #rmpabovesearch a:link, #rmpabovesearch a:visited, #rmpabovesearch a.extiw, #rmpabovesearch a.external, #rmpabovesearch a.extiw:visited, #rmpabovesearch a.external:visited {
color: #ffc949;
}
#rmpbelowsearch {
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;
}
#rmpbelowsearch a, #rmpbelowsearch a:link, #rmpbelowsearch a:visited, #rmpbelowsearch a.extiw, #rmpbelowsearch a.external, #rmpbelowsearch a.extiw:visited, #rmpbelowsearch a.external:visited {
color: #ffc949;
}
#rmpcontent .rmpblockinner {
border-radius: 7px;
margin-bottom: 10px;
}
#rmpcontent .rmpblockinner img {
/*max-width: 100%;*/
height: auto;
}
#rmpcontent .scrollheadingouter {
overflow: hidden;
max-width: 100%;
margin-bottom: 10px;
text-align: center;
}
#rmpcontent .scrollleft, #rmpcontent .scrollright {
display: inline-block;
vertical-align: bottom;
}
#rmpcontent .scrollheading {
display: inline-block;
padding: 0 20px;
vertical-align: bottom;
}
#rmpcontent .button .wrapper {
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;
}
#rmpcontent .button a {
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;
}
#rmpcontent .threecols .leftcol {
display: inline-block;
vertical-align: top;
width: 33.333%;
max-width: 33.333%;
}
#rmpcontent .threecols .centercol {
display: inline-block;
vertical-align: top;
width: 33.334%;
max-width: 33.334%;
}
#rmpcontent .threecols .rightcol {
display: inline-block;
vertical-align: top;
width: 33.333%;
max-width: 33.333%;
}
#rmpcontent .listheading {
font-weight: bold;
padding: 0;
margin: 0 0 10px 1.6em;
}
#rmpcontent ul {
padding: 0;
margin: 0 0 10px 1.6em;
}
#rmpcontent ul li {
list-style: none;
padding: 0;
margin: 0 0 10px 0;
}
#rmpfeature {
flex: 0 1 100%;
}
#rmpfeature .rmpblockinner {
background: #1a0e05;
background: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
#1a0e05 url("/images/9/92/Main_page_feature_background_15.jpg") no-repeat center center / cover;
color: #ffffff;
font-size: 105%;
text-align: center;
padding: 15px 4%;
line-height: 2;
}
#rmpfeature .rmpblockinner a, #rmpfeature .rmpblockinner a:link {
color: #f6d17a;
}
#rmpfeature .rmpblockinner a:visited {
color: #f6d17a;
}
#rmpfeature .heading {
color: #ffffff;
font-family: Eczar, serif;
font-size: 340%;
font-weight: bold;
line-height: 62px;
margin-bottom: 10px;
}
#rmpfeature p {
padding: 0 4%;
}
#rmpexpansions .rmpblockinner {
margin: -2px -2px 8px -2px;
}
#rmpexpansions .expansionlinkcontainer {
display: flex;
flex-flow: row wrap;
align-content: space-between;
justify-content: space-between;
width: 100%;
height: 100%;
}
#rmpexpansions .expansionlink {
display: table;
box-sizing: border-box;
color: #ffffff;
text-align: center;
overflow: hidden;
width: 33.333%;
height: 130px;
padding: 2px;
}
#rmpexpansions .expansionlink a {
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 10px;
}
#rmpexpansions #expansionlink1 a {
border-radius: 7px 0 0 0;
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/a/a6/Main_page_Forged_in_the_Barrens_link.jpg");
}
#rmpexpansions #expansionlink2 a {
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/c/c3/Main_page_Madness_at_the_Darkmoon_Faire_link.jpg");
}
#rmpexpansions #expansionlink3 a {
border-radius: 0 7px 0 0;
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/d/d9/Main_page_Scholomance_Academy_link.jpg");
}
#rmpexpansions #expansionlink4 a {
border-radius: 0 0 0 7px;
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/9/92/Main_page_Ashes_of_Outland_link.jpg");
}
#rmpexpansions #expansionlink5 a {
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/e/eb/Main_page_Descent_of_Dragons_link.jpg");
}
#rmpexpansions .alllinkcontainer {
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;
}
#rmpexpansions .alllink {
display: table;
box-sizing: border-box;
color: #ffffff;
text-align: center;
overflow: hidden;
width: 100%;
height: 61px;
}
#rmpexpansions .alllink a {
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;
}
#rmpexpansions #expansionslink a {
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/f/fd/Main_Page_Expansions_link.jpg");
}
#rmpexpansions #adventureslink a {
border-radius: 0 0 7px 0;
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/2/20/Main_Page_Adventures_link.jpg");
}
#rmpmodes .rmpblockinner {
margin: -2px -2px 8px -2px;
}
#rmpmodes .modelinkcontainer {
display: flex;
flex-flow: row;
align-content: space-between;
justify-content: space-between;
width: 100%;
height: 100%;
}
#rmpmodes .modelink {
display: table;
box-sizing: border-box;
color: #ffffff;
text-align: center;
overflow: hidden;
width: 33.333%;
height: 102px;
padding: 2px;
}
#rmpmodes .modelink a {
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;
}
#rmpmodes .smallmodelinkcontainer {
display: flex;
flex-flow: column nowrap;
align-content: space-between;
justify-content: space-between;
width: 33.333%;
height: 100%;
}
#rmpmodes .smallmodelink {
display: table;
box-sizing: border-box;
color: #ffffff;
text-align: center;
overflow: hidden;
width: 100%;
height: 50px;
padding: 2px;
}
#rmpmodes .smallmodelink a {
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;
}
#rmpmodes #battlegroundslink a {
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/0/0f/Main_page_Battlegrounds_link.jpg");
}
#rmpmodes #tavernbrawllink a {
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/4/42/Main_Page_Tavern_Brawl_link.jpg");
}
#rmpmodes #arenalink a {
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/9/9c/Main_Page_Arena_link.jpg");
}
#rmpmodes #rankedlink a {
background-image: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)),
url("/images/e/e4/Main_Page_Ranked_link.jpg");
}
#rmpclasshero .rmpblockinner {
margin: -1px -2px 9px -2px;
}
#rmpclasshero .classherolinkcontainer {
display: flex;
flex-flow: column nowrap;
align-content: space-between;
justify-content: space-between;
width: 100%;
height: 100%;
}
#rmpclasshero .classherolinkgroup {
display: flex;
flex-flow: row nowrap;
box-sizing: border-box;
color: #ffffff;
text-align: center;
overflow: hidden;
flex: 1 0 auto;
padding: 1px 2px;
}
#rmpclasshero .classlinks {
border-radius: 7px 0 0 7px;
flex: 0 0 13em;
display: flex;
flex-flow: column nowrap;
overflow: hidden;
}
#rmpclasshero .herolinks {
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;
}
#rmpclasshero .classlink {
flex-basis: 100%;
position: relative;
background-color: #23150c;
background-position: center center;
background-size: cover;
width: 100%;
}
#rmpclasshero .herolink {
flex: 1 0 auto;
position: relative;
background: #2c1a10;
/*max-width: 25%;*/
overflow: hidden;
}
#rmpclasshero .classlink .inner, #rmpclasshero .herolink .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
#rmpclasshero .classlink .inner {
display: flex;
background: rgba(42, 25, 7, 0.6);
width: 100%;
height: 100%;
align-items: stretch;
}
#rmpclasshero .classlink .inner:hover {
background: transparent;
}
#rmpclasshero .herolink .image {
position: absolute;
top: -15%;
left: -100%;
bottom: -75%;
right: -100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
#rmpclasshero .herolink .image img {
width: auto;
max-height: 100%;
}
#rmpclasshero .herolink .inner {
position: absolute;
display: flex;
background: rgba(42, 25, 7, 0.6);
width: 100%;
height: 100%;
align-items: stretch;
z-index: 2;
}
#rmpclasshero .herolink .inner:hover {
background: rgba(42, 25, 7, 0.3);
}
#rmpclasshero .classlink a {
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;
}
#rmpclasshero .herolink a {
display: flex;
color: #e0d0c7 !important;
text-align: center;
flex: 1 0 auto;
align-items: flex-end;
justify-content: center;
width: 100%;
}
#rmpclasshero .herolink a span {
background: transparent;
text-shadow: -1px -1px 2px #23150c,
1px 1px 2px #23150c;
padding-bottom: 12px;
width: 100%;
height: auto;
min-height: 1.75em;
}
#rmpclasshero .classlink .icon {
display: inline-block;
background-position: left center;
background-size: 30px 30px;
background-repeat: no-repeat;
width: 35px;
height: 30px;
vertical-align: middle;
}
#rmpclasshero #demonhunterlink {
background-image: url("/images/e/e1/Main_Page_Demon_Hunter_class_link.png");
}
#rmpclasshero #demonhunterlink .icon {
background-image: url("/images/0/05/Demon_Hunter_icon.png");
}
#rmpclasshero #druidlink {
background-image: url("/images/9/93/Main_Page_Druid_class_link.png");
}
#rmpclasshero #druidlink .icon {
background-image: url("/images/8/8d/Icon_Druid_64.png");
}
#rmpclasshero #hunterlink {
background-image: url("/images/4/45/Main_Page_Hunter_class_link.png");
}
#rmpclasshero #hunterlink .icon {
background-image: url("/images/f/f4/Icon_Hunter_64.png");
}
#rmpclasshero #magelink {
background-image: url("/images/e/ee/Main_Page_Mage_class_link.png");
}
#rmpclasshero #magelink .icon {
background-image: url("/images/f/f2/Icon_Mage_64.png");
}
#rmpclasshero #paladinlink {
background-image: url("/images/c/c4/Main_Page_Paladin_class_link.png");
}
#rmpclasshero #paladinlink .icon {
background-image: url("/images/7/7b/Icon_Paladin_64.png");
}
#rmpclasshero #priestlink {
background-image: url("/images/2/2a/Main_Page_Priest_class_link.png");
}
#rmpclasshero #priestlink .icon {
background-image: url("/images/2/23/Icon_Priest_64.png");
}
#rmpclasshero #roguelink {
background-image: url("/images/4/4d/Main_Page_Rogue_class_link.png");
}
#rmpclasshero #roguelink .icon {
background-image: url("/images/7/76/Icon_Rogue_64.png");
}
#rmpclasshero #shamanlink {
background-image: url("/images/a/ac/Main_Page_Shaman_class_link.png");
}
#rmpclasshero #shamanlink .icon {
background-image: url("/images/a/a8/Icon_Shaman_64.png");
}
#rmpclasshero #warlocklink {
background-image: url("/images/8/8d/Main_Page_Warlock_class_link.png");
}
#rmpclasshero #warlocklink .icon {
background-image: url("/images/2/2e/Icon_Warlock_64.png");
}
#rmpclasshero #warriorlink {
background-image: url("/images/5/5d/Main_Page_Warrior_class_link.png");
}
#rmpclasshero #warriorlink .icon {
background-image: url("/images/1/19/Icon_Warrior_64.png");
}
#rmpguide .rmpblockinner {
background: linear-gradient(rgba(42, 25, 7, 0.6), rgba(42, 25, 7, 0.6)) repeat left top,
#2a1907 url("/images/c/c6/Main_Page_Guide_background.jpg") no-repeat center top / cover;
color: #ffffff;
font-size: 105%;
text-align: center;
padding: 80px 8%;
line-height: 2;
}
#rmpguide .rmpblockinner a, #rmpguide .rmpblockinner a:link {
color: #a1360e;
}
#rmpguide .rmpblockinner a:visited {
color: #f6d17a;
}
#rmpguide .heading {
color: #ffffff;
font-family: Eczar, serif;
font-size: 340%;
font-weight: bold;
line-height: 62px;
}
#rmpguide .subheading {
color: #ffdb4e;
font-size: 250%;
line-height: 45px;
margin-bottom: 40px;
}
#rmpguide p {
padding: 0 8%;
}
#rmpstreamer .rmpblockinner {
background: #2a1907;
text-align: center;
padding: 10px 0;
}
#rmpstreamer .rmpblockinner .body {
padding: 0 10px;
}
#rmpstreamer .scrollheadinginner {
margin: 0 -190px;
}
#rmpstreamer .scrollleft {
background-image: url("/images/7/79/Main_page_light_scroll_left.png");
width: 190px;
height: 27px;
}
#rmpstreamer .scrollright {
background-image: url("/images/3/3c/Main_page_light_scroll_right.png");
width: 190px;
height: 27px;
}
#rmpstreamer .heading {
color: #ffffff;
font-family: Eczar, serif;
font-weight: bold;
font-size: 125%;
}
#rmpnews .rmpblockinner {
background: #f2e2c3;
padding: 10px;
}
#rmpnews .rmpblockinner a.extiw, #rmpnews .rmpblockinner a.external {
color: var(--theme-link-color);
}
#rmpnews .rmpblockinner a.extiw:visited, #rmpnews .rmpblockinner a.external:visited {
color: #cc6238;
}
#rmpnews .scrollheadinginner {
margin: 0 -152px;
}
#rmpnews .scrollleft {
background-image: url("/images/7/72/Main_page_dark_scroll_left.png");
width: 152px;
height: 27px;
}
.theme-fandomdesktop-dark #rmpnews .scrollleft {
background-image: url(/images/7/79/Main_page_light_scroll_left.png);
width: 190px;
height: 27px;
}
#rmpnews .scrollright {
background-image: url("/images/7/7e/Main_page_dark_scroll_right.png");
width: 152px;
height: 27px;
}
.theme-fandomdesktop-dark #rmpnews .scrollright {
background-image: url(/images/3/3c/Main_page_light_scroll_right.png);
width: 190px;
height: 27px;
}
#rmpnews .heading {
color: #2f1e0b;
font-family: Eczar, serif;
font-weight: bold;
font-size: 125%;
}
#rmpnews .newsitem {
margin-bottom: 10px;
}
#rmpmechanics .rmpblockinner {
background: #fdf0d9;
padding: 10px;
}
#rmpmechanics .heading {
color: #2f1e0b;
font-family: Eczar, serif;
font-weight: bold;
font-size: 125%;
text-align: center;
margin-bottom: 10px;
}
#rmpgameplay .rmpblockinner {
background: #fdf0d9;
padding: 10px;
}
#rmpgameplay .heading {
color: #2f1e0b;
font-family: Eczar, serif;
font-weight: bold;
font-size: 125%;
text-align: center;
margin-bottom: 10px;
}
.theme-fandomdesktop-dark #rmpnews .rmpblockinner, .theme-fandomdesktop-dark #rmpmechanics .rmpblockinner, .theme-fandomdesktop-dark #rmpgameplay .rmpblockinner { background: #2A1907; }
.theme-fandomdesktop-dark #rmpnews .heading, .theme-fandomdesktop-dark #rmpmechanics .heading, .theme-fandomdesktop-dark #rmpgameplay .heading { color: #f9f9f9; }
@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 {
font-weight: bold;
font-size: 105%;
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 {
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;
}
/*** Cards. For card header and footer */
.card-caption {
padding: 0 3px 3px 3px;
vertical-align: top;
border-radius: 7px;
text-align: center;
}
.card-div {
display: inline-block;
flex-shrink: 0;
vertical-align: top;
position: relative;
}
.card-image {
filter: drop-shadow(rgba(0, 0, 0, 0.6) 0 3px 3px);
transform: scale(1);
transition: all 0.2s;
}
.card-hover-anchor:hover {
z-index: 100;
}
.card-hover {
overflow: hidden;
}
.card-hover:hover {
overflow: visible;
}
.card-hover:hover .card-image {
filter: drop-shadow(rgba(255, 255, 255, 0.8) 0 0 4px);
}
.card-hover:hover .card-image:hover {
z-index: 3 !important;
transform: scale(1.05);
}
.card-text {
position: absolute;
text-align: center;
font-size: 41px;
width: 231px;
height: 0;
background: transparent;
overflow: visible;
text-overflow: clip;
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: Belwe;
font-weight: 600;
}
.card-text.attack {
top: 219px;
left: -74px;
}
.card-text.health {
top: 219px;
right: -74px;
}
.card-text.level {
top: 166px;
left: 0;
font-size: 16px;
}
/* Cosmetic */
.cosmetic-image {
filter: drop-shadow(rgba(0, 0, 0, 0.6) 0 3px 3px);
transform: scale(1);
transition: all 0.2s;
}
.emote-image {
background: url("/images/8/82/EmoteUI_Bubble_DL.png") no-repeat center;
background-size: contain;
filter: none;
}
.cosmetic-image:hover {
filter: drop-shadow(rgba(255, 255, 255, 0.8) 0 0 4px);
z-index: 3 !important;
transform: scale(1.05);
}
/*** Linked-full-resolution resized image */
.full-resized-image img, .full-resized-image a img {
width: inherit;
height: auto;
}
/*** Form */
/*** Form: Label */
label {
display: inline-block;
}
/*** Temporary fixes */
.page-content {
overflow-x: initial;
}
.img.lazyload, img.lazyloading {
opacity: 1;
}
.patch-highlight-cell {
white-space: nowrap;
width: 200px;
overflow-x: auto;
}
/* Default configs */
.advancededitor {
display: none;
}
/*Fixing issues with VisualEditor*/
.oo-ui-toolbar {
clear: none;
}
@media screen and (min-width: 982px){
.ve-init-mw-desktopArticleTarget-toolbar, .ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
margin-top: 0.57em;
}
}
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) {
display: none;
}
.ve-init-mw-articleTarget .ve-ce-branchNode {
background: transparent;
border: none;
}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
top: 35px;
}
.ve-init-mw-desktopArticleTarget-originalContent .mw-body-content:after {
display: none;
}
/*Messagebox changes*/
.mw-message-box{
color: black !important;
background-color: var(--hswiki-header-background-color) !important;
border: 21px solid transparent;
border-image: url(/images/6/66/Content-box-border.png) 21 round;
border-radius: 10px;
box-shadow: 2px 2px 5px;
}
/*oo-ui, VisualEditor, and widget styling*/
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget{
border-radius: 0 0 10px 0;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: #f5c378;
border-radius: 10px;
}
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input{
background-color: #f7d9a3;
border-radius: 0 0 0 10px;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle{
background-color: var(--hswiki-header-background-color);
border: 20px solid transparent;
border-radius: 10px 10px 0 0;
border-image: url(/images/6/66/Content-box-border.png) 21 round;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{
background-color: var(--hswiki-header-background-color);
}
.oo-ui-menuSelectWidget{
background-color: var(--hswiki-header-background-color);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected){
background-color: #f5dbae;
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
background-color: #ffca6b;
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover{
background-color: #f7e4c1;
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted{
background-color: #f7e4c1;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: white;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
background-color: #f7e1ba;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #ffe6ba;
color: #202122;
font-family: var(--hswiki-headings-font);
font-weight: 100;
border-radius: 4px;
box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px;
border: 1px;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: #ffca6b;
color: black;
border-color: transparent;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #f7e4c1;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: transparent;
box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px;
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
border-color: transparent;
box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px;
outline: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: #d6a965;
}
/*VE popup*/
.oo-ui-popupWidget-popup {
background-color: var(--hswiki-header-background-color);
}
/*VE popup specifically link finder*/
div.ve-ui-context.ve-ui-desktopContext div.oo-ui-widget.oo-ui-widget-enabled.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.oo-ui-popupWidget-anchored-top div.oo-ui-popupWidget-popup{
max-height: 25em;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
font-family: var(--hswiki-headings-font);
font-weight: 100;
border-radius: 4px;
}
.mw-prefs-buttons {
background-color: var(--hswiki-header-background-color);
}
.oo-ui-tabSelectWidget-framed {
background-color: var(--hswiki-header-background-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: #ffca6b;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: #f7e4c1;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: #ffca6b;
}
.ve-init-mw-desktopArticleTarget-originalContent .oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: transparent;
border: 1px solid;
}
.oo-ui-toolbar-bar{
background-color: var(--hswiki-header-background-color);
}
.oo-ui-popupToolGroup-tools{
background-color: var(--hswiki-header-background-color);
border: 1px solid black;
}
.oo-ui-panelLayout-expanded{
background-color: var(--hswiki-header-background-color);
}
.oo-ui-processDialog-navigation{
background-color: #f7e4c1;
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget{
background-color: #dbcbad;
}
.oo-ui-window-content{
background-color: var(--hswiki-header-background-color);
}
.ve-ui-expandableContent-toggle{
background-color: #ffe6ba;
border: 1px solid;
border-radius: 4px 4px 0 0;
}
.ve-ui-expandableContent-fade{
background: linear-gradient(to right,rgba(255,255,255,0) 0,#ffe6ba 90%);
}
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky{
background-color: var(--hswiki-header-background-color);
}
/*Collapsible fieldset header*/
.client-js .mw-collapsibleFieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label{
margin-left: 15px;
}
/*VisualEditor - Saving and previewing*/
.ve-ui-mwSaveDialog-withOptions .ve-ui-mwSaveDialog-options{
background-color: #f7e4c1;
}
.ve-ui-mwSaveDialog-checkboxes{
background-color: #f7e4c1;
}
.ve-ui-mwSaveDialog-preview .mw-body{
background-image: var(--hswiki-general-background-image);
}
/*VisualEditor - hiding errors and esc tags*/
p.ve-ce-leafNode.ve-ce-focusableNode.ve-ce-mwTransclusionNode strong.error, p.ve-ce-branchNode.ve-ce-contentBranchNode.ve-ce-paragraphNode strong.error{
display: none;
}
ul.ve-ce-leafNode.ve-ce-focusableNode.ve-ce-mwTransclusionNode.ve-ce-focusableNode-focused span[typeof="mw:Extension/esc"]{
display: none;
}
ul.ve-ce-leafNode.ve-ce-focusableNode.ve-ce-mwTransclusionNode span[typeof="mw:Extension/esc"]{
display: none;
}
/*END VisualEditor - hiding errors and esc tags*/
@media screen {
.mw-body h1, .mw-body-content h1, .mw-body-content h2{
font-family: var(--hswiki-headings-font);
line-height: 1.3;
color: var(--hswiki-headings-color);
border-bottom: var(--hswiki-border);
}
.vector-body h3, .vector-body h4, .vector-body h5{
font-weight: 100;
font-family: var(--hswiki-headings-font);
}
a:visited{
color: var(--hswiki-link-color-visited);
}
}
/*AudioButton download popup*/
#context-menu { position:absolute; display:none; }
#context-menu ul, #context-menu li {
list-style:none;
margin:0; padding:0;
background: lightblue;
}
#context-menu { border:solid 1px #CCC; border-radius: 3px;}
#context-menu li { border-bottom:solid 1px #CCC; }
#context-menu li:last-child { border:none; }
#context-menu li a {
display:block;
padding:2px 5px;
text-decoration:none;
color:black;
font-family: sans-serif;
font-size: 0.875em;
}
#context-menu li a:hover {
background: darkgrey;
color:#FFF;
}
/*END AudioButton download popup*/
/*Hide "New page" from sidebar tools*/
li#t-newpage.mw-list-item{
display: none;
}