:root{ --color1: #f94144; --color2: #f3722c; --color3: #f8961e; /* --color4: #f9844a; */ --color5: #f9c74f; --color6: #90be6d; --color7: #43aa8b; --color8: #4d908e; --color9: #577590; --color10: #277da1; --hover-color: var(--color1); --selected-color: var(--color1); --selected-color: var(--color1); } body { margin: 0; overflow: hidden; background: linear-gradient(to top, #040308, #AD4A28, #DD723C, #fc7001, #dcb697, #9ba5ae, #3e5879, #020b1a); font-family: sans-serif; min-height: 100vh; } svg { cursor: grab; font-family: sans-serif; } svg.dragging { cursor: grabbing; } svg .links line{ stroke: darkgray; stroke-width: 1; } .links text{ display:none; font-size:5pt; text-anchor: middle; fill: whitesmoke; } .node text{ text-anchor: middle; } .node circle{ fill: white; } .node:hover{ cursor: pointer; } .node:hover circle{ stroke: var(--hover-color); stroke-width: 5px; } .node.selected circle{ stroke: var(--selected-color); stroke-width: 5px; } .node.City circle{ display:none; } .node.City{ fill:white; stroke: black; stroke-width: .5px; font-size: 20px; } .node.Person circle { fill: lightgreen } .node.Technology circle { fill: lightcoral; } .node.Deployment circle { fill: lightblue; } .node.Institution circle { fill: lightgoldenrodyellow } .node.Dataset circle { fill: plum } /* .node.Person circle { fill: var(--color2) } .node.Technology circle { fill: var(--color3); } .node.Deployment circle { fill: var(--color5); } .node.Institution circle { fill: var(--color6) } .node.Dataset circle { fill: var(--color7) } */ #nodeInfo{ position: fixed; display:block; right:20px; bottom:20px; background:white; padding: 10px; border: solid 1px #ccc; } #nodeInfo.hidden{ display:none; } #nodeInfo h2{ margin: 0; padding: 0; } #nodeInfo iframe{ width: 50vw; height: calc(100vh - 40px - 20px - 30px); } #closeInfo{ cursor: pointer; position: absolute; right: 10px; top: 10px; } #closeInfo:hover{ color: var(--hover-color); } a, a:link{ text-decoration: none; } a:hover{ text-decoration: underline; } #filters{ position: fixed; left: 0; top: 0; background: white; padding: 10px; }