html, body {
margin: 0;
padding: 0;
overflow: hidden;
font-size: 10pt;
font-family: monospace;
}
#node_info {
background: rgba(0, 0, 0, .8);
color:white;
padding: 5px;
margin:0px;
position: absolute;
top:5px;
left:5px;
text-align: center;
border-radius:3px;
pointer-events: none;
}
#server_info {
top: 10px;
right: 10px;
}
#node_data {
top: 10px;
left: 10px;
}
#controls {
bottom: 10px;
left: 10px;
}
#help {
background-color: orange;
color: black;
}
#help:hover {
background-color: white;
}
div {
background-color: black;
color:white;
padding: 10px;
position: absolute;
}
div a {
color: white;
background-color: #333333;
border-radius: 2px;
padding: 3px;
margin: 1px;
display: inline-block;
text-decoration: none;
cursor: pointer;
}
div a:hover {
color: orange;
background-color: black;
}
h3 {
padding: 5px 0px;
margin: 0px;
}
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
li{
padding:3px;
padding-left: 0em;
}
.visible {
visibility: visible;
opacity: 1;
transform: scale(1);
transition: opacity .08s linear, transform .08s linear;
}
.hidden {
visibility: hidden;
opacity: 0;
transform: scale(.5);
transition: visibility .08s, opacity .08s linear, transform .08s linear;
}