MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* modern personal page appearance */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ModernCommentsSection.css");

/* Map placed here to function across all themes and mobile */

/*******************************************/ /***  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: #414141; /* 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; border: 1px solid #ffffff75; border-radius: 3px; border-style: outset; } .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: #b7c7ec; background: linear-gradient(to bottom, #ffffff 0%,#a7b2e1 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"); }

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

/* 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 #222344; } .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: #434e9d; } /* tan preload color */

/* map link */ .map-textlink, .map-coords { color: #FFA932; } .map-textlink:hover, .map-coords:hover { color: #4157ff; text-shadow: 2px 2px 6px #9191ff; }