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