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); width: 1050px; }

.legend-container { display: inline-block; padding-right: 10px; float: left; max-width: 210px; }

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

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

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

padding: 5px; vertical-align: middle; border-radius: 15px; width: 1060px; min-height:115px; overflow:visible; } .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); } .hide-cave .map-container .cave { display: none; }
 * 1) top-notice {
 * 1) legend-notice {

.obelisk-red { width:20px; height:20px; background-color:#f70102; border:2px solid #812f1a; } .hide-obelisk-red .obelisk-red { display: none; } .obelisk-green { width:20px; height:20px; background-color:#14e800; border:2px solid #207203; margin-left:3px; } .hide-obelisk-green .obelisk-green { display: none; } .obelisk-blue { width:20px; height:20px; background-color:#00a5ff; border:2px solid #266dbf; } .hide-obelisk-blue .obelisk-blue { display: none; }

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

.water-vein { width: 7px; height: 7px; background-color: cyan; border: 1px solid black; } .hide-water-vein .water-vein { display: none; }

.oil-rock, .oil-vein { width: 7px; height: 7px; background-color: #3B3131; border: 1px solid black; } .hide-oil-rock .oil-rock, .hide-oil-vein .oil-vein { display: none; }

.salt { width: 7px; height: 7px; background-color: #679dae; border: 1px solid black; } .hide-salt .salt { display: none; }

.sulfur { width: 7px; height: 7px; background-color: yellow; border: 1px solid black; } .hide-sulfur .sulfur { display: none; }

.clay { width: 7px; height: 7px; background-color: #FFD800; border: 1px solid black; } .hide-clay .clay { display: none; }

.cactus { width: 4px; height: 4px; background-color: lightgreen; border: 1px solid green; } .hide-cactus .cactus { display: none; }

.crystal { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .hide-crystal .crystal { display: none; }

.obsidian { width: 7px; height: 7px; background-color: #2F30A2; border: 1px solid black; } .hide-obsidian .obsidian { display: none; }

.silica { width: 7px; height: 7px; background-color: pink; border: 1px solid black; } .hide-silica .silica { display: none; }

.black-pearl { width: 7px; height: 7px; background-color: magenta; border: 1px solid black; } .hide-black-pearl .black-pearl { display: none; }

.river-rock { width: 7px; height: 7px; background-color: brown; border: 1px solid black; } .hide-river-rock .river-rock { display: none; }

.metal { width: 7px; height: 7px; background-color: silver; border: 1px solid black; } .hide-metal .metal { display: none; }

.metal-rich { width: 7px; height: 7px; background-color: goldenrod; border: 1px solid black; } .hide-metal-rich .metal-rich { display: none; }

.metal-underwater { width: 7px; height: 7px; background-color: teal; border: 1px solid black; } .hide-metal-underwater .metal-underwater { display: none; }

.rare-flower { width: 7px; height: 7px; background-color: #ADD8E6; border: 1px solid black; } .hide-rare-flower .rare-flower { display: none; }

.rockarrot { width: 7px; height: 7px; background-color: #3BD319; border: 1px solid black; } .hide-rockarrot .rockarrot { display: none; }

.savoroot { width: 7px; height: 7px; background-color: #2B9111; border: 1px solid black; } .hide-savoroot .savoroot { display: none; }

.polymer { width: 7px; height: 7px; background-color: #678396; border: 1px solid black; } .hide-polymer .polymer { display: none; }

.keratin { width: 7px; height: 7px; background-color: #CBB195; border: 1px solid black; } .hide-keratin .keratin { display: none; }

.element-ore { width: 7px; height: 7px; background-color: #E577DF; border: 1px solid black; } .hide-element-ore .element-ore { display: none; }

.gem-blue { width: 7px; height: 7px; background-color: #5091CD; border: 1px solid black; } .hide-gem-blue .gem-blue { display: none; }

.gem-green { width: 7px; height: 7px; background-color: #60AF33; border: 1px solid black; } .hide-gem-green .gem-green { display: none; }

.gem-red { width: 7px; height: 7px; background-color: #E26F78; border: 1px solid black; } .hide-gem-red .gem-red { display: none; }

.charge-node { width: 7px; height: 7px; background-color: #77FF97; border: 1px solid black; } .hide-charge-node .charge-node { display: none; }

.hyper-charge-node { width: 7px; height: 7px; background-color: #63D0FF; border: 1px solid black; } .hide-hyper-charge-node .hyper-charge-node { display: none; }

.gas-node { width: 7px; height: 7px; background-color: #FF93E6; border: 1px solid black; } .hide-gas-node .gas-node { display: none; }

.plant-z { width: 7px; height: 7px; background-color: #FF2B23; border: 1px solid black; } .hide-plant-z .plant-z { display: none; }

.wyvern-nest { width: 7px; height: 7px; background-color: #0094FF; border: 1px solid black; } .hide-wyvern-nest .wyvern-nest { display: none; }

.drake-nest { width: 7px; height: 7px; background-color: #FFAA00; border: 1px solid black; } .hide-drake-nest .drake-nest { display: none; }

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

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

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

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

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

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

.cave-loot { width: 7px; height: 7px; background-color: lime; border: 1px solid black; } .hide-cave-loot .cave-loot { display: none; }

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

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

.crate. { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.legend.crate { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.crateCave. { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.legend.crateCave { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.crateDungeon. { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.legend.crateDungeon { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.crateSurface. { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.legend.crateSurface { background-image: url(//d1u5p3l4wpay3k.cloudfront.net/); background-size: 100% 100%; border-radius: 0; }

.hide-crate .crate, .hide-crateCave .crateCave, .hide-crateDungeon .crateDungeon, .hide-crateSurface .crateSurface { display: none; }

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