helios.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. body {
  2. font-size: 13px;
  3. }
  4. .clearfix:after {
  5. content: ".";
  6. display: block;
  7. clear: both;
  8. visibility: hidden;
  9. line-height: 0;
  10. height: 0;
  11. }
  12. .clearfix {
  13. display: inline-block;
  14. }
  15. html[xmlns] .clearfix {
  16. display: block;
  17. }
  18. * html .clearfix {
  19. height: 1%;
  20. }
  21. a {
  22. cursor: pointer;
  23. }
  24. .btn, .btn-group > .btn, .btn-group > .dropdown-menu {
  25. font-size: 13px;
  26. padding: 2px 8px;
  27. }
  28. .navbar-inner {
  29. min-height: 30px;
  30. }
  31. .navbar .nav > li > a {
  32. padding: 5px 15px;
  33. }
  34. .navbar-fixed-top i {
  35. opacity: 0.2;
  36. margin-right: 10px;
  37. }
  38. .navbar-fixed-top .active i {
  39. opacity: 0.6;
  40. }
  41. .nav-pills.nav-stacked > li > a {
  42. border-radius: 0;
  43. -webkit-border-radius: 0;
  44. -moz-border-radius: 0;
  45. padding: 3px;
  46. margin: 0;
  47. }
  48. [class^="icon-"], [class*=" icon-"] {
  49. margin-right: 2px;
  50. }
  51. /* .nav-pills.nav-stacked > li > a { */
  52. /* width: 14px; */
  53. /* height: 14px; */
  54. /* display: inline-block; */
  55. /* margin-right: 4px; */
  56. /* } */
  57. .nav-pills > .active > a {
  58. background: #ccc;
  59. color: #fff;
  60. }
  61. /* .focused .nav-pills{ */
  62. /* box-shadow: inset 0 0 4px #000AFF; */
  63. /* -webkit-box-shadow: inset 0 0 4px #000AFF; */
  64. /* -moz-box-shadow: inset 0 0 4px #000AFF; */
  65. /* } */
  66. .focused .nav-pills > .active > a, .nav-pills > .active > a:hover {
  67. background: #08C;
  68. }
  69. #container {
  70. position: fixed;
  71. top: 30px;
  72. bottom: 0;
  73. left: 0;
  74. right: 0;
  75. }
  76. #container .panes {
  77. height: 100%;
  78. width: 100%;
  79. overflow: hidden;
  80. }
  81. #container .panes .pane {
  82. overflow: auto;
  83. }
  84. #container .panes .pane {
  85. overflow: auto;
  86. }
  87. #container .panes .pane > div {
  88. height: 100%;
  89. position: relative;
  90. }
  91. #container .panes .pane .nav-pills {
  92. position: absolute;
  93. overflow-y: auto;
  94. top: 0;
  95. bottom: 37px;
  96. width: 100%;
  97. margin: 0;
  98. }
  99. #container .panes .pane .pane_actions {
  100. position: absolute;
  101. overflow: hidden;
  102. width: 100%;
  103. height: 26px;
  104. bottom: 0;
  105. background: #E5E5E5;
  106. border-top: 1px solid #bbb;
  107. padding: 5px 0;
  108. margin: 0;
  109. text-align: center;
  110. }
  111. #container .panes .pane .pane_actions .info {
  112. padding: 10px 5px 5px;
  113. font-weight: bold;
  114. color: #666;
  115. line-height: 20px;
  116. }
  117. #container .panes .pane .pane_actions .btn-group {
  118. display: inline;
  119. margin-left: 5px;
  120. }
  121. #container .panes .pane .pane_actions .btn-group .btn {
  122. margin: 0;
  123. }
  124. #container .panes .pane .pane_actions .btn-group.switch .btn.active:first-child {
  125. background: #5AD;
  126. color: white;
  127. text-shadow: 0 1px 0 #333;
  128. }
  129. #container .panes .pane .pane_actions .btn {
  130. margin-left: 5px;
  131. }
  132. #container .panes .pane .class_side .nav-pills {
  133. font-weight: bold;
  134. background: #ffd;
  135. }
  136. #container .panes.horizontal > .pane {
  137. height: 50%;
  138. min-height: 50px;
  139. }
  140. #container .panes.vertical > .pane {
  141. width: 50%;
  142. display: inline;
  143. float: left;
  144. height: 100%;
  145. }
  146. #container .splitter {
  147. z-index: 10;
  148. background: #E6E6E6;
  149. border: 1px solid #bbb;
  150. }
  151. #container .splitter.vertical {
  152. width: 4px;
  153. height: 100%;
  154. float: left;
  155. cursor: e-resize;
  156. background-image: url('/images/vsplitter.png');
  157. background-repeat: no-repeat;
  158. background-position: center;
  159. }
  160. #container .splitter.horizontal {
  161. height: 4px;
  162. cursor: s-resize;
  163. background-image: url('/images/hsplitter.png');
  164. background-repeat: no-repeat;
  165. background-position: center;
  166. }
  167. .key_helper {
  168. z-index: 20;
  169. position: fixed;
  170. bottom: 0px;
  171. background: #ddd;
  172. width: 100%;
  173. border-top: 1px solid #AAA;
  174. font-size: 11px;
  175. height: 22px;
  176. }
  177. .key_helper .command {
  178. padding: 0 10px;
  179. }
  180. .key_helper .label {
  181. padding: 0 4px;
  182. border-top: 1px solid white;
  183. border-left: 1px solid white;
  184. border-bottom: 1px solid #666;
  185. border-right: 1px solid #666;
  186. font-family: monospace;
  187. }
  188. .key_helper .action {
  189. padding: 0 5px;
  190. color: #666;
  191. }
  192. .key_helper .selected {
  193. background: #0C8;
  194. height: 30px;
  195. padding: 4px;
  196. color: white;
  197. font-weight: bold;
  198. text-shadow: 0 -1px 0 #666;
  199. }