/[jscoverage]/trunk/jscoverage.css
ViewVC logotype

Contents of /trunk/jscoverage.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 163 - (show annotations)
Sun Sep 14 15:30:56 2008 UTC (10 years, 8 months ago) by siliconforks
File MIME type: text/css
File size: 5727 byte(s)
New absolutely-positioned layout.

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

  ViewVC Help
Powered by ViewVC 1.1.24