jscoverage.css 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
  1. /*
  2. jscoverage.css - code coverage for JavaScript
  3. Copyright (C) 2007, 2008, 2009, 2010 siliconforks.com
  4. This program is free software; you can redistribute it and/or modify
  5. it under the terms of the GNU General Public License as published by
  6. the Free Software Foundation; either version 2 of the License, or
  7. (at your option) any later version.
  8. This program is distributed in the hope that it will be useful,
  9. but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11. GNU General Public License for more details.
  12. You should have received a copy of the GNU General Public License along
  13. with this program; if not, write to the Free Software Foundation, Inc.,
  14. 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
  15. */
  16. body {
  17. background-color: #bfffbf;
  18. font-family: sans-serif;
  19. font-size: 100%;
  20. margin: 0;
  21. }
  22. #mainDiv {
  23. font-size: 0.8125em;
  24. }
  25. #headingDiv {
  26. position: absolute;
  27. top: 0.5em;
  28. left: 1.5em;
  29. right: 1.5em;
  30. bottom: 0;
  31. line-height: 1.5em;
  32. }
  33. h1 {
  34. float: left;
  35. margin: 0;
  36. padding-bottom: 0.5em;
  37. font-size: 1.3em;
  38. }
  39. .ProgressBar {
  40. float: left;
  41. visibility: hidden;
  42. }
  43. .ProgressPercentage {
  44. display: block;
  45. float: left;
  46. width: 5em;
  47. text-align: right;
  48. }
  49. .ProgressGraph {
  50. float: left;
  51. width: 100px;
  52. height: 10px;
  53. border: 1px solid black;
  54. margin-top: 0.3em;
  55. background-color: #d4d0c8;
  56. overflow: hidden;
  57. }
  58. .ProgressCovered {
  59. /* windows system color ActiveCaption or Highlight */
  60. background-color: #0a246a;
  61. width: 0;
  62. height: 10px;
  63. overflow: hidden;
  64. }
  65. #progressLabel {
  66. display: block;
  67. float: left;
  68. padding-left: 0.3em;
  69. }
  70. #warningDiv {
  71. display: none;
  72. float: right;
  73. background-color: #FFBFBF;
  74. border: 1px solid red;
  75. padding-left: 2px;
  76. padding-right: 2px;
  77. }
  78. .WarningDialog {
  79. display: none;
  80. background-color: #FFBFBF;
  81. position: absolute;
  82. z-index: 10;
  83. top: 20%;
  84. left: 20%;
  85. width: 50%;
  86. padding: 5%;
  87. border: 1px solid red;
  88. }
  89. .WarningDialog button {
  90. display: block;
  91. margin-left: auto;
  92. margin-right: auto;
  93. }
  94. /*******************************************************************************
  95. browser tab
  96. */
  97. input#location, button {
  98. border: 1px solid black;
  99. margin-left: 1px;
  100. margin-right: 1px;
  101. }
  102. #iframeDiv {
  103. position: absolute;
  104. top: 3.5em;
  105. left: 1em;
  106. right: 1em;
  107. bottom: 1em;
  108. }
  109. iframe {
  110. width: 100%;
  111. height: 100%;
  112. }
  113. /*******************************************************************************
  114. summary tab
  115. */
  116. #summaryDiv {
  117. position: absolute;
  118. top: 3em;
  119. left: 1em;
  120. right: 1em;
  121. bottom: 1em;
  122. overflow: auto;
  123. }
  124. table#summaryTable {
  125. width: 100%;
  126. margin-left: 0px;
  127. margin-right: 0px;
  128. border-collapse: collapse;
  129. font-size: small;
  130. }
  131. table#summaryTable th, table#summaryTable td {
  132. border-left: 1px solid #d9d9d9;
  133. }
  134. table#summaryTable th.leftColumn, table#summaryTable td.leftColumn {
  135. border-left-width: 0px;
  136. }
  137. table#summaryTable th, table#summaryTable td {
  138. padding: 2px;
  139. }
  140. th {
  141. background-color: #e6ffe6;
  142. }
  143. td.numeric {
  144. text-align: right;
  145. }
  146. abbr {
  147. cursor: help;
  148. }
  149. tr#summaryTotals td.leftColumn span {
  150. float: right;
  151. }
  152. tr#summaryTotals td.leftColumn span.title {
  153. float: left;
  154. font-weight: bold;
  155. }
  156. tr#summaryTotals td {
  157. background-color: #ffd;
  158. }
  159. td.coverage {
  160. width: 150px;
  161. }
  162. td.coverage span {
  163. float: right;
  164. margin-right: 5px;
  165. }
  166. .pctGraph {
  167. width: 100px;
  168. height: 10px;
  169. float: right;
  170. border: 1px solid #000;
  171. background-color: #e00000;
  172. overflow: hidden;
  173. margin-top: 4px;
  174. }
  175. .pctGraph .covered {
  176. background-color: #00f000;
  177. width: 0;
  178. height: 10px;
  179. }
  180. .pctGraph .skipped {
  181. background-color: #d4d0c8;
  182. width: 100px;
  183. height: 10px;
  184. }
  185. tbody#summaryTbody tr.even td {
  186. background-color: #e6ffe6;
  187. }
  188. /*******************************************************************************
  189. source tab
  190. */
  191. #fileDiv {
  192. font-size: large;
  193. font-weight: bold;
  194. }
  195. #sourceDiv {
  196. position: absolute;
  197. top: 3em;
  198. left: 1em;
  199. right: 1em;
  200. bottom: 1em;
  201. overflow: auto;
  202. }
  203. table#sourceTable {
  204. border: 0px;
  205. border-collapse: collapse;
  206. font-size: small;
  207. }
  208. /*
  209. IE default behavior is to make <pre> smaller than surrounding text. Because
  210. the table already has font-size small, this would make the font-size within the
  211. <pre> x-small. So we don't rely on the default.
  212. */
  213. table#sourceTable pre {
  214. font-size: medium;
  215. }
  216. table#sourceTable td {
  217. border: 0px;
  218. padding-top: 0px;
  219. padding-bottom: 0px;
  220. padding-left: 10px;
  221. padding-right: 10px;
  222. }
  223. table#sourceTable pre {
  224. border: 0px;
  225. margin: 0px;
  226. }
  227. .g {
  228. background-color: #bfffbf;
  229. }
  230. .y {
  231. background-color: #ffffbf;
  232. }
  233. .r {
  234. background-color: #ffbfbf;
  235. }
  236. /*******************************************************************************
  237. store tab
  238. */
  239. #storeDiv {
  240. position: absolute;
  241. top: 3em;
  242. left: 1em;
  243. right: 1em;
  244. bottom: 1em;
  245. overflow: auto;
  246. }
  247. /*******************************************************************************
  248. about tab
  249. */
  250. p {
  251. margin-top: 0;
  252. }
  253. /*******************************************************************************
  254. tabs
  255. */
  256. #tabs {
  257. position: absolute;
  258. top: 3em;
  259. left: 1.5em;
  260. right: 1.5em;
  261. height: 2em;
  262. }
  263. #tabs div {
  264. background-color: white;
  265. position: relative;
  266. float: left;
  267. border: 1px solid black;
  268. border-bottom-width: 0;
  269. cursor: pointer;
  270. margin-left: 0.5em;
  271. margin-right: 0.5em;
  272. padding-left: 0.5em;
  273. padding-right: 0.5em;
  274. height: 2em;
  275. z-index: 1;
  276. line-height: 1.8em;
  277. }
  278. #tabs div.selected {
  279. z-index: 3;
  280. cursor: default;
  281. }
  282. #tabs div.disabled {
  283. /* windows system color GrayText */
  284. color: #808080;
  285. cursor: default;
  286. }
  287. .TabPage {
  288. background-color: white;
  289. border: 1px solid black;
  290. position: absolute;
  291. top: 5em;
  292. left: 1.5em;
  293. right: 1.5em;
  294. bottom: 1.5em;
  295. z-index: 2;
  296. padding: 1em;
  297. display: none;
  298. }
  299. #tabPages div.selected {
  300. display: block;
  301. }
  302. img {
  303. visibility: hidden;
  304. }