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.

99 lines
1.4KB

  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. #help {
  33. background-color: orange;
  34. color: black;
  35. }
  36. #help:hover {
  37. background-color: white;
  38. }
  39. div {
  40. background-color: black;
  41. color:white;
  42. padding: 10px;
  43. position: absolute;
  44. }
  45. div a {
  46. color: white;
  47. background-color: #333333;
  48. border-radius: 2px;
  49. padding: 3px;
  50. margin: 1px;
  51. display: inline-block;
  52. text-decoration: none;
  53. cursor: pointer;
  54. }
  55. div a:hover {
  56. color: orange;
  57. background-color: black;
  58. }
  59. h3 {
  60. padding: 5px 0px;
  61. margin: 0px;
  62. }
  63. ul {
  64. list-style-type: none;
  65. padding: 0px;
  66. margin: 0px;
  67. }
  68. li{
  69. padding:3px;
  70. padding-left: 0em;
  71. }
  72. .visible {
  73. visibility: visible;
  74. opacity: 1;
  75. transform: scale(1);
  76. transition: opacity .08s linear, transform .08s linear;
  77. }
  78. .hidden {
  79. visibility: hidden;
  80. opacity: 0;
  81. transform: scale(.5);
  82. transition: visibility .08s, opacity .08s linear, transform .08s linear;
  83. }