index.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. html, body {
  2. width: 100%;
  3. height: 100%;
  4. max-width: 100%;
  5. max-height: 100%;
  6. /*background: rgb(64, 64, 64);*/
  7. overflow: hidden;
  8. font-family: "Sinkin Sans Light";
  9. }
  10. * {
  11. position: relative;
  12. }
  13. #ParentContainerID {
  14. height: 100%;
  15. width: 100%;
  16. max-height: 100%;
  17. max-width: 100%;
  18. display: inline-block;
  19. }
  20. #ListsElementID {
  21. width: 25%;
  22. height: 100%;
  23. max-width: 25%;
  24. max-height: 100%;
  25. background: rgb(64, 64, 64);
  26. float: left;
  27. overflow-y: scroll;
  28. overflow-x: hidden;
  29. }
  30. #GraphContainerID {
  31. width: 50%;
  32. max-width: 50%;
  33. float: left;
  34. position: relative;
  35. }
  36. #GraphElementID {
  37. position: absolute;
  38. width: 100%;
  39. height: 100%;
  40. overflow-y: auto;
  41. overflow-x: auto;
  42. max-width: 100%;
  43. max-height: 100%;
  44. }
  45. #ToolbarElementID {
  46. position: absolute;
  47. width: 100%;
  48. height: 42px;
  49. max-width: 100%;
  50. max-height: 42px;
  51. float: left;
  52. background: rgb(0, 0, 0);
  53. vertical-align: middle;
  54. }
  55. #ToolbarElementID li {
  56. color: white;
  57. margin-left: 2em;
  58. margin-top: 1em;
  59. }
  60. #ParametersContainerID {
  61. width: 25%;
  62. height: 100%;
  63. max-width: 25%;
  64. max-height: 100%;
  65. float: right;
  66. overflow-y: auto;
  67. }
  68. #ParametersElementID {
  69. width: 100%;
  70. max-width: 100%;
  71. background: rgb(32, 32, 32);
  72. overflow: auto;
  73. }
  74. #ParametersHelpElementID {
  75. background: rgb(0, 0, 0);
  76. font-family: "Sinkin Sans Light";
  77. font-size: 12px;
  78. font-style: italic;
  79. text-align: center;
  80. text-anchor: middle;
  81. color: white;
  82. }
  83. .ParametersElementNodeClass {
  84. font-size: 11px;
  85. height: 25px;
  86. margin-top: 10px;
  87. border: 1px solid white;
  88. text-align: center;
  89. margin-left: auto;
  90. margin-right: auto;
  91. width: 90%;
  92. }
  93. .ParametersElementNodeTextClass {
  94. width: 100%;
  95. height: 100%;
  96. vertical-align: middle;
  97. line-height: 25px;
  98. }
  99. .ParametersElementSeparatorClass {
  100. width: 90%;
  101. }
  102. .ParametersElementTitleClass {
  103. margin-left: 3em;
  104. display: block;
  105. color: white;
  106. font-size: 11px;
  107. }
  108. .ParametersElementSelectClass {
  109. margin-top: 15px;
  110. width: 80%;
  111. height: 25px;
  112. display: block;
  113. font-size: 11px;
  114. margin-left: 3em;
  115. }
  116. .ParametersElementInputClass {
  117. margin-top: 15px;
  118. width: 80%;
  119. height: 15px;
  120. display: block;
  121. font-size: 11px;
  122. margin-left: 3em;
  123. }
  124. /*
  125. UL & LI (toolbar & top buttons)
  126. */
  127. #ToolsButtonsID {
  128. position: relative;
  129. width: 100%;
  130. height: 25px;
  131. max-width: 100%;
  132. max-height: 25px;
  133. }
  134. ul {
  135. padding-left: 1em;
  136. margin-bottom: 0.5em;
  137. margin-top: 0.0em;
  138. }
  139. ul li {
  140. list-style-type: none;
  141. display: inline-block;
  142. margin-right: 3em;
  143. cursor: pointer;
  144. font-size: 12px;
  145. }
  146. ul li:last-child {
  147. margin-right: 0;
  148. }