Widget:MapStyles
<style> .full-container {
display: inline-block; padding: 5px; border: 1px solid #000;
}
.skin-fandommobile .full-container {
display: flex; flex-direction: column;
}
.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;
}
- top-notice {
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;
}
- legend-notice {
padding: 10px; width: 210px;
} .notice {
display: inline-block; margin-bottom: 10px; border: 1px solid #000; background: linear-gradient(white, lightyellow);
}
/* 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-note .note, .hide-glitch .glitch, .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;
}
</style>