FANDOM


Icon-warning-22x22 Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Chrome / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac)
  • Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5
/***** CSS placed here will be applied to all skins on the entire site. *****/
 
/* Note: Common.css has been enabled now for all themes to allow various facilites 
and modules to work across mobile or other themes. See History pre-2018 for
old versions. Code placed here previously was non-functional. */
 
/**************************************************************************************
 
* Use Wikia.css for normal WoWWiki CSS changes. This Common.css should only be used for wiki modules or other common code that is known to work correctly with mobile themes.
 
* The 'MediaWiki:Wikia.css' is loaded via link as a part of 'site.css', at the very *top*
of the page in the html 'header', just before 'user.css', but after oasis, wikihiero, etc.
 
* This 'MediaWiki:Common.css' is loaded as a part of a load.php with oasis, or shortly after, and at
the *top* and in the actual html 'header', without any JS having run yet.
 
* Both files are checked and minified the same.
 
* Do not use 'importArticle' and friends to include additional CSS for performance reasons.
 
* See also 'MediaWiki:Wikia.js' and 'MediaWiki:Common.js'
 
***************************************************************************************/
 
.test-common-div { color: blue; } /* test if common is turned on currently on wow wiki */
 
/* convert block to flexible inline-block. skipped on moble */
.flexbox { display: inline-block; margin-right: 8px; vertical-align: top; }
 
/* simple table column align top. place on table. skipped on moble */
.tcol1-top td:nth-child(1), .tcol2-top td:nth-child(2), .tcol3-top td:nth-child(3),
.tcol4-top td:nth-child(4), .tcol5-top td:nth-child(5), .tcol6-top td:nth-child(6) {
    vertical-align:top;
}
 
 
/*******************************************/
/***   Extension Map                     ***/
/*******************************************/
 
/* .map {} - marker class for top-level Map containers */
/* .map-icons1 {} - a map 'icon library' icon file. optional */
 
/* map zone - a non-lightbox map image container */
.map-zone { cursor: pointer; }
.map-zone.map-preload, .map-zone.map-disabled {
    cursor: default;
}
.map-zone.map-preload, .map-large.map-preload {
    background-position: center center;
    background-repeat: no-repeat;
}
.map-zone.map-preload, .map-large.map-preload, .map-header.map-preload, .map-legend.map-preload {
    background-color: #9d7243;  /* default tan */
}
 
/* map embed - a non-lightbox map image container that's embedded */
.map-embed { cursor: pointer; display: inline-block; }
.map-embed.map-preload {
    background: #000000 none no-repeat center center;
    cursor: default;
}
 
/* map-large - a lightbox map image container */
.map-large { padding: 0; }
 
/* map marker - a map point-of-interest POI marker container */
.map-marker {
    position: absolute;
    z-index: 10002000;
    cursor: help;
}
.map-preload .map-marker { display: none; }
 
/* map link - containter for actual link text or coord text */
.map-textlink, .map-coords { cursor: pointer; }
.map-textlink:hover, .map-coords:hover { }
 
/* map lightbox - blackout, large map, header, and legend */
.map-blackout {
    position: absolute;
    left: 0; top: 0;
    background-color: #000000;
    z-index: 10000000;
    opacity: 0.85;
}
.map-large, .map-header, .map-legend {
    position: fixed;
    z-index: 10001000;
    box-sizing: border-box;
}
 
/* header and legend */
.map-header { padding: 4px 6px; overflow: hidden; }
.map-legend { padding: 10px 6px; overflow: visible; }
.map-legend-wrapper { overflow-x: visible; /* overflow-y: auto; */ }
.map-header, .map-legend {
    background: url('') repeat scroll 0 0 transparent;
    border-radius: 4px;
    box-shadow: inset 1px 1px 3px #422;
}
.map-header.map-preload, .map-legend.map-preload {
    background-image: none;
}
 
/* header parts */
.map-title, .map-coordinates, .map-scale, .map-href, .map-close, .map-group-note,
  .map-subGroup-note, .map-group-name, .map-subGroup-name {
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 1px 1px 3px #422;
}
.map-title, .map-coordinates, .map-scale, .map-href, .map-close {
    line-height: 15px;
    margin: 4px;
    padding: 2px 6px;
}
.map-minimal .map-href {
    display: none;
}
.map-header a:hover {
    color: #16A92D;
    text-shadow: 0 0 10px #16A92D;
    text-decoration: none;
}
.map-title, .map-coordinates, .map-scale, .map-href, .map-close, .map-group-note, .map-subGroup-note {
    background: none repeat scroll 0 0 #2D2D2D;
    color: #D5D4D4;
    opacity: 0.9;
}
 
/* legend parts */
.map-group-name, .map-group-note, .map-subGroup-name, .map-subGroup-note {
    line-height: 14px;
    padding: 1px 6px;
}
.map-group-name {
    margin-top: 12px;
    margin-bottom: 6px;
}
.map-group-name:first-child { margin-top: 0; }
.map-group-name, .map-group, .map-group .map-group-note { width: 228px; }
.map-subGroup-name, .map-subGroup-note {
    display: inline-block;
    margin: 1px;
}
.map-subGroup-name { min-width: 85px; }
.map-group-note, .map-subGroup { margin-top: 1px; }
.map-subGroup-note { margin-left: 4px; }
.map-subGroup + .map-group-note { margin-top: 4px; }
.map-group-note, .map-subGroup-note { cursor: help; }
.map-group-name, .map-subGroup-name {
    background: #ebd9af;
    background: linear-gradient(to bottom, #ffffff 0%,#ebd9af 100%); /* W3C */
    color: black;
    opacity: 0.65;
}
.map-info { float: left; }
.map-buttons { float: right; }
 
/* loading gif */
.map-preload { background-image: url('data:image/gif;base64,R0lGODlhEAAQAPQAAObv9e70+Njn8C6BtgZpqQBmp2ShyU6UwYq41gRoqCZ8tL7X6PT4+iJ6sjiHuury98re7Nzp8vL2+aDF3bbS5dro8dDi7oKz00qSwLrV5mCfx////wAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAAACwAAAAAEAAQAAAFNCAgjmRpnmiqplVbie4LxNXzWKJl44B++zxgbifs7Ya/o/GGtBSfRCX05+TFYK6VdsvlhgAAIfkECQoAAAAsAAACAAQADAAAAw5IVTqzDr4S6az4arZIAgAh+QQJCgAAACwAAAIACgAMAAAFLSAgjk1RNJemXWKBYYWWZVr7xnMNuLBM270cEPfb3Xw6HjF5FBphqdVwRDI1QgAh+QQJCgAAACwGAAIACgAMAAAEKRDIqVJSyBgk0zmJsSxG94VjCXigSJptCqPveroqS+e3bIOZzWxCsSgiACH5BAkKAAEALAYAAwAKAAoAAAQlMMjpWnNACCDbOY3AMEL3hWMZeKBImm0Ko+96uirbZNs8URZHBAAh+QQFCgAAACwAAAQAEAAIAAAFMeATRQ8AiKRJTRMVSVJkvrE5QdBEy8Bu4zoYzwe45YhEY7DWE/6OziZTiSqdRtZVKwQAIfkEBRQAAwAsAAAEABAACAAAAiCEBDOGyhaCUCLOUWW+m9qOWZ4mhtJ4lOC2qtbjHMkiFwA7'); }
.map-link.map-preload, .map-coords.map-preload { background-image: none; }
 
/* Fork of 12/1/2017 Mediawiki Tipsy  */
.tipsie {
	padding: 5px;
	position: absolute;
	z-index: 20000000; /* Map blackout: 10000000 */
	cursor: default;
}
.tipsie-inner {
	padding: 5px 8px 4px 8px;
	background-color: #fff;
	border: solid 1px #a7d7f9;
	color: #000;
	max-width: 15em;
	border-radius: 4px;
}
.tipsie-arrow {
	position: absolute;
	/* @embed */ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEX5+fmn1/n///9s6BFKAAAAAXRSTlMAQObYZgAAAC9JREFUeF4ViqERACAQw4JBo5mGYVA/DUNg6JRcVC9JYQAb2oOexcyhcl1Zb/f3Abk8CH0tiAvJAAAAAElFTkSuQmCC') no-repeat top left;
	width: 11px;
	height: 6px;
}
/* @noflip */ .tipsie-n .tipsie-arrow { top: 0; left: 50%; margin-left: -5px; }
/* @noflip */ .tipsie-nw .tipsie-arrow { top: 0; left: 10px; }
/* @noflip */ .tipsie-ne .tipsie-arrow { top: 0; right: 10px; }
/* @noflip */ .tipsie-s .tipsie-arrow { bottom: 0; left: 50%; margin-left: -5px; background-position: bottom left; }
/* @noflip */ .tipsie-sw .tipsie-arrow { bottom: 0; left: 10px; background-position: bottom left; }
/* @noflip */ .tipsie-se .tipsie-arrow { bottom: 0; right: 10px; background-position: bottom left; }
/* @noflip */ .tipsie-e .tipsie-arrow { top: 50%; right: 0; margin-top: -5px; width: 6px; height: 11px; background-position: top right; }
/* @noflip */ .tipsie-w .tipsie-arrow { top: 50%; left: 0; margin-top: -5px; width: 6px; height: 11px; }
 
.map-tip-text .tipsie-inner { }
.map-tip-text .tipsie-arrow { z-index: 1; } /* ensure arrow above any shadows */
.map-tip-popup .tipsie-inner { max-width: none; margin: auto; }
.map-tip-popup .tipsie-arrow { display: none; }
 
/*******************************************/
/***   Extension Map - Wiki Specific     ***/
/*******************************************/
 
/* custom marker multi-icon image files: Original WoW Markers Set 1 */
.map-icons1 { background-image: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/f/f3/Map-sprites.png"); }
/* moved to Map/Note
.map-Blip { background-position: 0 -461px; } .map-Circle { background-position: 0 -654px; }
.map-Cross { background-position: 0 -722px; } .map-Diamond { background-position: 0 -790px; }
.map-Moon { background-position: 0 -858px; } .map-Skull  { background-position: 0 -926px; }
.map-Square { background-position: 0 -994px; } .map-Star { background-position: 0 -1062px; }
.map-Triangle { background-position: 0 -1130px; } .map-Location { background-position: 0 -1264px;}
 
.map-Blip { width: 11px; height: 11px; margin: -5.5px; }
.map-Circle, .map-Cross, .map-Diamond, .map-Moon,
  .map-Skull, .map-Square, .map-Star, .map-Triangle { width: 18px; height: 18px; margin: -9px; }
.map-Location { width: 28px; height: 28px; margin: -14px; }
*/
 
/* custom marker multi-icon image files: Original WoW Markers Set 1 continued */
.map-ActiveRRQuest { background-position: 0 0; } .map-ActiveQuest { background-position: 0 -66px; }
.map-Alliance { background-position: 0 -132px; } .map-AvailableRRQuest { background-position: 0 -197px; }
.map-Quest, .map-AvailableQuest { background-position: 0 -263px; } .map-Banker { background-position: 0 -329px; }
.map-Binder { background-position: 0 -395px; } .map-Gossip { background-position: 0 -522px; }
.map-Healer { background-position: 0 -588px; } .map-Inn { background-position: 0 -1198px; }
.map-Auctioneer { background-position: 0 -1342px; } .map-Barber { background-position: 0 -1408px; }
.map-BattleMaster { background-position: 0 -1474px; } .map-ClassTrainer { background-position: 0 -1540px; }
.map-FlightMaster { background-position: 0 -1606px; } .map-FoodDrink { background-position: 0 -1672px; }
.map-Mailbox { background-position: 0 -1738px; } .map-Reagent { background-position: 0 -1804px; }
.map-Repair { background-position: 0 -1870px; } .map-StableMaster { background-position: 0 -1936px; }
.map-Neutral { background-position: -78px 0; } .map-Petition { background-position: -78px -65px; }
.map-Tabard { background-position: -78px -131px; } .map-Taxi { background-position: -78px -197px; }
.map-Trainer { background-position: -78px -263px; } .map-Unlearn { background-position: -78px -329px; }
.map-Vendor { background-position: -78px -395px; } .map-Horde { background-position: -78px -458px; }
.map-Blue { background-position: -75px -520px; } .map-Green { background-position: -74px -585px; }
.map-Purple { background-position: -74px -654px; } .map-Red { background-position: -74px -720px; }
.map-White { background-position: -74px -788px; }
 
.map-Quest, .map-ActiveRRQuest, .map-ActiveQuest, .map-AvailableRRQuest, .map-AvailableQuest, .map-Banker,
.map-Binder, .map-Gossip, .map-Healer, .map-Inn, .map-Auctioneer, .map-Barber, .map-BattleMaster,
.map-ClassTrainer, .map-FlightMaster, .map-FoodDrink, .map-Mailbox, .map-Reagent, .map-Repair,
.map-StableMaster, .map-Petition, .map-Tabard, .map-Taxi, .map-Trainer, .map-Unlearn, .map-Vendor
  { width:16px; height:16px; margin:-8px; }
.map-Alliance, .map-Neutral, .map-Horde
  { width:17px; height:17px; margin:-8.5px; }
.map-Blue, .map-Green, .map-Red, .map-Purple, .map-White
  { width:20px; height:20px; margin:-10px; }
 
/* custom marker multi-icon image files: Original WoW Markers Set 2 */
.map-icons2 { background-image: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/e/e1/Poiicons.png"); }
 
.map-POI0 { background-position: -1px -1px } .map-POI1 { background-position: -19px -1px }
.map-POI2 { background-position: -37px -1px } .map-POI3 { background-position: -55px -1px }
.map-POI4 { background-position: -73px -1px } .map-POI5 { background-position: -91px -1px }
.map-POI6 { background-position: -109px -1px } .map-POI7 { background-position: -127px -1px }
.map-POI8 { background-position: -145px -1px } .map-POI9 { background-position: -163px -1px }
.map-POI10 { background-position: -181px -1px } .map-POI11 { background-position: -199px -1px }
.map-POI12 { background-position: -217px -1px } .map-POI13 { background-position: -235px -1px }
.map-POI14 { background-position: -1px -19px } .map-POI15 { background-position: -19px -19px }
.map-POI16 { background-position: -37px -19px } .map-POI17 { background-position: -55px -19px }
.map-POI18 { background-position: -73px -19px } .map-POI19 { background-position: -91px -19px }
.map-POI20 { background-position: -109px -19px } .map-POI21 { background-position: -127px -19px }
.map-POI22 { background-position: -145px -19px } .map-POI23 { background-position: -163px -19px }
.map-POI24 { background-position: -181px -19px } .map-POI25 { background-position: -199px -19px }
.map-POI26 { background-position: -217px -19px } .map-POI27 { background-position: -235px -19px }
.map-POI28 { background-position: -1px -37px } .map-POI29 { background-position: -19px -37px }
.map-POI30 { background-position: -37px -37px } .map-POI31 { background-position: -55px -37px }
.map-POI32 { background-position: -73px -37px } .map-POI33 { background-position: -91px -37px }
.map-POI34 { background-position: -109px -37px } .map-POI35 { background-position: -127px -37px }
.map-POI36 { background-position: -145px -37px } .map-POI37 { background-position: -163px -37px }
.map-POI38 { background-position: -181px -37px } .map-POI39 { background-position: -199px -37px }
.map-POI40 { background-position: -217px -37px } .map-POI41 { background-position: -235px -37px }
.map-POI42 { background-position: -1px -55px } .map-POI43 { background-position: -19px -55px }
.map-POI44 { background-position: -37px -55px } .map-POI45 { background-position: -55px -55px }
.map-POI46 { background-position: -73px -55px } .map-POI47 { background-position: -91px -55px }
.map-POI48 { background-position: -109px -55px } .map-POI49 { background-position: -127px -55px }
.map-POI50 { background-position: -145px -55px } .map-POI51 { background-position: -163px -55px }
.map-POI52 { background-position: -181px -55px } .map-POI53 { background-position: -199px -55px }
.map-POI54 { background-position: -217px -55px } .map-POI55 { background-position: -235px -55px }
.map-POI56 { background-position: -1px -73px } .map-POI57 { background-position: -19px -73px }
.map-POI58 { background-position: -37px -73px } .map-POI59 { background-position: -55px -73px }
.map-POI60 { background-position: -73px -73px } .map-POI61 { background-position: -91px -73px }
.map-POI62 { background-position: -109px -73px } .map-POI63 { background-position: -127px -73px }
.map-POI64 { background-position: -145px -73px } .map-POI65 { background-position: -163px -73px }
.map-POI66 { background-position: -181px -73px } .map-POI67 { background-position: -199px -73px }
.map-POI68 { background-position: -217px -73px } .map-POI69 { background-position: -235px -73px }
.map-POI70 { background-position: -1px -91px } .map-POI71 { background-position: -19px -91px }
.map-POI72 { background-position: -37px -91px } .map-POI73 { background-position: -55px -91px }
.map-POI74 { background-position: -73px -91px } .map-POI75 { background-position: -91px -91px }
.map-POI76 { background-position: -109px -91px } .map-POI77 { background-position: -127px -91px }
.map-POI78 { background-position: -145px -91px } .map-POI79 { background-position: -163px -91px }
.map-POI80 { background-position: -181px -91px } .map-POI81 { background-position: -199px -91px }
.map-POI82 { background-position: -217px -91px } .map-POI83 { background-position: -235px -91px }
.map-POI84 { background-position: -1px -109px } .map-POI85 { background-position: -19px -109px }
.map-POI86 { background-position: -37px -109px } .map-POI87 { background-position: -55px -109px }
.map-POI88 { background-position: -73px -109px } .map-POI89 { background-position: -91px -109px }
.map-POI90 { background-position: -109px -109px } .map-POI91 { background-position: -127px -109px }
.map-POI92 { background-position: -145px -109px } .map-POI93 { background-position: -163px -109px }
.map-POI94 { background-position: -181px -109px } .map-POI95 { background-position: -199px -109px }
.map-POI96 { background-position: -217px -109px } .map-POI97 { background-position: -235px -109px }
.map-POI98 { background-position: -1px -127px } .map-POI99 { background-position: -19px -127px }
.map-POI100 { background-position: -37px -127px } .map-POI101 { background-position: -55px -127px }
.map-POI102 { background-position: -73px -127px } .map-POI103 { background-position: -91px -127px }
.map-POI104 { background-position: -109px -127px } .map-POI105 { background-position: -127px -127px }
.map-POI106 { background-position: -145px -127px } .map-POI107 { background-position: -163px -127px }
.map-POI108 { background-position: -181px -127px } .map-POI109 { background-position: -199px -127px }
.map-POI110 { background-position: -217px -127px } .map-POI111 { background-position: -235px -127px }
.map-POI112 { background-position: -1px -145px }.map-POI113 { background-position: -19px -145px }
.map-POI114 { background-position: -37px -145px }.map-POI115 { background-position: -55px -145px }
.map-POI116 { background-position: -73px -145px }.map-POI117 { background-position: -91px -145px }
.map-POI118 { background-position: -109px -145px }.map-POI119 { background-position: -127px -145px }
.map-POI120 { background-position: -145px -145px }.map-POI121 { background-position: -163px -145px }
.map-POI122 { background-position: -181px -145px }.map-POI123 { background-position: -199px -145px }
.map-POI124 { background-position: -217px -145px }.map-POI125 { background-position: -235px -145px }
.map-POI126 { background-position: -1px -163px }.map-POI127 { background-position: -19px -163px }
.map-POI128 { background-position: -37px -163px }.map-POI129 { background-position: -55px -163px }
.map-POI130 { background-position: -73px -163px }.map-POI131 { background-position: -91px -163px }
.map-POI132 { background-position: -109px -163px }.map-POI133 { background-position: -127px -163px }
.map-POI134 { background-position: -145px -163px }.map-POI135 { background-position: -163px -163px }
.map-POI136 { background-position: -181px -163px }.map-POI137 { background-position: -199px -163px }
.map-POI138 { background-position: -217px -163px }.map-POI139 { background-position: -235px -163px }
.map-POI140 { background-position: -1px -181px }.map-POI141 { background-position: -19px -181px }
.map-POI142 { background-position: -37px -181px }.map-POI143 { background-position: -55px -181px }
.map-POI144 { background-position: -73px -181px }.map-POI145 { background-position: -91px -181px }
.map-POI146 { background-position: -109px -181px }.map-POI147 { background-position: -127px -181px }
.map-POI148 { background-position: -145px -181px }.map-POI149 { background-position: -163px -181px }
.map-POI150 { background-position: -181px -181px }.map-POI151 { background-position: -199px -181px }
.map-POI152 { background-position: -217px -181px }.map-POI153 { background-position: -235px -181px }
.map-POI154 { background-position: -1px -199px }
 
.map-icons2 { width:16px; height:16px; margin:-8px; }
 
/* tooltip dark theme override: Original WoW Tooltip Look */
.map-tip-text .tipsie-inner {
    background: none repeat scroll 0 0 #2D2D2D;
    color: #D5D4D4;
    border: none;
    border-radius: 4px;
    box-shadow: 3px 5px 9px 3px #442222;
    font-size: 12px;
    padding: 2px 6px 2px;
    opacity: 0.9;
    max-width: 22em;
    margin-bottom: 5px;
}
.map-tip-text .tipsie-arrow {
    bottom: 3px;
    box-shadow: 3px 5px 9px 3px #442222;
}
.map-tip-popup .tipsie-inner {
    background: none repeat scroll 0 0 #202020;
    color: #D5D4D4;
    border: 2px solid #565656;
    border-radius: 2px;
    box-shadow: 1px 1px 4px #000000;
    font-size: 12px;
    padding: 4px 3px 0;
}
.map-tip-popup .tipsie-arrow { }
 
/* map embeded */
.map-embed { }
.map-embed.map-preload { background-color: #9D7243; } /* tan preload color */ 
 
/* map link */
.map-textlink, .map-coords { color: #FFA932; }
.map-textlink:hover, .map-coords:hover {
    color: #FFC33E;
    text-shadow: 2px 2px 6px #C56D09;
}