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