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

Contents of /trunk/jscoverage.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 170 - (show annotations)
Mon Sep 15 16:42:39 2008 UTC (10 years, 8 months ago) by siliconforks
File MIME type: text/css
File size: 5742 byte(s)
Various CSS fixes.

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: 3.5em;
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 #summaryDiv {
105 position: absolute;
106 top: 3em;
107 left: 1em;
108 right: 1em;
109 bottom: 1em;
110 overflow: auto;
111 }
112
113 table#summaryTable {
114 width: 100%;
115 margin-left: 0px;
116 margin-right: 0px;
117 border-collapse: collapse;
118 font-size: small;
119 }
120
121 table#summaryTable th, table#summaryTable td {
122 border-left: 1px solid #d9d9d9;
123 }
124
125 table#summaryTable th.leftColumn, table#summaryTable td.leftColumn {
126 border-left-width: 0px;
127 }
128
129 table#summaryTable th, table#summaryTable td {
130 padding: 2px;
131 }
132
133 th {
134 background-color: #e6ffe6;
135 }
136
137 td.numeric {
138 text-align: right;
139 }
140
141 abbr {
142 cursor: help;
143 }
144
145 tr#summaryTotals td.leftColumn span {
146 float: right;
147 }
148 tr#summaryTotals td.leftColumn span.title {
149 float: left;
150 font-weight: bold;
151 }
152 tr#summaryTotals td {
153 background-color: #ffd;
154 }
155 td.coverage {
156 width: 150px;
157 }
158 td.coverage span {
159 float: right;
160 margin-right: 5px;
161 }
162 .pctGraph {
163 width: 100px;
164 height: 10px;
165 float: right;
166 border: 1px solid #000;
167 background-color: #e00000;
168 overflow: hidden;
169 margin-top: 4px;
170 }
171 .pctGraph .covered {
172 background-color: #00f000;
173 width: 0;
174 height: 10px;
175 }
176 .pctGraph .skipped {
177 background-color: #d4d0c8;
178 width: 100px;
179 height: 10px;
180 }
181 tbody#summaryTbody tr.even td {
182 background-color: #e6ffe6;
183 }
184
185 /*******************************************************************************
186 source tab
187 */
188
189 #fileDiv {
190 font-size: large;
191 font-weight: bold;
192 }
193
194 #sourceDiv {
195 position: absolute;
196 top: 3em;
197 left: 1em;
198 right: 1em;
199 bottom: 1em;
200 overflow: auto;
201 }
202
203 table#sourceTable {
204 border: 0px;
205 border-collapse: collapse;
206 font-size: small;
207 }
208
209 /*
210 IE default behavior is to make <pre> smaller than surrounding text. Because
211 the table already has font-size small, this would make the font-size within the
212 <pre> x-small. So we don't rely on the default.
213 */
214 table#sourceTable pre {
215 font-size: medium;
216 }
217
218 table#sourceTable td {
219 border: 0px;
220 padding-top: 0px;
221 padding-bottom: 0px;
222 padding-left: 10px;
223 padding-right: 10px;
224 }
225
226 table#sourceTable pre {
227 border: 0px;
228 margin: 0px;
229 }
230
231 .g {
232 background-color: #bfffbf;
233 }
234
235 .y {
236 background-color: #ffffbf;
237 }
238
239 .r {
240 background-color: #ffbfbf;
241 }
242
243 /*******************************************************************************
244 store tab
245 */
246
247 #storeDiv {
248 margin-top: 10px;
249 overflow: auto;
250 }
251
252 /*******************************************************************************
253 about tab
254 */
255
256 p {
257 margin-top: 0;
258 }
259
260 /*******************************************************************************
261 tabs
262 */
263
264 #tabs {
265 position: absolute;
266 top: 3em;
267 left: 1.5em;
268 right: 1.5em;
269 height: 2em;
270 }
271
272 #tabs div {
273 background-color: white;
274 position: relative;
275 float: left;
276 border: 1px solid black;
277 border-bottom-width: 0;
278 cursor: pointer;
279 margin-left: 0.5em;
280 margin-right: 0.5em;
281 padding-left: 0.5em;
282 padding-right: 0.5em;
283 height: 2em;
284 z-index: 1;
285 line-height: 1.8em;
286 }
287
288 #tabs div.selected {
289 z-index: 3;
290 cursor: default;
291 }
292
293 #tabs div.disabled {
294 /* windows system color GrayText */
295 color: #808080;
296 cursor: default;
297 }
298
299 .TabPage {
300 background-color: white;
301 border: 1px solid black;
302 position: absolute;
303 top: 5em;
304 left: 1.5em;
305 right: 1.5em;
306 bottom: 1.5em;
307 z-index: 2;
308 padding: 1em;
309 display: none;
310 }
311
312 #tabPages div.selected {
313 display: block;
314 }
315
316 img {
317 visibility: hidden;
318 }

  ViewVC Help
Powered by ViewVC 1.1.24