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

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

.mapicon { width: 20px; height: 20px; }

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

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