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.

133 lines
2.0KB

  1. html, body { margin: 0; padding: 0; overflow: hidden; font-size: 10pt;
  2. font-family: monospace; }
  3. #node_info {
  4. background: rgba(0, 0, 0, .8);
  5. color:white;
  6. padding: 5px;
  7. margin:0px;
  8. position: absolute;
  9. top:5px;
  10. left:5px;
  11. /*font-family: monospace;*/
  12. text-align: center;
  13. /*height:15px;*/
  14. border-radius:3px;
  15. pointer-events: none;
  16. }
  17. #server_info {
  18. background-color: rgba(0, 0, 0, .8);
  19. color:white;
  20. padding: 10px;
  21. position: absolute;
  22. top: 10px;
  23. right: 10px;
  24. }
  25. #node_name {
  26. font-size: 12pt;
  27. }
  28. #node_data {
  29. background-color: rgba(0, 0, 0, .8);
  30. color:white;
  31. padding: 10px;
  32. position: absolute;
  33. top: 10px;
  34. left: 10px;
  35. }
  36. #controls {
  37. background-color: rgba(0, 0, 0, .8);
  38. color:white;
  39. padding: 10px;
  40. position: absolute;
  41. bottom: 10px;
  42. left: 10px;
  43. }
  44. #controls a {
  45. color: white;
  46. background-color: #222222;
  47. border: 1px solid #555555;
  48. padding: 3px;
  49. margin: 1px;
  50. display: inline-block;
  51. text-decoration: none;
  52. cursor: pointer;
  53. }
  54. #node_data a {
  55. color: white;
  56. background-color: #222222;
  57. border: 1px solid #555555;
  58. padding: 3px;
  59. margin: 1px;
  60. display: inline-block;
  61. text-decoration: none;
  62. cursor: pointer;
  63. }
  64. #version {
  65. color:black;
  66. padding: 10px;
  67. position: absolute;
  68. bottom: 10px;
  69. left: 10px;
  70. }
  71. #help {
  72. background-color: rgba(0, 0, 0, .8);
  73. color:white;
  74. padding: 10px;
  75. position: absolute;
  76. bottom: 10px;
  77. right: 10px;
  78. }
  79. #help a{
  80. color: white;
  81. }
  82. ul {
  83. list-style-type: none;
  84. padding: 0px;
  85. margin: 0px;
  86. }
  87. li{
  88. padding:3px;
  89. padding-left: 0em;
  90. }
  91. .visible {
  92. visibility: visible;
  93. opacity: 1;
  94. transform: scale(1);
  95. transition: opacity .08s linear, transform .08s linear;
  96. }
  97. .hidden {
  98. visibility: hidden;
  99. opacity: 0;
  100. transform: scale(.5);
  101. transition: visibility .08s, opacity .08s linear, transform .08s linear;
  102. }
  103. a {
  104. color: yellow;
  105. }
  106. h3 {
  107. padding-top: 0px;
  108. padding-bottom: 0px;
  109. margin-top: 2px;
  110. margin-bottom: 2px;
  111. }