Widget:MapStyles

Mobile App users need to view this page in a browser to use the map fully. .full-container { display: inline-block; padding: 5px; border: 1px solid #000; background: linear-gradient(white, lightgray); } .resourcemap { width:100%; height:100%; } table.resourcemaptable { margin:0; } .legend-container { display: inline-block; padding-right: 10px; float: left; max-width: 225px; }

.map-container { position: relative; }

.legend { display: inline-block; position: relative; padding: 0; border-radius: 50%; margin-left: 3px; } .map-legend .dots { text-align: right; vertical-align: top; } .map-legend input[type=checkbox] + label { color: #3c0000; text-shadow: 0 0 0.05em lightsalmon; } .map-legend input[type=checkbox]:checked + label { color: #003c00; text-shadow: 0 0 0.1em lightgreen; }

.legend-container select { margin-left: 0.5em; } .legend-container .details-toggle { display: block; } ul.groups-legend, ul.groups-legend ul { list-style: none; } ul.groups-legend { margin-left: 0; }

.map-container .dot { position: absolute; line-height: 0; padding: 0; border-radius: 50%; z-index: 5; }

.map-container .square { position: absolute; background-color: rgba(255,0,0,0.7); border-radius: 5px; border: 2px solid black; z-index: 5; }

.map-container .point { width: 7px; height: 7px; background-color: rgba(255,0,0,0.7); border: 1px solid black; z-index: 5; }

padding: 5px; vertical-align: middle; border-radius: 15px; width: 1060px; max-width:100%; overflow:auto; display:block; } .top-notice-image { position: relative; top: -100px; height: 0; z-index: 1; } .top-notice-text { vertical-align: middle; white-space:normal; color:#4f6d68; font-size:22px; padding-left:10px; } .top-notice-text a { font-weight: bold; } padding: 10px; width: 210px; } .notice { display: inline-block; margin-bottom: 10px; border: 1px solid #000; background: linear-gradient(white, lightyellow); }
 * 1) top-notice {
 * 1) legend-notice {

/* Responsive styling for interactive maps when siderail is present to prevent overlap. */ .map-legend td:first-child { width:25px; text-align:center; }

@media only screen and (max-width:1700px){ /* for users with the siderail ad */ div#global-wrapper.with-siderail table.map-legend tr { display:inline-block; width:13em; }

div#global-wrapper.with-siderail .legend-container { max-width:unset; }

div#global-wrapper.with-siderail table.resourcemaptable { clear: left; } }

@media only screen and (max-width:1300px){ /* for everyone */ table.map-legend tr { display:inline-block; width:13em; }

.legend-container { max-width:unset; } }

/**********
 * Markers *

.hide-cave .map-container .cave { display: none; }

.obelisk-red { width:20px; height:20px; background-color:#f70102; border:2px solid #812f1a; } .obelisk-green { width:20px; height:20px; background-color:#14e800; border:2px solid #207203; margin-left:3px; } .obelisk-blue { width:20px; height:20px; background-color:#00a5ff; border:2px solid #266dbf; } /* for Mod:Ebenus Astrum */ .obelisk-yellow { width:20px; height:20px; background-color:#EAE42C; border:2px solid #207203; }

.terminal { width:20px; height:20px; background-color:#B477FF; border:2px solid #266dbf; }

.water-vein, .oil-rock, .oil-vein, .salt, .sulfur, .clay, .crystal, .obsidian, .silica, .black-pearl, .river-rock, .metal, .metal-rich, .metal-underwater, .rare-flower, .rockarrot, .savoroot, .silk, .polymer, .keratin, .element-ore, .dust-rich, .element-shard, .gem-blue, .gem-green, .gem-red, .charge-node, .hyper-charge-node, .gas-node, .city-terminal, .mission-terminal, .plant-z, .wyvern-nest, .ice-wyvern-nest, .drake-nest, .cave-loot, .deinonychus-nest, .magmasaur-nest, .poison-tree, .beaver-dam, .saddlebag, .anthill, .mutagel, .mutagen-bulb, .crystal-rich, .ambergris { height:7px; width:7px; }

.hide-obelisk-red .obelisk-red, .hide-obelisk-green .obelisk-green, .hide-obelisk-blue .obelisk-blue, .hide-obelisk-yellow .obelisk-yellow, .hide-terminal .terminal, .hide-rockwell-prime-terminal .rockwell-prime-terminal, .hide-water-vein .water-vein, .hide-oil-rock .oil-rock, .hide-oil-vein .oil-vein, .hide-oil-vent .oil-vent, .hide-oxy-vents .oxy-vents, .hide-salt .salt, .hide-sulfur .sulfur, .hide-clay .clay, .hide-cactus .cactus, .hide-crystal .crystal, .hide-crystal-rich .crystal-rich, .hide-obsidian .obsidian, .hide-silica .silica, .hide-black-pearl .black-pearl, .hide-river-rock .river-rock, .hide-metal .metal, .hide-metal-rich .metal-rich, .hide-metal-underwater .metal-underwater, .hide-rare-flower .rare-flower, .hide-rockarrot .rockarrot, .hide-savoroot .savoroot, .hide-silk .silk, .hide-polymer .polymer, .hide-keratin .keratin, .hide-element-ore .element-ore, .hide-dust-rich .dust-rich, .hide-element-shard .element-shard, .hide-ambergris .ambergris, .hide-mutagel .mutagel, .hide-mutagen-bulb .mutagen-bulb, .hide-gem-blue .gem-blue, .hide-gem-green .gem-green, .hide-gem-red .gem-red, .hide-charge-node .charge-node, .hide-hyper-charge-node .hyper-charge-node, .hide-gas-node .gas-node, .hide-city-terminal .city-terminal, .hide-mission-terminal .mission-terminal, .hide-element-node .element-node, .hide-geyser .geyser, .hide-wyvern-nest .wyvern-nest, .hide-ice-wyvern-nest .ice-wyvern-nest, .hide-drake-nest .drake-nest, .hide-dossier .dossier, .hide-plant-z .plant-z, .hide-poison-tree .poison-tree, .hide-artifact .artifact, .hide-underwater-dome .underwater-dome, .hide-cave-entrance .cave-entrance, .hide-poi .poi, .hide-cave-loot .cave-loot, .hide-sea-loot .sea-loot, .hide-deinonychus-nest .deinonychus-nest, .hide-crate .crate, .hide-crateCave .crateCave, .hide-crateDungeon .crateDungeon, .hide-crateSurface .crateSurface, .hide-test .test, .hide-beaver-dam .beaver-dam, .hide-saddlebag .saddlebag, .hide-anthill .anthill { display: none; }

.rockwell-prime-terminal { width: 20px; height: 20px; background-color: #bd2fb3; border: 1px solid black; }

.water-vein { background-color: cyan; border: 1px solid black; }

.oil-rock, .oil-vein { background-color: #3B3131; border: 1px solid white; }

.salt { background-color: #679dae; border: 1px solid black; }

.sulfur { background-color: yellow; border: 1px solid black; }

.clay { background-color: #FFD800; border: 1px solid black; }

.cactus { width: 4px; height: 4px; background-color: lightgreen; border: 1px solid green; } .crystal { background-color: white; border: 1px solid black; }

.crystal-rich { background-color: #caddde; border: 1px solid black; }

.obsidian { background-color: #2F30A2; border: 1px solid white; }

.silica { background-color: pink; border: 1px solid black; }

.black-pearl { background-color: magenta; border: 1px solid black; }

.river-rock { background-color: brown; border: 1px solid black; }

.metal { background-color: silver; border: 1px solid black; }

.metal-rich { background-color: goldenrod; border: 1px solid black; }

.metal-underwater { background-color: teal; border: 1px solid black; }

.rare-flower { background-color: #ADD8E6; border: 1px solid black; }

.rockarrot { background-color: #3BD319; border: 1px solid black; }

.savoroot { background-color: #2B9111; border: 1px solid black; }

.silk { background-color: #9B31E2; border: 1px solid black; }

.polymer { background-color: #678396; border: 1px solid black; }

.keratin { background-color: #CBB195; border: 1px solid black; }

.element-ore { background-color: #E577DF; border: 1px solid black; }

.dust-rich { background-color: #c195ed; border: 1px solid black; }

.element-shard { background-color: #E577DF; border: 1px solid black; }

.ambergris { background-color: #dbc981; border: 1px solid black; }

.mutagel { background-color: #6f0db5; border: 1px solid black; }

.mutagen-bulb { background-color: #5e0c99; border: 1px solid black; }

.gem-blue { background-color: #5091CD; border: 1px solid black; }

.gem-green { background-color: #60AF33; border: 1px solid black; }

.gem-red { background-color: #E26F78; border: 1px solid black; }

.charge-node { background-color: #77FF97; border: 1px solid black; }

.hyper-charge-node { background-color: #63D0FF; border: 1px solid black; }

.gas-node { background-color: #FF93E6; border: 1px solid black; }

.element-node { width: 14px; height: 14px; background-color: #99004D; border: 1px solid black; }

.geyser { width: 14px; height: 14px; background-color: #0066FF; border: 1px solid black; }

.city-terminal, .mission-terminal { background-color: #c0c0c0; border: 1px solid black; }

.plant-z { background-color: #FF2B23; border: 1px solid black; }

.wyvern-nest { background-color: #0094FF; border: 1px solid black; }

.ice-wyvern-nest { background-color: #8bcff7; border: 1px solid black; }

.drake-nest { background-color: #FFAA00; border: 1px solid black; }

.dossier { width: 10px; height: 10px; background-color: #00cccc; border: 1px solid black; }

.note { width: 10px; height: 10px; background-color: #cca8cc; border: 1px solid black; }

.glitch { width: 12px; height: 12px; background-color: #bf82bf; border: 1px solid black; }

.magmasaur-nest { background-color: #fc7f03; border: 1px solid black; }

.poison-tree { background-color: #c9eb34; border: 1px solid black; }

.artifact { width: 12px; height: 12px; background-color: yellow; border: 1px solid black; }

.underwater-dome { width: 24px; height: 24px; background-color: white; border: 1px solid black; }

.cave-entrance { width: 10px; height: 10px; background-color: white; border: 1px solid black; }

.poi { width: 14px; height: 14px; background-color: #dda0dd; border: 1px solid black; }

.cave-loot { background-color: lime; border: 1px solid black; }

.sea-loot { width: 10px; height: 10px; background-color: red; border: 1px solid black; }

.deinonychus-nest { background-color: #d900ff; border: 1px solid black; }

.beaver-dam { background-color: #9e5e03; border: 1px solid black; }

.saddlebag { background-color: #c7879a; border: 1px solid black; }

.anthill { background-color: #9c9694; border: 1px solid black; }

.crate, .crateCave, .crateDungeon, .crateSurface { width: 15px; height: 15px; }

.location-restricted { width: 14px; height: 14px; background-color: yellow; border: 1px solid black; }

.location-prohibited { width:14px; height:14px; background-color:#f70102; border:2px solid #812f1a; }

div.dot.cave{ border-width: 2px; }

.crate. { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.legend.crate { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.crateCave. { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.legend.crateCave { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.crateDungeon. { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.legend.crateDungeon { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.crateSurface. { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.legend.crateSurface { background-image: url(//ark.gamepedia.com/media/); background-size: 100% 100%; border-radius: 0; }

.test { width: 14px; height: 14px; background-color: #000080; border: 1px solid black; }