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.

main.css 1.5KB

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