MediaWiki:Mobile.css

/* For the mobile frontend only. Add ?useformat=mobile to any URL to test */

/* This stylesheet loads *after* the initial render. MediaWiki:Gadget-darkmobile.css is part of the initial bundle. */

@media screen and (min-width: 720px) { .mp-main-left { width: 60%; } }

.search-overlay, .overlay { z-index: 20 !important; }

.nomobile { display: none; }

.overlay-title .mw-ui-icon-clear { display:none !important; }

/********************* /* Front page styles * /*********************/

@media (min-width: 400px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; } }

.fplinks { display: flex; flex-flow: row wrap; justify-content: center; margin: -2px -3px; }

.fplinks .linkslabel { border-bottom: 2px solid #505050; margin: 6px 3px 0 3px; flex: 0 0 100%; }

.fplink { display: flex; align-items: stretch; justify-content: stretch; flex: 0 0 100%; padding: 2px 3px; box-sizing: border-box; }

@media (min-width: 400px) { .fplink { flex: 0 0 50%; } }

.fplink.wide { flex: 0 0 100%; }

.fplink .box { background: transparent; border: 2px solid #505050; border-radius: 2px; box-shadow: 0 0 0 2px #505050 inset; color: #e0e0e0; display: flex; flex-flow: column nowrap; font-weight: bold; align-items: stretch; justify-content: stretch; text-transform: uppercase; flex-grow: 1; min-height: 4em; }

.fplink.image { justify-content: flex-start; }

.fplink.image .box { min-height: 70px; }

.fplink.image .box .image { display: flex; flex-grow: 1; min-height: 70px; }

.fplink.image .image a { min-height: 70px; }

.fplink.image .box .image img { max-width: 100% !important; width: auto !important; max-height: 70px !important; }

@media (min-width: 188px) { .fplink { width: 50%; }

.fplink.wide { width: 100%; } }

@media (min-width: 294px) { .fplink { width: 33.333%; }

.fplink.wide { width: 66.666%; } }

@media (min-width: 400px) { .fplink { width: 25%; }

.fplink.wide { width: 50%; }

.fplink.image { width: 108px; height: 108px; }

.fplink.image .box .row .cell { width: 100px; height: 100px; }

.fplink.image .box .row .cell .image img { width: 100px; height: 100px; } }

@media (min-width: 506px) { .fplink { width: 20%; }

.fplink.wide { width: 40%; } }

@media (min-width: 612px) { .fplink { width: 16.666%; }

.fplink.wide { width: 33.333%; } }

@media (min-width: 718px) { .fplink { width: 14.285%; }

.fplink.wide { width: 28.571%; } }

@media (min-width: 824px) { .fplink { width: 12.5%; }

.fplink.wide { width: 25%; } }

@media (min-width: 930px) { .fplink { width: 11.111%; }

.fplink.wide { width: 22.222%; } }

@media (min-width: 1036px) { .fplink { width: 10%; }

.fplink.wide { width: 20%; }

.fplink.image { width: 128px; height: 128px; }

.fplink.image .box .row .cell { width: 120px; height: 120px; }

.fplink.image .box .row .cell .image img { width: 120px; height: 120px; } }

.fplink.image .image { font-size: 75%; }

.fplink .link { display: flex; align-items: stretch; justify-content: stretch; flex-grow: 1; }

.fplink a { display: flex; align-items: center; justify-content: center; flex-grow: 1; }

.fplink.image .link a { border-top: 2px solid #505050; background: #ddddb7 !important; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; max-width: 480px; }

.fpvideo { position: relative; padding-top: 25px; padding-bottom: 56.25%; height: 0; }

.fpvideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fpbox .bigmobilelinks .rightcol { padding: 0.25em 0 0 0; }

@media (min-width: 400px) { .fpbox .bigmobilelinks .rightcol { padding: 0; } }

.fpbox .bigmobilelinks ul, .fpbox .bigmobilelinks .leftcol ul, .fpbox .bigmobilelinks .rightcol ul { list-style: none; margin: 0; padding: 0 15px; }

.fpbox .bigmobilelinks ul ul, div#content .fpbox .bigmobilelinks .leftcol ul ul, div#content .fpbox .bigmobilelinks .rightcol ul ul { list-style: none; padding: 0.25em 1em 0 1em; }

.fpbox .bigmobilelinks ul li div { display: flex; align-items: center; justify-content: center; background: rgba(128, 128, 128, 0.1); min-height: 4em; margin: 0.25em 0; padding: 0; }

.fpbox .bigmobilelinks a { display: flex; align-items: center; justify-content: center; background: rgba(128, 128, 128, 0.2); min-height: 4em; margin: 0.25em 0; padding: 0; }

.fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; }

.fpmain .columns { overflow: hidden; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

div.cpbox div.feature { width:unset !important; }

/* Classes permitting setting of alignment on mobile only or differently on desktop and mobile */ /* (See .desktopleft, .desktopcenter, .desktopright in MediaWiki:Common.css for the desktop equivalents */ .mobileleft { text-align: left; }

.mobilecenter { text-align: center; }

.mobileright { text-align: right; }


 * 1) mw-mf-diffview #mw-mf-userinfo { z-index: 10; }

/* WOWPEDIA SPECIFIC CSS BELOW */ /* Original css follows */ h2#section_footer, #mw-mf-last-modified {display: none}
 * 1) content_wrapper {margin: 1ex 1em}
 * 2) content_footer {border: none; background: transparent}

/* #footer {background: #101010; margin-bottom: 0 !important; padding-bottom: 62px; border-top-color: #303030; color: #e0e0e0;} */ .thumb {display: inline-block; padding: 5px} ul.settings li {margin-bottom: 1ex}
 * 1) content_wrapper #footer {margin: 1em -1em 0}
 * 2) mw-mf-search {font-size: 16px}

@media (max-width: 400px) { table.infobox {float: none !important; margin: 0 auto 1em auto !important;} table.break-400, table.break-400 > *, table.break-400 > * > tr, table.break-400 > * > tr > * {display: block; margin: 0; padding: 0} table.break-400 > * > tr > * {width: 100% !important; margin: 2px 0; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box} div.disambig-for dd {margin-left: 1em} } @media (min-width: 480px) { .tright {float: right; clear: right; margin: 0 0 1em 1em} }
 * 1) mw-content-text > div > div.wtooltip {float: none !important; margin: 0.5ex 2em 1em 2em !important; width: auto;}
 * 2) mw-content-text > div > div.wtooltip.ach-tt {margin-left: 60px !important;}

.mpcontentbox-table, .mpcontentbox-table td {border: none} .mpcontentbox-table td p, .mpcontentbox-btable p {margin: 0.3em 0} .mpcontentbox-table td p:first-child, .mpcontentbox-btable > div > div >p:first-child {margin-top: 0} .mpcontentbox-table td ul, .mpcontentbox-btable ul {margin: 0.3em 0 1em 0; padding-left: 2em}
 * 1) mf-news dt {font-weight: bold}
 * 2) mf-news dd {margin: 0 0 1.5em 0}

/* .infobox .above-header th {background-color: #062540 !important} .infobox .below-header > *, .darktable th {background-color: #072C4D !important} .infobox .above-header img {vertical-align: -60%} table.infobox td {border: 1px solid #d8d8d8} .infobox .label, .infobox .above-header + .mid-header {background-color: #062540; } .infobox .mid-header, .infobox .mid-header th, table.navbox th.navbox-title {background-color: #181818} .navbox td {border-color: transparent} table.navbox {border-collapse: separate !important; border: 1px solid #d8d8d8; padding: 0} .navbox-title .navbar.mini {display: none} table.navbox .navbox-group, table.navbox .navbox-abovebelow { background-color: #e8e8e8; padding: 0.25em 1em; line-height: 1.2em; text-align: center;}

.darktable, .darktable .infobox, .content table.infobox { background-color: #181818; border-color: #383838; }

.darktable > caption {font-weight: bold; margin: 0.5em 0.2em} /* --- TOOLTIP --- */

/* WoW Style Tooltip */ .wtooltip { width: 18em; min-width: 15em; padding: 0.3em; margin: 5px; background-color: #101010; border: 1px #b0b0b0 solid; border-radius: 0.75ex; text-align: left; } .wtooltip ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} .wtooltip, .wtooltip li, .wtooltip li > a {color: #f0f0f0;} .wtooltip .outericon {position: absolute; left: -38px; top: 0} .wtooltip table, .wtooltip table td, .wtooltip table th {border: none}

/* itemtooltip and others MUST be used in conjunction with wtooltip */ .itemtooltip { width: 18em; margin-top: 0; } .proftip {width: 22em}

.htt .tooltip-content ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} .htt .tooltip-content, .htt .tooltip-content li, .htt .tooltip-content li > a {color: #f0f0f0;} li.socket, li.socket a, .htt .tooltip-content li.socket, .htt .tooltip-content li.socket a {color: #999;} li.glyph, li.glyph a, .htt .tooltip-content li.glyph, .htt .tooltip-content li.glyph a {color:#71d5ff;} li.req, li.req a, .htt .tooltip-content li.req, .htt .tooltip-content li.req a {color: #999;} li.locked, li.locked a, .htt .tooltip-content li.locked, .htt .tooltip-content li.locked a {color: #d22;} li.bonus, li.bonus a, .htt .tooltip-content li.bonus, .htt .tooltip-content li.bonus a {color: #0f0;} li.flavor, li.flavor a, .htt .tooltip-content li.flavor, .htt .tooltip-content li.flavor a, .wtooltip li.description, .wtooltip li.description a {color: #ffd517;} li.detail, li.detail a, .htt .tooltip-content li.detail, .htt .tooltip-content li.detail a {color: #66c;} li.set, li.set a, .htt .tooltip-content li.set, .htt .tooltip-content li.set a {color: #ffd100;} li.setbonus, li.setbonus a, .htt .tooltip-content li.setbonus, .htt .tooltip-content li.setbonus a {color: #999;} div.htt .setdesc { display:none; } .setdesc .linkicon { display: none; } .setdesc strong.selflink {font-weight: normal} .tooltip, .htt .tooltip-content { font-size: 1em; float: left; width: auto; min-width: 15em; padding: 0.3em; margin: 5px; color: #fff; background-color: #111; border: 1px #bbb solid; border-radius: 0.75ex; } .htt .tooltip-content table {color: white} .tooltip ul, .htt .tooltip-content ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; } .htt .tooltip-content { background-color: #070A1A } .htt .tooltip-content { max-width: 22em; background-color: rgba(11, 16, 41, 0.9) }

.htt .ach-tt { max-width: 35em !important; }

max-width: 300px !important; } .htt .tooltip-content .tooltip-hide { display:none; }
 * 1) templatetfb .tooltip-content {

.tooltip-ready { visibility:hidden; display:block; z-index:999; }

/* Template:itemtip and co. */ .tt-icon {float: right; position: relative; margin-left: 4px} .tt-icon-stack {text-shadow: #202020 1px 1px, #202020 0px 0px 3px; position: absolute; bottom: 1px; right: 2px} .hometip > ul > .awayline, .awaytip > ul > .homeline {display: none} .wtooltip.awaytip {font-size: 0.85em} .hometip {float: right} .awaytip {float: left} .createline > .itemtooltip {background: transparent; border: none; font-size: 0.90em; margin: 0.75em 0; padding: 0} .awaytip > ul > .createline > .itemtooltip {margin: 0.90em 0}

.ajaxttlink > img, .linkicon img {vertical-align: text-bottom}

/* Achievementtip */ .wtooltip.ach-tt {position:relative; margin-left: 60px; width: auto; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content} .ach-tt .achievementcriteria li > .nobreak {white-space: normal} .ach-tt .tt-icon {position: absolute; left: -58px; top: -1px; float: none} .achievementpoints { clear:both; float:right; white-space:nowrap; margin-left:1em } .achievementtitle strong, .achievementcriteria strong, .achievementrewards strong { color:gold } .achievementtitle.account-ach strong {color: #00aeff} .wtooltip.ach-tt > ul {min-width: 16em}

/* Lootbox */ ul.side-by-side, .side-by-side-recursive ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} ul.side-by-side > li, .side-by-side-recursive ul > li {padding: 0.2em; display: inline-block; vertical-align: top} .lootbox.side-by-side > li {padding: 0 2px}

/* --- COLORS --- */ /* Blizz text color */ .blizztext, .text-blizz { color:#0070af; } /* text colors: say, yell, emote, whisper */ .text-say {color:#CC9900;} .text-yell {color:#FF4040;} .text-emote {color:#F87431;} .text-whisper {color:#F8B0DE;} .text-bossemote {color:#f0d000;}

/* Item Quality Colors */ .qc-poor, .qc-poor a { color: #9D9D9D; } .qc-common, .qc-common a { color: #fff; } .qc-uncommon, .qc-uncommon a { color: #27BF13 } .wtooltip .qc-uncommon, .wtooltip .qc-uncommon a {color: #1EFF00} .qc-rare, .qc-rare a { color: #0070FF; } .qc-epic, .qc-epic a { color: #a335ee; } .qc-legendary, .qc-legendary a { color: #ff8000; } .qc-artifact, .qc-artifact a { color: #BFA760; } .qc-heirloom, .qc-heirloom a, .qc-token, .qc-token a { color: #00CCFF; } .qc-enchant, .qc-enchant a {color: #E6BB00}

.abilitylink {color: #2BA2D9} .talentlink {color: #4e96f7} .currencylink {color:#00AA00}

/* Class Colors */ .cc-druid, .cc-druid a { color: #FF7D0A; } .cc-hunter, .cc-hunter a { color: #ABD473; } .cc-mage, .cc-mage a { color: #69CCF0; } .cc-paladin, .cc-paladin a { color: #F58CBA; } .cc-priest, .cc-priest a { color: gray; } /* priest is white, but not on light skins... see darkvector.css */ .cc-rogue, .cc-rogue a { color: #CC9900; } .cc-shaman, .cc-shaman a { color: #2459FF; } .cc-warlock, .cc-warlock a { color: #9482CA; } .cc-warrior, .cc-warrior a { color: #C79C6E; } .cc-deathknight, .cc-deathknight a { color: #C41E3A; } .cc-monk, .cc-monk a { color: #008467; } .cc-demonhunter, .cc-demonhunter { color: #A330C9; } /* proper color in darkvector */

.druid, .druidalt { color: white; } .druid { background-color: #7f3e05; } .druidalt { background-color: #663300; } .druid a, .druidalt a { color: #ff7f0a; } .hunter, .hunteralt { color: white; } .hunter { background-color: #445533; } .hunteralt { background-color: #334422; } .hunter a, .hunteralt a { color: #ABD473; } .mage, .magealt { color: white; } .mage { background-color: #4488aa; } .magealt { background-color: #336677; } .mage a, .magealt a { color: #66ccff; } .paladin, .paladinalt { color: white; } .paladin { background-color: #883355; } .paladinalt { background-color: #662244; } .paladin a, .paladinalt a { color: #ff99cc; } .priest, .priestalt { color: white; } .priest { background-color: #777777; } .priestalt { background-color: #444444; } .priest a, .priestalt a { color: #bbbbbb; } .rogue, .roguealt { color: white; } .rogue { background-color: #555500; } .roguealt { background-color: #444400; } .rogue a, .roguealt a { color: #fff569; } .shaman, .shamanalt { color: white; } .shaman { background-color: #112277; } .shamanalt { background-color: #112255; } .shaman a, .shamanalt a { color: #2459FF; } .warlock, .warlockalt { color: white; } .warlock { background-color: #331155; } .warlockalt { background-color: #220044; } .warlock a, .warlockalt a { color: #cc99ff; } .warrior, .warrioralt { color: white; } .warrior { background-color: #775533; } .warrioralt { background-color: #443322; } .warrior a, .warrioralt a { color: #C79C6E; }

.deathknight, .deathknightalt { color: white; } /* .deathknight { background-color: #; } */ /* .deathknightalt { background-color: #; } */ .deathknight a, .deathknightalt a { color: #C41E3A; }

.monk, .monkalt { color: white; } /* .monk { background-color: #; } */ /* .monkalt { background-color: #; } */ .monk a, .monkalt a { color: #008467; }

.demonhunter, .demonhunteralt { color: white; } /* .demonhunter { background-color: #; } */ /* .demonhunteralt { background-color: #; } */ .demonhunter a, .demonhunteralt a { color: #A330C9; }

/* Template: Reputation */ .rep-hated {color: #ac1d1d} .rep-hostile {color: #ac0000} .rep-unfriendly {color: #AB4918} .rep-neutral {color: #acac00} .rep-friendly {color: #00ac00} .rep-honored {color: #00AB5B} .rep-revered {color: #00AB89} .rep-exalted {color: #00acac}

/* Buffs & Debuffs */ div.bufftip {border-width: 1px; border-style: solid; border-color: #aaaaaa;} div.debuff {border-color: #cc0000;} div.debuffmagic {border-color: #3399ff;} div.debuffcurse, div.buffweapon {border-color: #9900ff;} div.debuffdisease {border-color: #996600;} div.debuffpoison {border-color: #009900;}

.achievementlink {color: #CC9900;}

/* elinks */ ul.elinks { list-style-type: none; padding: 0px; margin: 0px; overflow:hidden } ul.elinks li { list-style: none; background-repeat: no-repeat; background-position: 0px 0px; padding-left: 25px; min-height: 25px; vertical-align: middle; } ul.elinks li.wowhead { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/6/6e/Icon-wowhead-22x22.png/revision/latest'); } ul.elinks li.wowus { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/9/9c/Icon-wowus-22x22.png/revision/latest'); } ul.elinks li.sigrie { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/b/ba/Icon-mmochampion-22x22.png/revision/latest'); } span.alliance-link, span.horde-link, span.neutral-link { background-repeat: no-repeat; background-position: 0px 0px; padding-left: 17px; min-height: 15px; vertical-align: middle; }

span.alliance-link { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/2/21/Alliance_15.png/revision/latest'); } span.horde-link { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/c/c4/Horde_15.png/revision/latest'); } span.neutral-link { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/c/cb/Neutral_15.png/revision/latest'); }

.alliance-link-big, .horde-link-big, .neutral-link-big, .combat-link-big { background-repeat: no-repeat; background-position: 1px 3px; padding-left: 39px; min-height: 36px; vertical-align: middle; }

.alliance-link-big { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/2/25/Alliance_32.png/revision/latest'); } .horde-link-big { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/4/4f/Horde_32.png/revision/latest'); } .neutral-link-big { background-image: url('/media/3/38/Neutral_32-square.gif'); } .combat-link-big { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/6/6c/Combat_32.gif/revision/latest'); }

span.socketlink-red { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/0/02/UI-EmptySocket-Red.png/revision/latest'); } span.socketlink-blue { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/f/fc/UI-EmptySocket-Blue.png/revision/latest'); } span.socketlink-yellow { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/8/87/UI-EmptySocket-Yellow.png/revision/latest'); } span.socketlink-prismatic { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/4/48/UI-EmptySocket-Prismatic.png/revision/latest'); } span.socketlink-meta { background-image: url('https://static.wikia.nocookie.net/wowpedia/images/7/75/UI-EmptySocket-Meta.png/revision/latest'); }

span.socketlink { background-repeat: no-repeat; background-position: 0px 0px; padding-left: 18px; min-height: 16px; vertical-align: middle; } span.socketlink a { color:#999; }

.itemlink {white-space: nowrap} .itemtooltip .itemlink {white-space: normal !important;} .questshort .questlong-prefix {display: none} .questbox .questshort > .nobreak {white-space: normal} @media (max-width: 500px) { .itemlink {white-space: normal} }

/* Other-faction links on quest-disambiguated pages */ .fswitched .qfordisambig {display: none}

.coords-link {line-height: 1em} .broken.coords-link sup {background-color: #FFB0B0}

/* Versions */ body.versions-active .versions-cv {display: none} body.versions-active table.elinks-many {border: none; padding: 0; background: transparent; margin: 0; font-size: 100%} body.versions-active table.elinks-many td {border: none} body.versions-active-inline .qfordisambig {display: none}
 * 1) versions-header-tabs {display: block; font-size: 0.60em; line-height: 1.5em; padding: 1px 0; border-width: 1px 0; border-style: solid; border-color: #e2e2e2; margin-top: 4px}
 * 2) versions-header-tabs a {margin-left: 0.6em}
 * 3) versions-header-tabs:before {content: 'Versions: '; font-weight: normal}
 * 4) versions-header-tabs .inactivetab {color: #0088CC; font-weight: normal}
 * 5) versions-header-tabs .activetab {color: black}
 * 6) versions-header-tabs .activetab.alliancetab {color: #214DA6}
 * 7) versions-header-tabs .activetab.hordetab {color: #A63721}
 * 8) versions-header-tabs.fswitch .inactivetab {color: #666666}

/* Style for horizontal lists (separator following item). IE8-specific classes are assigned in MediaWiki:Common.js/IEFixes.js. @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 4.3 (2014-01-06) @author User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* For IE8 */ .hlist dd.hlist-last-child:after, .hlist dt.hlist-last-child:after, .hlist li.hlist-last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist:not(.footer-hydra) dd dd:first-child:before, .hlist:not(.footer-hydra) dd dt:first-child:before, .hlist:not(.footer-hydra) dd li:first-child:before, .hlist:not(.footer-hydra) dt dd:first-child:before, .hlist:not(.footer-hydra) dt dt:first-child:before, .hlist:not(.footer-hydra) dt li:first-child:before, .hlist:not(.footer-hydra) li dd:first-child:before, .hlist:not(.footer-hydra) li dt:first-child:before, .hlist:not(.footer-hydra) li li:first-child:before { content: " (";   font-weight: normal; } .hlist:not(.footer-hydra) dd dd:last-child:after, .hlist:not(.footer-hydra) dd dt:last-child:after, .hlist:not(.footer-hydra) dd li:last-child:after, .hlist:not(.footer-hydra) dt dd:last-child:after, .hlist:not(.footer-hydra) dt dt:last-child:after, .hlist:not(.footer-hydra) dt li:last-child:after, .hlist:not(.footer-hydra) li dd:last-child:after, .hlist:not(.footer-hydra) li dt:last-child:after, .hlist:not(.footer-hydra) li li:last-child:after {    content: ") "; font-weight: normal; } /* For IE8 */ .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { content: ") ";   font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol {    counter-reset: listitem; } .hlist ol > li {    counter-increment: listitem; } .hlist ol > li:before {    content: " " counter(listitem) " "; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before {    content: " (" counter(listitem) " "; } /* Unbulleted lists */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; }

table.darktable th, table.darkbox th, .navbox-title, table.navbox th { background-color: #062540; }

/* VideoLink */ .vplink:before {content: '\25B6'; margin-right: 4px; color: #bc0000; vertical-align: 1px; font-size: 75%;}

.branding-box h1 { background-image: url(https://static.wikia.nocookie.net/wowpedia/images/d/d2/Wiki_mobile_logo.png/revision/latest); background-size: contain; background-repeat: no-repeat; height: 15px; border-bottom:0; } .branding-box h1 span { display:none; }

/* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { /* border-color: #505050; */ /* If you keep all borders the same */ /* border-style: solid; */ /* If you keep all borders the same */ /* border-width: 1px; */ /* If you keep all borders the same */ -moz-border-bottom-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ -moz-border-left-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ -moz-border-right-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ -moz-border-top-colors: transparent; /* This should match your general choice of border color */ border-bottom-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-left-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-right-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */ border-top-color: transparent; /* This should match your general choice of border color */ border-image: none; border-style: solid none none; border-width: 1px medium medium; }

ul.tabbernav { border-bottom: none; padding: 0; }

ul.tabbernav li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #000000; /* This should match your general choice of background color */ border: 1px solid #505050; /* This should match your general choice of border color */ border-image: none; border-radius: 5px 5px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; }

ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; }

ul.tabbernav li a:link { color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */ }

ul.tabbernav li a:hover { background: none repeat scroll 0 0 #000000; border-color: #505050; /* This should match your general choice of border color */ color: #FFFFFF; }

ul.tabbernav li.tabberactive a { background-color: #000000; color: #FFFFFF; }

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #000000; border-bottom: 1px none; padding: 2px 0.5em 4px; color: #fff; }

ul.tabbernav { text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ }

th.rotate { height: 140px; white-space: nowrap; }

th.rotate > div { transform: translate(20px, 55px) rotate(315deg); color: red; width: 30px; } th.rotate > div > span { border-bottom: 1px solid #ccc; padding: 1px 10px; } table.stylish td:first-child { white-space:nowrap; } table.stylish td:not(:first-child) { border:1px solid; text-align: center; }

.skin-minerva .content table.stylish th { border:none; } .skin-minerva .content th.rotatecorner { width: 140px; } th.rotatecorner > span { position:relative; top:70px; } th.rotatecorner > div { transform: translate(140px, 30px) rotate(315deg); width:60px; border-bottom:1px solid; }