_forcegraph.scss 778 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .graph {
  2. height: 100%;
  3. width: 100%;
  4. background: url(img/gplaypattern.png);
  5. svg {
  6. display: block;
  7. width: 100%;
  8. height: 100%;
  9. }
  10. .link {
  11. stroke-opacity: 0.8;
  12. line {
  13. stroke-width: 2.5px;
  14. cursor: pointer;
  15. }
  16. &.highlight line {
  17. stroke-width: 7px;
  18. stroke-dasharray: 10, 10;
  19. opacity: 1;
  20. }
  21. }
  22. .node {
  23. fill: #fff;
  24. stroke-width: 2.5px;
  25. stroke: #AEC7E8;
  26. &:not(.unknown) {
  27. cursor: pointer;
  28. }
  29. &.highlight {
  30. stroke: #FFD486;
  31. stroke-width: 6px;
  32. fill: orange;
  33. point-order: stroke;
  34. }
  35. &.unknown {
  36. stroke: #d00000;
  37. }
  38. }
  39. .label {
  40. text {
  41. font-size: 0.8em;
  42. }
  43. rect {
  44. fill: rgba(255, 255, 255, 0.8);
  45. }
  46. }
  47. }