MediaWiki:FandomMobile.css

th.rotate > div { transform: translate(30px, 100px) rotate(315deg); 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; width: 30px; }

.content table.stylish th { border:none; } .article-table-wrapper tr>th.rotate { background:none; border-right: 0; border-bottom: 0; height: 140px; white-space: nowrap; } .article-table-wrapper tr>th.rotatecorner { width: 140px; border-right: 0; border-bottom: 0; background: none; } th.rotatecorner > span { position:relative; top:100px; } th.rotatecorner > div { transform: translate(135px, 75px) rotate(315deg); width:60px; border-bottom:1px solid; }

span.icon img { width: 50px; border: 0; } span.icon figcaption { display: none; }

.bg-darkgray { background-color: rgba(48,48,48,0.32); border-radius: 0.5em; margin: 5px; padding: 7px 15px 12px 15px; }
 * 1) mp-outer-container .article-media-placeholder { border: 0; }

/* 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, .mw-parser-output .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 dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";  font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist 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) " "; }

/* 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} .mw-parser-output .wtooltip ul { margin: 0; } /* fix skin's ul override */

/* 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, .tooltip-content a, .htt .tooltip-content li, .htt .tooltip-content li > a {color: #f0f0f0;} .htt > .tooltip-content {clear: both} 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.relic, li.relic a, .htt .tooltip-content li.relic, .htt .tooltip-content li.relic a {color:#BFA760;} 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;} li.corruption, li.corruption a, .htt .tooltip-content li.corruption, .htt .tooltip-content li.corruption a {color: #956DD1;} li.corruptionresist, li.corruptionresist a, .htt .tooltip-content li.corruptionresist, .htt .tooltip-content li.corruptionresist a {color: #ffd517;} 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; }

/* 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} .createline > .itemtooltip {background: transparent; border: none; font-size: 0.90em; margin: 0.75em 0; padding: 0} .awaytip > ul > .createline > .itemtooltip {margin: 0.90em 0} .subability > .abilitytooltip {background: transparent; border: none; font-size: 0.90em; margin: 0; padding: 0} .awaytip > ul > .subability > .abilitytooltip {margin: 0.90em 0}

/* Content templates */ .greybar {background-color: #202020; border-color: #383838; color: #e0e0e0} .speciallink {color: #F0F0F0} .darktable, .darkbox, div.forumheader {background-color: #181818; border-color: #383838} table.stylish td:not(:first-child) { border-color:#383838; } .navbox, .navbox-subgroup {background-color: #181818; border-color: #383838} table.navbox {border-color: #383838} .navbox-even, .alt, .darktable .alt, .rowtitle, .darktable .rowtitle, .darkbox .alt {background-color: #202020} .navbox-list {border-color: #181818} table.zebra.darktable > tbody > tr:nth-child(2n+1), table.zebra.darkbox > tbody > tr:nth-child(2n+1) {background-color: #202020} table.zebra> tbody > tr:nth-child(2n+1), table.zebra.darkbox > tbody > tr:nth-child(2n+1) {background-color: #282828} table.darktable th, table.darkbox th, .navbox-title, table.navbox th, table.stylish td:first-child {background-color: #062540} table.darktable td.title, .darkbox td.title {background-color: #303030} table.darktable tr:not(:first-child) th, table.darkbox tr:not(:first-child) th, .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background-color: #072C4D} .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {background-color: #282828} .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background-color: #282828} .title {background-color: #202020} .ambox {background-color: #282828; border-top-color: #383838; border-bottom-color: #383838; border-right-color: #383838} .ambox-gray {border-left-color: #383838} table.wwusrbox {background-color: #282828; border-color: #383838} table.wwusrbox td.main {font-size: 0.85em} table.wwusrbox td.left, table.wwusrbox td.right {background-color: #303030} div.book { border-color: #383838; background-color: #282828} div.NavFrame div.NavHead {background-color: #062540} .wowboxbg {background-color: #303030} .blizztext, .text-blizz {color: #00C0FF} .blizztext a, .text-blizz a {color: #E0E0E0} .text-say {color: #E6E68E} .infobox .mid-header {background-color: #303030;}

/* Quality Colors */ .qc-poor, .qc-poor a { color: #9D9D9D; } .qc-common, .qc-common a {color: white} .qc-uncommon, .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: #E6CC80} .qc-heirloom, .qc-heirloom a, .qc-token, .qc-token a { color: #00CCFF; } .qc-enchant, .qc-enchant a {color: #FFD100}

/* 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: #F0F0F0} .cc-rogue, .cc-rogue a {color: #FFF569} .cc-shaman, .cc-shaman a { color: #0070DE; } /*Easier to read shade.*/ .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: #00FF96} .cc-demonhunter, .cc-demonhunter a { color: #A330C9; } /* proper color in darkvector */

/* Template:reputation */ .rep-hated {color: #cc2222} .rep-hostile {color: red} .rep-unfriendly {color: #ee6622} .rep-neutral {color: yellow} .rep-friendly {color: lime} .rep-honored {color: #00ff88} .rep-revered {color: #00ffcc} .rep-exalted, .rep-paragon {color: cyan}

.factiontable {background-color: #282828; border: 2px solid #282828} .factiontable tr {background-color: #181818} .factiontable.alliance th, .factiontable.alliance td.factionbg {background-color: #143A66} .factiontable.horde th, .factiontable.horde td.factionbg {background-color: #661111}

.abilitylink {color: #7ad5ff}

.repspanbar {background: #002040; border-width: 1px; border-style: solid; border-color: #204080 #001030 #001030 #204080}

.infobox .article-media-thumbnail figcaption { text-align: center; } .mobile-gallery__image img.article-media-icon { width: unset; }

/* Template:Text */ .text-yell {color:#FF4040;} .text-emote {color:#F87431;} .text-whisper {color:#F8B0DE;} .text-bossemote {color:#f0d000;}

/* Main page - WoW Classic logo */ .mp-lightimg { display: none; }