• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (C) 2010 Apple Inc. All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions
6 * are met:
7 * 1. Redistributions of source code must retain the above copyright
8 *    notice, this list of conditions and the following disclaimer.
9 * 2. Redistributions in binary form must reproduce the above copyright
10 *    notice, this list of conditions and the following disclaimer in the
11 *    documentation and/or other materials provided with the distribution.
12 *
13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23 * THE POSSIBILITY OF SUCH DAMAGE.
24 */
25
26body {
27  font-family: Helvetica, sans-serif;
28  background-color: #DDD;
29}
30
31.controls {
32  border: 1px solid black;
33  width: 300px;
34  height: 660px;
35  float: left;
36  font-size: smaller;
37  padding: 4px;
38}
39
40.controls div {
41  margin: 4px;
42}
43
44.controls select {
45  width: 100%;
46}
47
48.details > div {
49  margin: 4px 0;
50}
51
52.test-type {
53  float: left;
54}
55
56.name > button {
57  margin-top: 20px;
58  float: right;
59}
60
61.actions {
62  margin-left: 320px;
63  border: 1px solid black;
64  font-size: smaller;
65  height: 30px;
66  padding: 4px;
67  margin-bottom: 8px;
68}
69
70.actions button {
71  font-size: 13px;
72  width: 5em;
73}
74
75.note {
76  display: inline-block;
77  font-size: 10px;
78  margin-left: 5px;
79  color: gray;
80}
81.action-buttons {
82  float: right;
83}
84
85#test-content {
86  margin-left: 320px;
87  height: 612px;
88  border: 1px solid black;
89  padding: 4px;
90  background-color: white;
91}
92
93.info > div {
94  margin: 6px 0;
95}
96
97.info .title {
98  font-size: larger;
99  font-weight: bold;
100}
101
102.info .url {
103  font-family: monospace;
104}
105
106.info .assertion, .info .flags {
107  font-size: smaller;
108}
109
110#warning {
111  padding-left: 1em;
112  color: red;
113  display: none;
114}
115
116#print-button {
117  float: right;
118  display: none;
119}
120
121#test-content.print {
122}
123
124#test-content.print #print-button {
125  display: inline;
126}
127
128#test-content.warn #warning {
129  display: inline;
130}
131
132#test-content iframe {
133  border: 1px solid gray;
134  margin: 2px;
135}
136
137#test-content h2 {
138  font-size: 11pt;
139  margin: 2px 0 2px 0;
140  color: darkgray;
141}
142
143#test-list > option.untested {
144}
145
146#test-list > option.pass {
147  color: rgba(0, 128, 0, 0.6);
148}
149
150#test-list > option.fail {
151  color: rgba(255, 0, 0, 0.6);
152}
153
154#test-list > option.skipped {
155  color: rgba(255, 128, 0, 0.6);
156}
157
158#test-content.with-ref {
159}
160
161.frame-wrapper {
162
163}
164
165.frame-wrapper iframe {
166  width: 98%;
167  height: 460px;
168}
169
170.frame-wrapper {
171  height: 500px;
172  width: 99%;
173  display: inline-block;
174}
175
176.with-ref > .frame-wrapper {
177  width: 49%;
178}
179
180#ref-wrapper {
181  height: 500px;
182  width: 49%;
183  display: none;
184}
185
186.with-ref > #ref-wrapper {
187  display: inline-block;
188}
189
190.results {
191  border: 1px solid black;
192  padding: 4px;
193  margin-top: 6px;
194}
195
196#output {
197  border: 1px solid black;
198  font-size: smaller;
199  height: 220px;
200  margin: 4px;
201  padding: 4px;
202  overflow-y: auto;
203  background-color: white;
204}
205
206#output > p {
207  margin: 0;
208}
209#output .pass {
210  color: green;
211}
212
213#output .fail {
214  color: red;
215}
216
217#output .skipped {
218  color: orange;
219}
220
221#output .invalid {
222  background: red;
223}
224
225.output-options {
226  float: right;
227  border: 1px solid black;
228  width: 200px;
229  height: 220px;
230  margin: 4px;
231  padding: 4px;
232  font-size: smaller;
233}
234
235.output-options select {
236  width: 90%;
237}
238
239.summary {
240  font-size: smaller;
241  margin: 4px;
242}
243
244.summary .label {
245  display: inline-block;
246  min-width: 5em;
247  margin: 0;
248}
249
250.summary span {
251  display: inline-block;
252  min-width: 3em;
253  text-align: right;
254  margin: 0;
255}
256
257.summary td {
258  text-align: right;
259  padding: 4px;
260}
261
262.custom button {
263  display: block;
264  margin: 12px 0;
265}
266
267/* Overlay */
268
269#overlay {
270  position: fixed;
271  top: 0;
272  left: 0;
273  bottom: 0;
274  right: 0;
275  background-color: rgba(0, 0, 0, 0.6);
276  display: none;
277}
278
279#overlay.visible {
280  display: block;
281}
282
283.overlay-contents {
284  position: relative;
285  background-color: white;
286  margin: 50px auto;
287  width: 1000px;
288  padding: 20px;
289}
290
291.overlay-contents textarea {
292  width: 90em;
293  height: 50em;
294}
295.overlay-contents .buttons {
296  text-align: right;
297}
298
299.overlay-contents .note {
300  float: left;
301}
302
303.overlay-contents .buttons button {
304  font-size: 13px;
305  width: 6em;
306  margin: 12px 8px;
307}
308
309