| /* Copyright 2015 The Vanadium Authors. All rights reserved. */ |
| /* Use of this source code is governed by a BSD-style */ |
| /* license that can be found in the LICENSE file. */ |
| |
| @import "common-style/sizes.css"; |
| @import "common-style/theme.css"; |
| |
| .network, .networkParent { |
| position: absolute; |
| overflow: hidden; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| font-family: var(--font-family); |
| } |
| |
| .network svg.overlay { |
| overflow: hidden; |
| } |
| |
| .vismenu { |
| position: absolute; |
| top: 5px; |
| left: 10px; |
| width: 92px; |
| } |
| |
| .vismenu paper-fab { |
| background-color: var(--color-white); |
| margin: 5px 3px; |
| } |
| |
| paper-shadow.contextmenu { |
| display: none; |
| background-color: var(--color-white); |
| position: absolute; |
| width: 13em; |
| } |
| |
| paper-shadow.contextmenu paper-item::shadow .button-content { |
| padding: 5px 10px; |
| font-size: var(--size-font-small); |
| } |
| |
| paper-shadow.contextmenu paper-item div.ksc { |
| position: absolute; |
| right: 10px; |
| } |
| |
| .contextmenu paper-item:hover, .contextmenu paper-item:focus { |
| background-color: var(--color-menu-hover); |
| } |
| |
| |
| /* d3 */ |
| .node { |
| cursor: pointer; |
| } |
| |
| .node path { |
| fill: var(--color-white); |
| } |
| |
| .node text { |
| font-size: 12px; |
| font-family: var(--font-family); |
| text-shadow: 4px 4px 3px var(--color-white), |
| -4px -4px 3px var(--color-white); |
| } |
| .node text:hover, .node text:focus { |
| font-size: var(--size-font-large); |
| transition: font-size 0.1s; |
| } |
| .node text:not(:hover) { |
| transition: font-size 1s; |
| transition-delay: 0.5s; |
| } |
| |
| .link { |
| fill: none; |
| stroke: #ccc; |
| stroke-width: 1.5px; |
| } |
| |
| /* loading animation */ |
| @-webkit-keyframes blinking { |
| 0% { opacity: 1; } |
| 25% { opacity: 0.1; } |
| 50% { opacity: 1; } |
| 100% { opacity: 1; } |
| } |
| |
| @keyframes blinking { |
| 0% { opacity: 1; } |
| 20% { opacity: 0.1; } |
| 40% { opacity: 1; } |
| 100% { opacity: 1; } |
| } |
| |
| .node path.loading { |
| -webkit-animation: blinking 0.7s ease infinite; |
| animation: blinking 0.7s ease infinite; |
| } |