html, body, .window .pane-group .pane { overflow: hidden; } canvas { width: 100%; height: 100%; } .grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } /* (Optional) Apply a "closed-hand" cursor during drag operation. */ .grabbable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } #mapWindow.window { background: black; background-image: none; } #mapOverlay { background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0) 100%); user-select: none; position: absolute; left: 0; top: 0; width: 100%; text-align: center; padding: 2px; display: flex; justify-content: center; } #mapOverlay div.size-numbers { margin: 2px 2px; } .info-container div { margin: 2px 0; font-family: overpass-mono; } #mapOverlay span[class^='data-'], #mapOverlay span.dataLabel { background: rgba(0,0,0,1); padding: 1px 6px; font-size: 14px; /*border: 1px solid #676767;*/ border: none; } #mapOverlay span[class^='data-'] { border-left: 0; border-radius: 0 6px 6px 0; display: inline-block; min-width: 140px; } #mapOverlay span.dataLabel { border-right: 0; border-radius: 6px 0 0 6px; color: #989898; display: inline-block; min-width: 25px; } #mapOverlay .dataColor-default span[class^='data-'], #mapOverlay .dataColor-default[class^='data-'] { color: #bfbfbf; } #mapOverlay .dataColor-marker span[class^='data-'], #mapOverlay .dataColor-marker[class^='data-'] { color: #e99b68; /**color: #de915e;**/ } #mapOverlay .dataColor-shrine span[class^='data-'], #mapOverlay .dataColor-shrine[class^='data-'] { color: #78ca6b; } #mapOverlay button { cursor: pointer; height: 24px; padding: 3px 12px; margin-top: 1px; width: 114px; color: #d2d2d2; } #mapOverlay button:disabled { color: #6f6f6f; cursor: not-allowed; }