Official WildStar Online Community
No edit summary
Tag: sourceedit
No edit summary
Tag: sourceedit
Line 526: Line 526:
 
.map-Petition { background-position: -78px -65px; }
 
.map-Petition { background-position: -78px -65px; }
 
.map-Tabard { background-position: -78px -131px; }
 
.map-Tabard { background-position: -78px -131px; }
.map-Taxi { background-position: -78px -197px; }
 
 
.map-Trainer { background-position: -78px -263px; }
 
.map-Trainer { background-position: -78px -263px; }
 
.map-Unlearn { background-position: -78px -329px; }
 
.map-Unlearn { background-position: -78px -329px; }

Revision as of 18:57, 4 August 2016

/* Table - theme standard wiki 'table' classes, as part of 'Manual of Style' 
  - standard wiki 'table...' class, used for regular content tables
  - standard wiki 'zebra' class, used to stripe the rows of tables
  - standard wiki 'sortable' class, used to automatcally make columns sortable */
table.lighttable, table.darktable {
  border:1px solid #325372; padding:5px; font-size:.93em;
  background-color: #002343;/* #00294f;#001c36;#072f54*/ margin:.5em 0 1em .5em;
}
table.lighttable th, table.darktable th { background-color:#154B7F; padding:0 0.5em; }
.alt { background-color:#1A354E; }
table.zebra > tbody > tr:nth-child(2n+1) { background-color:#1A354E; }
table.sortable { }

/* Special 'fit' classes for tables and other elements
   Used for wide tables or other tight places */
.ws-tight, .ws-tight li, /* li line-height is normally locked at *22px*, but not font size. */
.ws-compact, .ws-compact li { line-height:1.6em; } /* ~22.3px @ 14px font, but ~20.1x at 13, etc... */
.ws-compact th { padding:0 .3em !important; } /* similar issue on some of the tables */
.ws-tight ul, .ws-tight ol {
  margin-left:2.0em; /* similar issue on some of the tables */
  margin-bottom:.4em;
}
.ws-compact ul, .ws-compact ol {
  margin-left:1.37em; /* similar issue on some of the tables */
  margin-bottom:.15em;
}

/* Title - common arbitrary title bar. bars, table sub-sub-sections. see instance infobox */
.ws-title, .title { background-color:#1A354E; /*#154B7F*/ text-align:center; font-weight:700; padding:1px 2px; }

/* Nabox - common compact navbox. mw-collapsible, instance infobox */
.ws-navbox {    
  margin:0; padding-top:2px; padding-bottom:2px;
  text-align:center; border-collapse:collapse;
  position:relative;  
}
.ws-navbox .mw-collapsible-toggle { position:absolute; right:0; }


/* See {{t|Tooltip}}. */
#tfb {                      /* Fix z-order. raise z-order else under page header at 2-3 */   
  position:relative; z-index:10;
}
.WikiaArticle {             /* Fix z-order. nerf WA z-order so TT z-order can raise. */
  z-index:initial;          /* check many pages, no SE on this site */
}   
.ajaxttlink-simplecolor {   /* Tooltip Link Color and Glow. */
  color:#2BD6D1 !important; /* make optional, not on ajaxttlink directly */
}

/* Hover Class */
.hoverimage img { opacity:0.80; filter:alpha(opacity=70); /* For IE8 and earlier */ }
.hoverimage img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
 
/* Navigation Hover Class */
.hovernav img { opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }
.hovernav img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {
    background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat;
}

/* Special redlinks */
.WikiaMainContent a.new, /* base article redlink color, too dark after blue changed */
.WikiaMainContent a.new:visited { /* feel free to put back if an issue */
    color: #DD2300;  /* orginal: #CC2200 */
}
.ArticlePreview a.new,   /* edit preview article redlink. never matched */
.ArticlePreview #quickbar a.new { /* feel free to put back if an issue */
    color: #DD2300;  /* orginal: #ba0000 */
}
.ApiList a.new,          /* used on api list pages, as current */
.ApiList a.new:visited { /* red very hard to read on current blue */
    color: #F7745A;  /* attempts: #F7745A #FF846C #EB7B65 */
}

/* Achievement infobox */
.ring {
    background-image: url("http://img4.wikia.nocookie.net/wildstaronline/images/2/2e/Achievements-ring.png");
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    text-align: center;
}
.ringtext {
    font-weight: bold;
    line-height: 40px;
}
/* Voting */
.versusblog .versusitem {
	 margin-bottom: 15px;
     position: relative;
}

.versusblog .versus {
     left: -moz-calc(50% - 22px);
     left: -webkit-calc(50% - 22px);
     left: -o-calc(50% - 22px);
     left: calc(50% - 22px);
     position: absolute;
     top: 154px;
}

.versusblog .ajax-poll {
     border: medium none !important;
     margin: 0 !important;
     padding: 0 !important;
     text-align: center;
}

.versusblog .ajax-poll .header {
     font-size: 20px;
	 text-align: center;
}

.versusblog .ajax-poll .description {
     display: none;
}

.versusblog .ajax-poll input[type="submit"] {
     display: none;
}

.versusblog .ajax-poll .pollAnswer {
     display: inline-block;
     width: 120px;
}

.versusblog .ajax-poll .pollAnswerName {
     padding: 0;
     text-align: center;
}

.versusblog .ajax-poll .pollAnswerName a {
     display: block;
     margin: 0px auto;
}

.versusblog .ajax-poll .name {
     font-size: 15px;
     font-weight: bold;
     margin: 0px auto 10px;
     text-align: center;
	 width: 100px;
}

.versusblog .ajax-poll .challenger {
     cursor: pointer;
     height: 100px;
     margin: 0px auto;
     position: relative;
     width: 100px;
     z-index: 10;
}

.versusblog .ajax-poll .challenger img {
     background: none repeat scroll 0% 0% #1d1f1f;
     border: 1px solid #454646;
}

.versusblog .ajax-poll .active img, .versusblog .ajax-poll .challenger img:hover {
     border: 2px solid #96D320;
	 margin-left: -1px;
	 margin-top: -1px;
}

.versusblog .ajax-poll .pollAnswerVotes {
     box-shadow: 0px 0px 8px #4F6B17 inset;
     font-size: 20px;
     height: 25px;
     margin: 10px 0 0 10px;
     width: 100px;
}

.versusblog .ajax-poll .pollAnswerVotes span {
     display: block;
     left: 0px;
     position: relative;
     text-align: center;
     top: 2px;
}

.versusblog .ajax-poll .pollAnswerVotes div {
     background: url("http://vignette2.wikia.nocookie.net/pinkachus-playhouse/images/1/1b/JRPG_Battle_Bar_Background.jpg") repeat-x scroll 0px 0px transparent;
     border-right: medium none;
     height: 25px;
     position: absolute;
     transition: width 1s ease 0s;
     z-index: -1;
}

.versusblog .versus-footer {
     background: none repeat scroll 0% 0% #000000;
     height: 36px;
     margin-bottom: 17px;
     margin-top: 3px;
     padding: 8px 10px;
     width: 100%;
}

.versusblog .versus-footer .left {
     float: left;
}

.versusblog .versus-footer .right {
     float: right;
}

.versusblog .versus-footer .text {
     display: inline-block;
     font-weight: bold;
     margin-right: 10px;
     position: relative;
     top: 1px;
}

.versusblog .versus-footer .preorder-row {
     display: inline-block;
     margin-right: 21px;
     margin-top: 2px;
}

.versusblog .versus-footer .preorder-button {
     display: inline-block;
     margin-left: 10px;
}

.versusblog .versus-footer .preorder-button:first-child {
     margin-left: 0px;
}

.versusblog .versus-footer .preorder-button img {
     display: inline-block;
     height: 32px;
     width: 63px;
}
.WikiaBlogListing h1 {
    font-size: 14px !important;
}
   /***** Portable Infobox - styles for new class names, If you use Navigation, alwyas use at the bottom as it is styled to match the border and will look odd anywhere else*****/

.portable-infobox .pi-header  {
  background-color: #1F3C42 ;
  text-align: center;
  padding: 3px 10px;
  color: #9ED6DF;
}
 .portable-infobox .pi-title  {
 background-color: #1F3C42 ;
 text-align: center;
 color: #9ED6DF;
}
.portable-infobox .pi-caption {
  text-align: center;
}
.portable-infobox .pi-navigation {
 background-color: #1F3C42 ;
 text-align: center;
 border-radius: 0px 0px 27px 27px;
}
.portable-infobox {
 background-color: #000000 ;
 color: white;
 border-radius: 0px 0px 27px 27px;
 border-width: 1px;
 border-style: solid;
 border-color: #3B3934;
 box-shadow:3px 5px 5px #141311;
}
/* Tradeskill box theme */
.portable-infobox.pi-theme-tradeskill .pi-header  {
  background-color: #23221E ;
  color: white;
}
 .portable-infobox.pi-theme-tradeskill .pi-title  {
 background-color: #23221E ;
 line-height: 21px;
 text-align: center;
 color: #FFEFA5;
}
.portable-infobox.pi-theme-tradeskill {
 background-color: #13110D ;
 color: #FFEFA5;
 border-radius: 10px 10px 10px 10px;
 border-width: 1px;
 border-style: solid;
 border-color: #3B3934;
 box-shadow:3px 5px 5px #141311;
}
.portable-infobox.pi-theme-tradeskill .pi-group:last-child .pi-item {
     background: #0E2125;
     color: #80FFA8;
}

.portable-infobox.pi-theme-tradeskill .pi-group:last-child .pi-item:last-child {
     background: #0E2125;
     color: #11C6E9; 
}

/******************************************/
/***   Extension - WoW Map              ***/
/******************************************/

.map-coords { display: none !important; }

/* ==== tipsy (overrides Wikia default CSS) ==== */
.tipsy { z-index: 1000000002 !important; }
.tipsy .tipsy-inner {
  background: none repeat scroll 0 0 #2D2D2D;
  color: #D5D4D4;
  opacity: 0.9;
  max-width: 400px;
  box-shadow: 4px 6px 8px 4px #442222;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  padding: 1px 6px 2px;
  margin-bottom: 5px;
}
.tipsy .tipsy-arrow {
  z-index: 100001;
  top: 25px;
  box-shadow: 4px 6px 8px 4px #442222;
}
 
/* ==== inline icons ==== */
.icon.map-Icon, .icon.map-POI {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  cursor: default;
}
.icon.map-POI, .icon.map-Icon.map-Location, .icon.map-Icon.map-Skull, .icon.map-Icon.map-Vendor, .icon.map-Icon.map-ClassTrainer {
  bottom: 2px;
}
.icon.map-Icon { bottom: 1px; }
 
/* ==== Templates Coords, MLink + Map ==== */
.map.map-embed { cursor: pointer; }
.map.map-embed.map-preload {
  cursor: default;
  background-color: #9D7243;
  background-image: url("//images2.wikia.nocookie.net/__cb1/skins/common/images/ajax.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.map-tipsy .tipsy { opacity: 1.0; }
.map-tipsy .tipsy .tipsy-inner {
  opacity: 1.0;
  background-color: #202020;
  border: 2px solid #565656;
  border-radius: 2px;
  box-shadow: 1px 1px 4px black;
  margin: auto;
  max-width: none;
  padding: 4px 3px 0;
}
.map-tipsy .tipsy .tipsy-arrow { display: none; }
.map.map-textlink, .map.coords {
  color: #FFA932;
  cursor: pointer;
}
.map.map-textlink:hover, .map.coords:hover {
  color: #FFC33E;
  text-shadow: 2px 2px 6px #C56D09;
}
 
/* ==== Map Lightbox === */
.map-Icon, .map-POI {
  position: absolute;
  z-index: 1000000000;
  cursor: help;
}
.map-Icon { background-image: url("//images3.wikia.nocookie.net/__cb1/wowwiki/images/f/f3/Map-sprites.png"); }
.map-POI {
  width:16px; height:16px; margin:-8px;
  background-image: url("//images4.wikia.nocookie.net/__cb1/wowwiki/images/e/e1/Poiicons.png");
}
.map-blackout {
  position: absolute;
  left: 0; top: 0;
  background-color: black;
  z-index: 100000000;
}
.map-large, .map-header, .map-legend {
  position: fixed;
  z-index: 100000001;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.map-large { padding: 0; }
.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("//images3.wikia.nocookie.net/__cb1/wildstaronline/images/5/55/WildStar_legend_background.jpg") repeat scroll 0 0 transparent;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px 3px #422;
  -webkit-box-shadow: inset 1px 1px 3px #422;
  box-shadow: inset 1px 1px 3px #422;
}
.ZoneMap.map-preload, .map-large.map-preload, .map-header.map-preload, .map-legend.map-preload {
  background-color: #9d7243;
}
.ZoneMap.map-preload, .map-large.map-preload {
  background-image: url("//images2.wikia.nocookie.net/__cb1/skins/common/images/ajax.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.map-header.map-preload, .map-legend.map-preload {
  background-image: none;
}
.map-header.map-resize, .map-large.map-resize, .map-legend.map-resize {
  border: 2px solid #888;
  background: transparent;
  border-radius: 4px;
}
.map-header.map-resize *, .map-large.map-resize * {
  display: none;
}
.map-legend.map-resize * {
  visibility: hidden;
}
.map-preload .map-Icon, .map-preload .map-POI {
  display: none;
}
.ZoneMap {
  cursor: pointer;
}
.ZoneMap.map-large, .ZoneMap.map-preload, .ZoneMap.map-disabled {
  cursor: default;
}
.map-title, .map-coords, .map-scale, .map-href, .map-close, .map-group-note, .map-subGroup-note, .map-group-name, .map-subGroup-name {
  border-radius: 4px;
  font-size: 12px;
  -moz-box-shadow: 1px 1px 3px #422;
  -webkit-box-shadow: 1px 1px 3px #422;
  box-shadow: 1px 1px 3px #422;
}
.map-title, .map-coords, .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-coords, .map-scale, .map-href, .map-close, .map-group-note, .map-subGroup-note {
  background: none repeat scroll 0 0 #2D2D2D;
  color: #D5D4D4;
  opacity: 0.9;
}
.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; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ebd9af 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebd9af)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#ebd9af 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#ebd9af 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#ebd9af 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#ebd9af 100%); /* W3C */
  color: black;
  opacity: 0.65;
}
.map-info { float: left; }
.map-buttons { float: right; }
 
/* ==== Map Lightbox + inline map-icons === */
.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-Blip { background-position: 0 -461px; }
.map-Gossip { background-position: 0 -522px; }
.map-Healer { background-position: 0 -588px; }
.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-Taxi  { background-image: url('http://vignette3.wikia.nocookie.net/wildstaronline/images/8/80/Icon_mapnode_map_taxi.png/revision/latest?cb=20140522202320'); }
.map-Square { background-position: 0 -994px; }
.map-Star { background-position: 0 -1062px; }
.map-Triangle { background-position: 0 -1130px; }
.map-Inn { background-position: 0 -1198px; }
.map-Location { background-position: 0 -1264px;}
.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-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 Lightbox + inline map-icons, continued === */
.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-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; }
.map-Blue, .map-Green, .map-Red, .map-Purple, .map-White {
  width:20px; height:20px; margin:-10px; }
 
/* ==== Map Lightbox + inline map-icons, continued === */
.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 }
 
/* ==== Zone Map Note docs ==== */
ol.manual-legend .example:before,
ol.manual-legend, ol.manual-legend ol { color: inherit; }
ol.manual-legend, ol.manual-legend ol {
  list-style-position: inside;
  list-style-type: none;
  margin-left: 0;
}
ol.manual-legend > li {
  background: #443F4A;
  border-right: 8px solid #291C37;
  margin: 4px 0 6px;
  padding: 4px 0 2px 12px;
}
ol.manual-legend > li:first-child {
  border-top: 4px solid #291C37;
}
ol.manual-legend > li:last-child {
  border-bottom: 4px solid #291C37;
}
ol.manual-legend > li:nth-child(2n+1) {
  padding-right: 12px;
}
ol.manual-legend > li > ol > li {
  background: #3C2D2D;
  margin: 4px 0 4px 8px;
  padding: 1px 0 1px 12px;
}
ol.manual-legend .example,
ol.manual-legend .example:before {
  background: #291C37;
  border: 1px solid #291C37;
}
ol.manual-legend .example li {
  padding: 1px 8px;
}
ol.manual-legend .example:before {
  background: #291C37;
  border-radius: 6px;
  content: "Examples:";
  display: block;
  height: auto;
  left: 10px;
  margin-bottom: -20px;
  padding: 0 3px;
  position: relative;
  text-align: center;
  top: -15px;
  width: 80px;
}
ol.manual-legend li,
ol.manual-legend .example {
  border-radius: 6px 0 0 6px;
}
ol.manual-legend .example {
  margin-top: 20px;
}
ol.manual-legend code {
  background: #E1D1DA;
  border-radius: 3px;
  color: #291C37;
  font-family: monospace;
  padding: 1px 4px;
}
ol.manual-legend * {
  box-shadow: none;
}