1 |
@import '/www/style/html/xoxo.css'; |
2 |
|
3 |
.section { |
4 |
display: block; |
5 |
margin: 1em; |
6 |
border: #800080 1px solid; |
7 |
padding: 0.5em 1em; |
8 |
} |
9 |
|
10 |
dt, strong, th { |
11 |
font-weight: bolder; |
12 |
font-family: sans-serif; |
13 |
} |
14 |
dt:after { |
15 |
content: ":"; |
16 |
} |
17 |
|
18 |
h1 { |
19 |
font-weight: bolder; |
20 |
font-family: sans-serif; |
21 |
font-size: 180%; |
22 |
} |
23 |
|
24 |
h2 { |
25 |
margin: 0; |
26 |
border-style: none; |
27 |
padding: 0; |
28 |
font-weight: bolder; |
29 |
font-family: sans-serif; |
30 |
font-size: 150%; |
31 |
} |
32 |
|
33 |
h3 { |
34 |
font-weight: bolder; |
35 |
font-family: sans-serif; |
36 |
font-size: 100%; |
37 |
background-color: #fff0f0; |
38 |
color: black; |
39 |
} |
40 |
|
41 |
.tree-text q, .tree-cdata q, .tree-comment q { |
42 |
display: block; |
43 |
} |
44 |
|
45 |
q, #source-string li { |
46 |
white-space: pre; |
47 |
white-space: -moz-pre-wrap; |
48 |
white-space: pre-wrap; |
49 |
} |
50 |
|
51 |
q, #source-string ol { |
52 |
background-color: #f0f0ff; |
53 |
color: black; |
54 |
line-height: 1.5; |
55 |
} |
56 |
|
57 |
q:before, q:after { |
58 |
content: ""; |
59 |
} |
60 |
|
61 |
#parse-errors dl:empty:before { |
62 |
content: "This document has no parse error."; |
63 |
font-style: italic; |
64 |
} |
65 |
|
66 |
#document-errors dl:empty:before { |
67 |
content: "This document has no document error."; |
68 |
font-style: italic; |
69 |
} |
70 |
|
71 |
#document-tree > ol { |
72 |
margin-left: 0; |
73 |
padding-left: 0; |
74 |
} |
75 |
#document-tree > ol > li { |
76 |
/* display: block; |
77 |
list-style: none; |
78 |
margin-left: 0; |
79 |
padding-left: 0; */ |
80 |
} |
81 |
|
82 |
#document-tree ol /*ol*/ { |
83 |
margin-left: 1em; |
84 |
padding-left: 0; |
85 |
} |
86 |
|
87 |
#document-tree ol /*ol*/ li { |
88 |
margin-left: 0; |
89 |
padding-left: 0.4em; |
90 |
} |
91 |
|
92 |
#document-tree ul.attributes { |
93 |
margin-left: 3em; |
94 |
padding: 0; |
95 |
} |
96 |
|
97 |
#document-tree ul.attributes li { |
98 |
display: inline; |
99 |
list-style: none; |
100 |
margin: 0 2em 0 0; |
101 |
padding: 0; |
102 |
text-indent: 0; |
103 |
font-size: 90%; |
104 |
} |
105 |
|
106 |
#dump-manifest tbody:empty { |
107 |
display: table-caption; |
108 |
caption-side: bottom; |
109 |
} |
110 |
|
111 |
#dump-manifest tbody:empty::after { |
112 |
content: "This cache manifest contains no oppotunistic caching namespace."; |
113 |
font-style: italic; |
114 |
} |
115 |
|
116 |
#dump-manifest dt:first-child + dt::before, |
117 |
#dump-manifest dt:last-child::after { |
118 |
display: block; |
119 |
content: "This cache manifest contains no explicit entry."; |
120 |
margin-left: 2.5em; |
121 |
font-style: italic; |
122 |
font-weight: normal; |
123 |
font-family: serif; |
124 |
} |
125 |
|
126 |
#dump-manifest dt:last-child::after { |
127 |
content: "This cache manifest has an empty online whitelist."; |
128 |
} |
129 |
|
130 |
#parse-errors dd, #document-errors dd, #error-description h3, |
131 |
#result-para { |
132 |
margin-left: 20px; |
133 |
padding-left: 40px; |
134 |
min-height: 32px; |
135 |
background-image: url(large-stop); |
136 |
background-position: center left; |
137 |
background-repeat: no-repeat; |
138 |
} |
139 |
|
140 |
#identifiers dd, #terms dd { |
141 |
margin-left: 20px; |
142 |
padding-left: 20px; |
143 |
min-height: 20px; |
144 |
} |
145 |
|
146 |
#identifiers dd + dd, #terms dd + dd { |
147 |
background-image: url(error); |
148 |
background-position: center left; |
149 |
background-repeat: no-repeat; |
150 |
} |
151 |
|
152 |
#error-description h3 { |
153 |
margin-left: 1em; |
154 |
margin-right: 1em; |
155 |
} |
156 |
|
157 |
#document-errors dd.should, #error-description .should h3, |
158 |
#result-para.SEE-RESULT { |
159 |
background-image: url(large-alert); |
160 |
} |
161 |
|
162 |
#document-errors dd.unsupported { |
163 |
margin-left: 60px; |
164 |
border: red 0.2em solid; |
165 |
padding: 0.5em; |
166 |
} |
167 |
|
168 |
#document-errors dd.unsupported, #error-description .unsupported h3, |
169 |
#result-para.uncertain { |
170 |
background-image: none; |
171 |
} |
172 |
|
173 |
#result-para.PASS { |
174 |
background-image: url(ok); |
175 |
} |
176 |
|
177 |
#nav-items { |
178 |
display: block; |
179 |
position: fixed; |
180 |
top: 0.5em; |
181 |
right: 0.5em; |
182 |
width: auto; |
183 |
height: auto; |
184 |
font-size: 90%; |
185 |
background-color: #f4fff4; |
186 |
color: black; |
187 |
padding: 0; |
188 |
line-height: 1.1; |
189 |
} |
190 |
|
191 |
#nav-items li { |
192 |
display: block; |
193 |
list-style: none; |
194 |
margin: 0; |
195 |
border-style: none; |
196 |
padding: 0; |
197 |
text-align: center; |
198 |
} |
199 |
|
200 |
#nav-items li a[href] { |
201 |
display: block; |
202 |
border-style: none; |
203 |
color: inherit; |
204 |
text-decoration: none; |
205 |
} |
206 |
|
207 |
img { |
208 |
border-style: none; |
209 |
} |
210 |
|
211 |
code { |
212 |
font-family: "Courier New", "Courier", monospace; |
213 |
letter-spacing: 0.1em; |
214 |
background-color: transparent; |
215 |
color: orangered; |
216 |
white-space: -moz-pre-wrap; |
217 |
white-space: pre-wrap; |
218 |
} |
219 |
|
220 |
.rfc2119 { |
221 |
border-style: none; |
222 |
text-transform: lowercase; |
223 |
font-variant: small-caps; |
224 |
font-style: normal; |
225 |
text-decoration: none; |
226 |
font-weight: normal; |
227 |
font-family: sans-serif; |
228 |
} |
229 |
|
230 |
#result-summary table { |
231 |
margin-left: auto; |
232 |
margin-right: auto; |
233 |
border: 3px solid #800080; |
234 |
border-collapse: collapse; |
235 |
} |
236 |
|
237 |
#result-summary tbody, colgroup { |
238 |
border: 3px solid #800080; |
239 |
} |
240 |
|
241 |
#result-summary th { |
242 |
background-color: #fff0f0; |
243 |
color: black; |
244 |
} |
245 |
|
246 |
#result-summary th, #result-summary td { |
247 |
border: 1px solid #800080; |
248 |
padding: 0.2em 0.5em; |
249 |
text-align: center; |
250 |
empty-cells: show; |
251 |
} |
252 |
|
253 |
.uncertain td, p.uncertain { |
254 |
background-color: #e1e1ff; |
255 |
color: black; |
256 |
} |
257 |
|
258 |
.FAIL, .uncertain td.FAIL { |
259 |
background-color: #ffcece; |
260 |
color: black; |
261 |
} |
262 |
|
263 |
.SEE-RESULT, .uncertain td.SEE-RESULT { |
264 |
background-color: #e1e1ff; |
265 |
color: black; |
266 |
} |
267 |
|
268 |
.PASS { |
269 |
background-color: #ddffdd; |
270 |
color: black; |
271 |
} |
272 |
|
273 |
#result-para { |
274 |
padding-top: 0.2em; |
275 |
padding-bottom: 0.2em; |
276 |
padding-right: 1em; |
277 |
} |
278 |
|
279 |
/* dl.switch from WHATWG specification style sheet */ |
280 |
|
281 |
dl.switch { |
282 |
padding-left: 2em; |
283 |
} |
284 |
|
285 |
dl.switch dt { |
286 |
display: block; |
287 |
text-indent: -1.5em; |
288 |
font-weight: bolder; |
289 |
font-family: sans-serif; |
290 |
font-style: normal; |
291 |
} |
292 |
|
293 |
dl.switch dt:before { |
294 |
content: '\21AA'; |
295 |
padding: 0 0.5em 0 0; |
296 |
display: inline-block; |
297 |
width: 1em; |
298 |
text-align: right; |
299 |
line-height: 0.5em; |
300 |
} |
301 |
|
302 |
dl.switch dt:after { |
303 |
content: " :"; |
304 |
} |
305 |
|
306 |
/* |
307 |
|
308 |
Copyright 2007 Wakaba <w@suika.fam.cx>. |
309 |
|
310 |
This library is free software; you can redistribute it |
311 |
and/or modify it under the same terms as Perl itself. |
312 |
|
313 |
$Date: 2007/09/11 08:25:23 $ |
314 |
|
315 |
*/ |