Simulate graph states in the browser
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

90 lines
1.3KB

  1. html, body {
  2. margin: 0;
  3. padding: 0;
  4. overflow: hidden;
  5. font-size: 10pt;
  6. font-family: monospace;
  7. }
  8. #node_info {
  9. background: rgba(0, 0, 0, .8);
  10. color:white;
  11. padding: 5px;
  12. margin:0px;
  13. position: absolute;
  14. top:5px;
  15. left:5px;
  16. text-align: center;
  17. border-radius:3px;
  18. pointer-events: none;
  19. }
  20. #server_info {
  21. top: 10px;
  22. right: 10px;
  23. }
  24. #node_data {
  25. top: 10px;
  26. left: 10px;
  27. }
  28. #controls {
  29. bottom: 10px;
  30. left: 10px;
  31. }
  32. div {
  33. background-color: black;
  34. color:white;
  35. padding: 10px;
  36. position: absolute;
  37. }
  38. div a {
  39. color: white;
  40. background-color: #333333;
  41. border-radius: 2px;
  42. padding: 3px;
  43. margin: 1px;
  44. display: inline-block;
  45. text-decoration: none;
  46. cursor: pointer;
  47. }
  48. div a:hover {
  49. color: orange;
  50. background-color: black;
  51. }
  52. h3 {
  53. padding: 5px 0px;
  54. margin: 0px;
  55. }
  56. ul {
  57. list-style-type: none;
  58. padding: 0px;
  59. margin: 0px;
  60. }
  61. li{
  62. padding:3px;
  63. padding-left: 0em;
  64. }
  65. .visible {
  66. visibility: visible;
  67. opacity: 1;
  68. transform: scale(1);
  69. transition: opacity .08s linear, transform .08s linear;
  70. }
  71. .hidden {
  72. visibility: hidden;
  73. opacity: 0;
  74. transform: scale(.5);
  75. transition: visibility .08s, opacity .08s linear, transform .08s linear;
  76. }