|
|
- svg {
- max-height: 90vh;
- width: 100%;
- }
-
- .link {
- stroke: #000;
- stroke-width: 1.5px;
- }
-
- .node {
- cursor: move;
- stroke: #000;
- stroke-width: .07vw;
- fill-rule: evenodd;
- }
-
- .node.fixed {
- stroke: #30dfdf;
- stroke-width: .05vw;
- }
-
-
-
- /* box */
-
- div#box {
- position: absolute;
- pointer-events: none;
- top: 0px;
- right: 0px;
- }
-
- /* visibility box */
-
- div.box_off {
- visibility: hidden;
- pointer-events: none;
- }
-
- div.box_on {
- visibility: visible;
- pointer-events: all;
- }
-
- /* box content */
-
- div#box_content {
- position: relative;
- /* cursor: text; change to something cool */
- width: 50vw;
- height: 50vh;
- z-index: 1000;
- background: #000;
- opacity: 85%;
- border: solid .2vw #30dfdf;
- border-radius: 8px;
- font-family: Helvetica, sans-serif; /* change */
- font-size: 2vh;
- padding: 2vh 2vw;
- text-align: right;
- color: #fff;
- }
-
-
- /* !! somehow adjust screenwidth for desktop (in js */
- /* @media(min-width: 768px) {
-
- #mobile_network {
- display: none;
- }
- } */
-
-
-
-
-
|