logging.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384
  1. /*
  2. Licensed to the Apache Software Foundation (ASF) under one or more
  3. contributor license agreements. See the NOTICE file distributed with
  4. this work for additional information regarding copyright ownership.
  5. The ASF licenses this file to You under the Apache License, Version 2.0
  6. (the "License"); you may not use this file except in compliance with
  7. the License. You may obtain a copy of the License at
  8. http://www.apache.org/licenses/LICENSE-2.0
  9. Unless required by applicable law or agreed to in writing, software
  10. distributed under the License is distributed on an "AS IS" BASIS,
  11. WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. See the License for the specific language governing permissions and
  13. limitations under the License.
  14. */
  15. #content #logging .loader
  16. {
  17. background-position: 0 50%;
  18. padding-left: 21px;
  19. }
  20. #content #logging .block h2
  21. {
  22. background-image: url( ../../img/ico/document-text.png );
  23. margin-bottom: 10px;
  24. }
  25. #content #logging .block h2 span span
  26. {
  27. color: #c0c0c0;
  28. font-weight: normal;
  29. margin-left: 10px;
  30. }
  31. #content #logging #viewer
  32. {
  33. position: relative;
  34. }
  35. #content #logging #viewer time
  36. {
  37. white-space: pre;
  38. }
  39. #content #logging #viewer #footer
  40. {
  41. margin-top: 20px;
  42. }
  43. #content #logging #viewer #state
  44. {
  45. background-position: 0 50%;
  46. float: left;
  47. color: #4D4D4D;
  48. width: 45%;
  49. }
  50. #content #logging #viewer #date-format
  51. {
  52. float: right;
  53. }
  54. #content #logging #viewer #date-format a
  55. {
  56. background-image: url( ../../img/ico/ui-check-box-uncheck.png );
  57. background-position: 0 50%;
  58. color: #4D4D4D;
  59. display: block;
  60. padding-left: 21px;
  61. }
  62. #content #logging #viewer #date-format a:hover
  63. {
  64. color: #008;
  65. }
  66. #content #logging #viewer #date-format a.on
  67. {
  68. background-image: url( ../../img/ico/ui-check-box.png );
  69. color: #333;
  70. }
  71. #content #logging #viewer #refresh-toggle {
  72. background-position: 0 50%;
  73. padding-left: 21px;
  74. width:45%;
  75. }
  76. #content #logging #viewer #refresh-toggle.active {
  77. background-image: url( ../../img/ico/cross-button.png );
  78. }
  79. #content #logging #viewer #refresh-toggle.stopped {
  80. background-image: url( ../../img/ico/arrow-circle.png ) ;
  81. }
  82. #content #logging #viewer table
  83. {
  84. border-collapse: collapse;
  85. width: 100%;
  86. }
  87. #content #logging #viewer th,
  88. #content #logging #viewer td a,
  89. #content #logging #viewer tbody .trace td
  90. {
  91. padding: 3px 10px;
  92. }
  93. #content #logging #viewer td
  94. {
  95. vertical-align: top;
  96. }
  97. #content #logging #viewer td a
  98. {
  99. display: block;
  100. }
  101. #content #logging #viewer thead th
  102. {
  103. font-weight: bold;
  104. text-align: left;
  105. }
  106. #content #logging #viewer tbody td,
  107. #content #logging #viewer tfoot td
  108. {
  109. border-top: 1px solid #f0f0f0;
  110. }
  111. #content #logging #viewer thead th.message
  112. {
  113. width:100%;
  114. }
  115. #content #logging #viewer tbody td.span a
  116. {
  117. padding-left: 0;
  118. padding-right: 0;
  119. }
  120. #content #logging #viewer tbody span
  121. {
  122. display: block;
  123. padding-left: 10px;
  124. padding-right: 10px;
  125. }
  126. #content #logging #viewer tbody .level-info .level span { background-color: #ebf5eb; }
  127. #content #logging #viewer tbody .level-warning span { background-color: #FFD930; }
  128. #content #logging #viewer tbody .level-severe span { background-color: #c43c35; color: #fff; }
  129. #content #logging #viewer tbody .level-debug span { background-color: #ebf5eb; }
  130. #content #logging #viewer tbody .level-warn span { background-color: #FFD930; }
  131. #content #logging #viewer tbody .level-error span { background-color: #FF6130; }
  132. #content #logging #viewer tbody .level-fatal span { background-color: #c43c35; }
  133. #content #logging #viewer tbody .has-trace a
  134. {
  135. cursor: pointer;
  136. }
  137. #content #logging #viewer tbody .has-trace a:hover
  138. {
  139. color: #008;
  140. }
  141. #content #logging #viewer tbody .has-trace .message a
  142. {
  143. background-image: url( ../../img/ico/information.png );
  144. background-position: 100% 50%;
  145. display: block;
  146. padding-right: 21px;
  147. }
  148. #content #logging #viewer tbody .has-trace.open .message a
  149. {
  150. background-image: url( ../../img/ico/information-white.png );
  151. }
  152. #content #logging #viewer tbody .trace td
  153. {
  154. border-top: 0;
  155. color: #c0c0c0;
  156. }
  157. #content #logging #viewer tfoot td
  158. {
  159. color: #4D4D4D;
  160. }
  161. #content #logging .jstree > li
  162. {
  163. margin-left: 0;
  164. }
  165. #content #logging .jstree li
  166. {
  167. position: relative;
  168. }
  169. #content #logging .jstree .level-finest { background-color: #d5e5fc; }
  170. #content #logging .jstree .level-fine { background-color: #d5fafc; }
  171. #content #logging .jstree .level-config { background-color: #e6fded; }
  172. #content #logging .jstree .level-info { background-color: #fafcd7; }
  173. #content #logging .jstree .level-warning { background-color: #fcecd5; }
  174. #content #logging .jstree .level-severe { background-color: #fcdcda; }
  175. #content #logging .jstree .level-off { background-color: #ffffff; }
  176. /* Log4j */
  177. #content #logging .jstree .level-all { background-color: #9EDAFF; }
  178. #content #logging .jstree .level-trace { background-color: #d5e5fc; }
  179. #content #logging .jstree .level-debug { background-color: #d5fafc; }
  180. #content #logging .jstree .level-warn { background-color: #e6fded; }
  181. #content #logging .jstree .level-error { background-color: #fcecd5; }
  182. #content #logging .jstree .level-fatal { background-color: #fcdcda; }
  183. #content #logging .jstree a
  184. {
  185. height: 17px;
  186. line-height: 17px;
  187. padding: 0;
  188. width: 90%;
  189. }
  190. #content #logging .jstree a:hover
  191. {
  192. color: #008;
  193. }
  194. #content #logging .jstree a span.ns
  195. {
  196. display: none;
  197. }
  198. #content #logging.ns .jstree a span.ns
  199. {
  200. display: inline;
  201. }
  202. #content #logging .jstree a span.name
  203. {
  204. background-position: 100% 50%;
  205. cursor: pointer;
  206. padding-right: 21px;
  207. }
  208. #content #logging .jstree a span.name em
  209. {
  210. color: #f00;
  211. font-style: normal;
  212. text-transform: uppercase;
  213. }
  214. #content #logging .jstree a.trigger.set
  215. {
  216. font-weight: bold;
  217. }
  218. #content #logging .jstree a:hover span.name
  219. {
  220. background-image: url( ../../img/ico/pencil-small.png );
  221. }
  222. #content #logging .jstree .selector-holder
  223. {
  224. position: absolute;
  225. top: -2px;
  226. z-index: 700;
  227. }
  228. #content #logging .jstree .selector-holder.open
  229. {
  230. background-color: #fff;
  231. margin-left: -19px;
  232. z-index: 800;
  233. }
  234. #content #logging .jstree li .selector-holder { left: 440px; }
  235. #content #logging .jstree li li .selector-holder { left: 422px; }
  236. #content #logging .jstree li li li .selector-holder { left: 404px; }
  237. #content #logging .jstree li li li li .selector-holder { left: 386px; }
  238. #content #logging .jstree li li li li li .selector-holder { left: 368px; }
  239. #content #logging .jstree li li li li li li .selector-holder { left: 350px; }
  240. #content #logging .jstree li li li li li li li .selector-holder { left: 332px; }
  241. #content #logging .jstree li li li li li li li li .selector-holder { left: 314px; }
  242. #content #logging .jstree .selector
  243. {
  244. border: 1px solid transparent;
  245. position: relative;
  246. }
  247. #content #logging .jstree .open .selector
  248. {
  249. border-color: #f0f0f0;
  250. box-shadow: 5px 5px 10px #c0c0c0;
  251. -moz-box-shadow: 5px 5px 10px #c0c0c0;
  252. -webkit-box-shadow: 5px 5px 10px #c0c0c0;
  253. }
  254. #content #logging .jstree .selector a
  255. {
  256. display: block;
  257. padding: 2px;
  258. width: auto;
  259. }
  260. #content #logging .jstree .open .selector .close
  261. {
  262. background-image: url( ../../img/ico/cross-0.png );
  263. background-position: 50% 50%;
  264. display: block;
  265. position: absolute;
  266. right: -25px;
  267. top: 0;
  268. width: 20px;
  269. }
  270. #content #logging .jstree .open .selector .close:hover
  271. {
  272. background-image: url( ../../img/ico/cross-1.png );
  273. }
  274. #content #logging .jstree .open .selector .close span
  275. {
  276. display: none;
  277. }
  278. #content #logging .jstree .open .selector a.trigger
  279. {
  280. display: none;
  281. }
  282. #content #logging .jstree .open .selector ul
  283. {
  284. display: block;
  285. }
  286. #content #logging .jstree .selector ul li
  287. {
  288. background: none;
  289. margin-left: 0;
  290. }
  291. #content #logging .jstree .selector ul li a
  292. {
  293. background-image: url( ../../img/ico/ui-radio-button-uncheck.png );
  294. background-position: 2px 50%;
  295. padding-left: 21px;
  296. }
  297. #content #logging .jstree .selector ul li a.level
  298. {
  299. background-color: #f0f0f0;
  300. }
  301. #content #logging .jstree .selector ul li a:hover
  302. {
  303. background-image: url( ../../img/ico/ui-radio-button.png );
  304. }
  305. #content #logging .jstree .selector li.unset
  306. {
  307. border-top: 1px solid #f0f0f0;
  308. }
  309. #content #logging .jstree .selector li.unset a
  310. {
  311. background-image: url( ../../img/ico/cross-0.png );
  312. background-position: 4px 50%;
  313. }
  314. #content #logging .jstree .selector li.unset a:hover
  315. {
  316. background-image: url( ../../img/ico/cross-1.png );
  317. color: #800;
  318. }