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