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; }

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

/* 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}

/* 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}
.qc-common, .qc-common a {color: white}
.qc-uncommon, .qc-uncommon a {color: #1EFF00}
.qc-enchant, .qc-enchant a {color: #FFD100}
.qc-artifact, .qc-artifact a {color: #E6CC80}
.qc-heirloom, .qc-heirloom a, .qc-token, .qc-token a { color: #00CCFF; }
.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}
.cc-rogue, .cc-rogue a {color: #FFF569}
.cc-priest, .cc-priest a {color: #F0F0F0}
.cc-monk, .cc-monk a {color: #00FF96}
.blizztext, .text-blizz {color: #00C0FF}
.blizztext a, .text-blizz a {color: #E0E0E0}
.text-say {color: #E6E68E}
.infobox .mid-header {background-color: #303030;}

/* 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}