MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope'); @import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia'); @import url('https://fonts.googleapis.com/css?family=Akronim'); @import url('https://fonts.googleapis.com/css2?family=Beth+Ellen&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Castoro&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap'); /***** 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. */ /************************************************************************************** of the page in the html 'header', just before 'user.css', but after oasis, wikihiero, etc. the *top* and in the actual html 'header', without any JS having run yet. .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; }
 * 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*
 * This 'MediaWiki:Common.css' is loaded as a part of a load.php with oasis, or shortly after, and at
 * 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'