Newer
Older
WSSSnoop / style.css
0xRoM on 6 Jul 2023 2 KB Initial commit
  1. body{
  2. background-color: #333;
  3. color:#bbb;
  4. margin:0;
  5.  
  6. }
  7. .topBar {
  8. background-color: #444;
  9. position:fixed;
  10. top:0;
  11. width:100%;
  12. z-index:100;
  13. padding: 10px;
  14. }
  15. .topTitle{
  16. position:absolute;
  17. top:10px;
  18. left:10px;
  19. color:#7fffd4;
  20. }
  21. .topcorner{
  22. position:absolute;
  23. top:10px;
  24. right:30px;
  25. }
  26. #cswsh-output{
  27. margin-top: 50px !important;
  28. font-family: 'Source Code Pro',
  29. sans-serif;font-size: 0.7em;
  30. padding-bottom: 65px;
  31. padding-left: 10px;
  32. z-index: 80;
  33. }
  34. .sendBar {
  35. background-color: #333;
  36. position:fixed;
  37. bottom:30px;
  38. width:80%;
  39. z-index:100;
  40. padding: 0px;
  41. height: 30px;
  42. font-family: 'Source Code Pro', sans-serif;
  43. z-index: 80;
  44. }
  45. .sendBar #label {
  46. margin-right: 20px;
  47. width: 110px;
  48. }
  49. /*.sendBar #wssCommand {
  50. width: 100%;
  51. }*/
  52. .sendBar #wssSendText {
  53. display: flex;
  54. width:100%;
  55. flex-grow: 1;
  56. margin-left: -20px;
  57. margin-top: -20px;
  58. padding-left: 45px;
  59. background-color: #333;
  60. color:#DDD;
  61. font-family: 'Source Code Pro', sans-serif;
  62. border:none;
  63. text-decoration: none;
  64. }
  65. *:focus {
  66. outline: none;
  67. }
  68. .sidebar {
  69. position: fixed;
  70. float: right;
  71. top: -5px;
  72. right: 0;
  73. width: 20%;
  74. height: 100%;
  75. background-color: #555;
  76. margin-top: 45px;
  77. margin-left: 5px;
  78. padding-left: 5px;
  79. padding-top: 5px;
  80. text-align: center;
  81. z-index: 99;
  82. }
  83. .auto-header{
  84. font-family: 'Source Code Pro', sans-serif;
  85. font-weight: 900;
  86. }
  87. .auto-input{
  88. font-family: 'Source Code Pro', sans-serif;
  89. width: 95%;
  90. }
  91. .sidebar #valueTable{
  92. width:100%;
  93. font-family: 'Source Code Pro', sans-serif;
  94. }
  95. .sidebar #valueTableBody{
  96. font-size: 0.9em;
  97. }
  98. .sidebar #valueTableBody tr{
  99. margin-bottom:5px;
  100. }
  101. .container {
  102. display: flex;
  103. height: calc(100vh - 30px); /* Adjust the height as needed */
  104. overflow: auto;
  105. }
  106. .bottomBar {
  107. background-color: #444;
  108. position: fixed;
  109. bottom: 0;
  110. width: 100%;
  111. z-index: 100;
  112. padding: 10px;
  113. height: 20px; /* Increased height to accommodate the text */
  114. display: flex;
  115. align-items: center;
  116. }
  117.  
  118. .bottomBy {
  119. color: #00ccff;
  120. }
  121.  
  122. .bottomBy a:link,
  123. .bottomBy a:visited {
  124. color: #00ccff;
  125. text-decoration: none;
  126. }
  127.  
  128. .bottomBy a:hover,
  129. .bottomBy a:active {
  130. color: #99ebff;
  131. text-decoration: none;
  132. }
  133.  
  134. .bottomText {
  135. color: #00ccff;
  136. font-family: 'Source Code Pro', sans-serif;
  137. font-size: 0.7em;
  138. margin-left: auto;
  139. margin-right: auto;
  140. }
  141.  
  142. .bottomClear {
  143. position: absolute;
  144. bottom: 10px;
  145. right: 30px;
  146. }
  147.  
  148. a:link,
  149. a:visited {
  150. color: #00ccff;
  151. text-decoration: none;
  152. }
  153.  
  154. /* mouse over link */
  155. a:hover,
  156. a:active {
  157. color: #99ebff;
  158. text-decoration: none;
  159. }
Buy Me A Coffee