1 |
wakaba |
1.1 |
@import '/www/style/html/xoxo.css'; |
2 |
|
|
|
3 |
wakaba |
1.2 |
.section { |
4 |
|
|
display: block; |
5 |
|
|
margin: 1em; |
6 |
|
|
border: #800080 1px solid; |
7 |
|
|
padding: 0.5em 1em; |
8 |
|
|
} |
9 |
|
|
|
10 |
wakaba |
1.10 |
dt, strong, th { |
11 |
wakaba |
1.2 |
font-weight: bolder; |
12 |
|
|
font-family: sans-serif; |
13 |
|
|
} |
14 |
|
|
dt:after { |
15 |
|
|
content: ":"; |
16 |
|
|
} |
17 |
|
|
|
18 |
wakaba |
1.5 |
h1 { |
19 |
|
|
font-weight: bolder; |
20 |
|
|
font-family: sans-serif; |
21 |
|
|
font-size: 180%; |
22 |
|
|
} |
23 |
|
|
|
24 |
wakaba |
1.2 |
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 |
wakaba |
1.12 |
h3, th { |
34 |
wakaba |
1.5 |
font-weight: bolder; |
35 |
|
|
font-family: sans-serif; |
36 |
|
|
font-size: 100%; |
37 |
|
|
background-color: #fff0f0; |
38 |
|
|
color: black; |
39 |
|
|
} |
40 |
|
|
|
41 |
wakaba |
1.2 |
.tree-text q, .tree-cdata q, .tree-comment q { |
42 |
|
|
display: block; |
43 |
|
|
} |
44 |
|
|
|
45 |
|
|
q, #source-string li { |
46 |
wakaba |
1.1 |
white-space: pre; |
47 |
|
|
white-space: -moz-pre-wrap; |
48 |
|
|
white-space: pre-wrap; |
49 |
|
|
} |
50 |
|
|
|
51 |
wakaba |
1.2 |
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 |
wakaba |
1.4 |
#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 |
wakaba |
1.2 |
#document-tree > ol { |
72 |
|
|
margin-left: 0; |
73 |
|
|
padding-left: 0; |
74 |
|
|
} |
75 |
|
|
#document-tree > ol > li { |
76 |
wakaba |
1.7 |
/* display: block; |
77 |
wakaba |
1.2 |
list-style: none; |
78 |
|
|
margin-left: 0; |
79 |
wakaba |
1.7 |
padding-left: 0; */ |
80 |
wakaba |
1.2 |
} |
81 |
|
|
|
82 |
wakaba |
1.7 |
#document-tree ol /*ol*/ { |
83 |
wakaba |
1.2 |
margin-left: 1em; |
84 |
|
|
padding-left: 0; |
85 |
|
|
} |
86 |
|
|
|
87 |
wakaba |
1.7 |
#document-tree ol /*ol*/ li { |
88 |
wakaba |
1.2 |
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 |
wakaba |
1.11 |
#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 |
wakaba |
1.10 |
#parse-errors dd, #document-errors dd, #error-description h3, |
131 |
|
|
#result-para { |
132 |
wakaba |
1.4 |
margin-left: 20px; |
133 |
|
|
padding-left: 40px; |
134 |
|
|
min-height: 32px; |
135 |
|
|
background-image: url(large-stop); |
136 |
wakaba |
1.6 |
background-position: center left; |
137 |
|
|
background-repeat: no-repeat; |
138 |
|
|
} |
139 |
|
|
|
140 |
wakaba |
1.12 |
#levels-table tbody th:first-child { |
141 |
|
|
padding-left: 42px; |
142 |
|
|
min-height: 32px; |
143 |
|
|
background-image: url(large-stop); |
144 |
|
|
background-position: 5px center; |
145 |
|
|
background-repeat: no-repeat; |
146 |
|
|
text-align: left; |
147 |
|
|
} |
148 |
|
|
|
149 |
wakaba |
1.6 |
#identifiers dd, #terms dd { |
150 |
|
|
margin-left: 20px; |
151 |
|
|
padding-left: 20px; |
152 |
|
|
min-height: 20px; |
153 |
|
|
} |
154 |
|
|
|
155 |
wakaba |
1.20 |
#identifiers dd + dd |
156 |
|
|
/* , #terms dd + dd */ /* Now allowed - HTML5 revision 1467 */ |
157 |
|
|
{ |
158 |
wakaba |
1.6 |
background-image: url(error); |
159 |
|
|
background-position: center left; |
160 |
wakaba |
1.4 |
background-repeat: no-repeat; |
161 |
|
|
} |
162 |
|
|
|
163 |
wakaba |
1.5 |
#error-description h3 { |
164 |
|
|
margin-left: 1em; |
165 |
|
|
margin-right: 1em; |
166 |
|
|
} |
167 |
|
|
|
168 |
wakaba |
1.16 |
#parse-errors dd.level-s, #document-errors dd.level-s, |
169 |
wakaba |
1.15 |
#parse-errors dd.should, |
170 |
wakaba |
1.10 |
#document-errors dd.should, #error-description .should h3, |
171 |
wakaba |
1.12 |
#result-para.SEE-RESULT, #levels-table #level-s th { |
172 |
wakaba |
1.16 |
background-image: url(large-stop); |
173 |
wakaba |
1.4 |
} |
174 |
|
|
|
175 |
wakaba |
1.16 |
#parse-errors dd.level-w, #document-errors dd.level-w, |
176 |
wakaba |
1.15 |
#parse-errors dd.warning, |
177 |
|
|
#document-errors dd.warning, #error-description .warning h3, |
178 |
wakaba |
1.12 |
#levels-table #level-w th { |
179 |
wakaba |
1.16 |
background-image: url(large-alert); |
180 |
wakaba |
1.12 |
} |
181 |
|
|
|
182 |
wakaba |
1.18 |
#parse-errors dd.level-i, #document-errors dd.level-i, |
183 |
|
|
#error-description .level-i h3, |
184 |
|
|
#levels-table #level-i th { |
185 |
|
|
background-image: url(large-info); |
186 |
|
|
} |
187 |
|
|
|
188 |
wakaba |
1.17 |
#parse-errors dd.level-u, #document-errors dd.level-u, |
189 |
wakaba |
1.16 |
#parse-errors dd.level-unsupported, #document-errors dd.level-unsupported, |
190 |
wakaba |
1.14 |
#parse-errors dd.unsupported, |
191 |
wakaba |
1.4 |
#document-errors dd.unsupported { |
192 |
|
|
margin-left: 60px; |
193 |
|
|
border: red 0.2em solid; |
194 |
|
|
padding: 0.5em; |
195 |
wakaba |
1.5 |
} |
196 |
|
|
|
197 |
wakaba |
1.14 |
#parse-errors dd.unsupported, |
198 |
wakaba |
1.10 |
#document-errors dd.unsupported, #error-description .unsupported h3, |
199 |
wakaba |
1.17 |
#result-para.uncertain, |
200 |
|
|
#parse-errors dd.level-u, #document-errors dd.level-u, |
201 |
|
|
#levels-table #level-u th { |
202 |
wakaba |
1.4 |
background-image: none; |
203 |
|
|
} |
204 |
|
|
|
205 |
wakaba |
1.21 |
.error-category-charset { |
206 |
|
|
background-image: url(icons/char-16); |
207 |
|
|
background-position: left center; |
208 |
|
|
background-repeat: no-repeat; |
209 |
|
|
padding-left: 20px; |
210 |
|
|
} |
211 |
|
|
|
212 |
|
|
.format-charset, .tokenizer-error, .parse-error { |
213 |
|
|
background-image: url(icons/syntax-16); |
214 |
|
|
background-position: left center; |
215 |
|
|
background-repeat: no-repeat; |
216 |
|
|
padding-left: 20px; |
217 |
|
|
} |
218 |
|
|
|
219 |
|
|
.content-model-error, .attribute-error, .attribute-value-error, |
220 |
|
|
.attribute-value-warning, .table-model-error { |
221 |
|
|
background-image: url(icons/structure-16); |
222 |
|
|
background-position: left center; |
223 |
|
|
background-repeat: no-repeat; |
224 |
|
|
padding-left: 20px; |
225 |
|
|
} |
226 |
|
|
|
227 |
wakaba |
1.10 |
#result-para.PASS { |
228 |
|
|
background-image: url(ok); |
229 |
|
|
} |
230 |
|
|
|
231 |
wakaba |
1.1 |
#nav-items { |
232 |
|
|
display: block; |
233 |
|
|
position: fixed; |
234 |
|
|
top: 0.5em; |
235 |
|
|
right: 0.5em; |
236 |
|
|
width: auto; |
237 |
|
|
height: auto; |
238 |
|
|
font-size: 90%; |
239 |
|
|
background-color: #f4fff4; |
240 |
|
|
color: black; |
241 |
|
|
padding: 0; |
242 |
|
|
line-height: 1.1; |
243 |
|
|
} |
244 |
|
|
|
245 |
|
|
#nav-items li { |
246 |
|
|
display: block; |
247 |
|
|
list-style: none; |
248 |
|
|
margin: 0; |
249 |
|
|
border-style: none; |
250 |
|
|
padding: 0; |
251 |
|
|
text-align: center; |
252 |
|
|
} |
253 |
|
|
|
254 |
|
|
#nav-items li a[href] { |
255 |
|
|
display: block; |
256 |
|
|
border-style: none; |
257 |
|
|
color: inherit; |
258 |
|
|
text-decoration: none; |
259 |
|
|
} |
260 |
|
|
|
261 |
wakaba |
1.22 |
body[data-scripted] #nav-items { |
262 |
|
|
display: none; |
263 |
|
|
} |
264 |
|
|
|
265 |
wakaba |
1.3 |
img { |
266 |
|
|
border-style: none; |
267 |
|
|
} |
268 |
|
|
|
269 |
wakaba |
1.4 |
code { |
270 |
|
|
font-family: "Courier New", "Courier", monospace; |
271 |
|
|
letter-spacing: 0.1em; |
272 |
|
|
background-color: transparent; |
273 |
|
|
color: orangered; |
274 |
wakaba |
1.7 |
white-space: -moz-pre-wrap; |
275 |
|
|
white-space: pre-wrap; |
276 |
wakaba |
1.4 |
} |
277 |
|
|
|
278 |
wakaba |
1.13 |
.example { |
279 |
|
|
background-color: #ececff; |
280 |
|
|
} |
281 |
|
|
|
282 |
|
|
pre.example { |
283 |
|
|
margin-left: 1em; |
284 |
|
|
margin-right: 1em; |
285 |
|
|
padding: 0.2em 0.5em; |
286 |
|
|
} |
287 |
|
|
|
288 |
|
|
.example.bad { |
289 |
|
|
background-color: #fff7f7; |
290 |
|
|
} |
291 |
|
|
|
292 |
|
|
code.example.bad { |
293 |
|
|
color: inherit; |
294 |
|
|
background-color: #ffeeee; |
295 |
|
|
} |
296 |
|
|
|
297 |
|
|
h3 code.example.bad { |
298 |
|
|
color: orangered; |
299 |
|
|
background-color: transparent; |
300 |
|
|
} |
301 |
|
|
|
302 |
|
|
pre.example::before { |
303 |
|
|
content: "Example"; |
304 |
|
|
display: block; |
305 |
|
|
color: #b0b0ff; |
306 |
|
|
background-color: transparent; |
307 |
|
|
font-weight: bolder; |
308 |
|
|
font-family: sans-serif; |
309 |
|
|
} |
310 |
|
|
|
311 |
|
|
pre.example.html::before { |
312 |
|
|
content: "HTML Example"; |
313 |
|
|
} |
314 |
|
|
|
315 |
|
|
pre.example.xml::before { |
316 |
|
|
content: "XML Example"; |
317 |
|
|
} |
318 |
|
|
|
319 |
|
|
pre.example.manifest::before { |
320 |
|
|
content: "Cache Manifest Example"; |
321 |
|
|
} |
322 |
|
|
|
323 |
|
|
pre.example.bad::before { |
324 |
|
|
content: "Bad Example"; |
325 |
|
|
color: #ffc1c1; |
326 |
|
|
} |
327 |
|
|
|
328 |
|
|
pre.example.bad.html::before { |
329 |
|
|
content: "HTML Bad Example"; |
330 |
|
|
} |
331 |
|
|
|
332 |
|
|
pre.example.bad.xml::before { |
333 |
|
|
content: "XML Bad Example"; |
334 |
|
|
} |
335 |
|
|
|
336 |
|
|
pre.example.bad.manifest::before { |
337 |
|
|
content: "Cache Manifest Bad Example"; |
338 |
|
|
} |
339 |
|
|
|
340 |
wakaba |
1.9 |
.rfc2119 { |
341 |
|
|
border-style: none; |
342 |
|
|
text-transform: lowercase; |
343 |
|
|
font-variant: small-caps; |
344 |
|
|
font-style: normal; |
345 |
|
|
text-decoration: none; |
346 |
|
|
font-weight: normal; |
347 |
|
|
font-family: sans-serif; |
348 |
|
|
} |
349 |
|
|
|
350 |
|
|
#result-summary table { |
351 |
|
|
margin-left: auto; |
352 |
|
|
margin-right: auto; |
353 |
|
|
border: 3px solid #800080; |
354 |
|
|
border-collapse: collapse; |
355 |
|
|
} |
356 |
|
|
|
357 |
|
|
#result-summary tbody, colgroup { |
358 |
|
|
border: 3px solid #800080; |
359 |
|
|
} |
360 |
|
|
|
361 |
|
|
#result-summary th { |
362 |
|
|
background-color: #fff0f0; |
363 |
|
|
color: black; |
364 |
|
|
} |
365 |
|
|
|
366 |
|
|
#result-summary th, #result-summary td { |
367 |
|
|
border: 1px solid #800080; |
368 |
|
|
padding: 0.2em 0.5em; |
369 |
|
|
text-align: center; |
370 |
|
|
empty-cells: show; |
371 |
|
|
} |
372 |
|
|
|
373 |
wakaba |
1.17 |
.uncertain td, p.uncertain, |
374 |
|
|
#level-u, #level-u th { |
375 |
wakaba |
1.9 |
background-color: #e1e1ff; |
376 |
|
|
color: black; |
377 |
|
|
} |
378 |
|
|
|
379 |
wakaba |
1.12 |
.FAIL, .uncertain td.FAIL, #level-m, #level-m th { |
380 |
wakaba |
1.9 |
background-color: #ffcece; |
381 |
|
|
color: black; |
382 |
|
|
} |
383 |
|
|
|
384 |
wakaba |
1.12 |
.SEE-RESULT, .uncertain td.SEE-RESULT, #level-s, #level-s th { |
385 |
wakaba |
1.9 |
background-color: #e1e1ff; |
386 |
|
|
color: black; |
387 |
|
|
} |
388 |
|
|
|
389 |
wakaba |
1.18 |
.PASS, #level-w, #level-w th, |
390 |
|
|
#level-i, #level-i th { |
391 |
wakaba |
1.9 |
background-color: #ddffdd; |
392 |
|
|
color: black; |
393 |
|
|
} |
394 |
|
|
|
395 |
|
|
#result-para { |
396 |
wakaba |
1.10 |
padding-top: 0.2em; |
397 |
|
|
padding-bottom: 0.2em; |
398 |
|
|
padding-right: 1em; |
399 |
wakaba |
1.9 |
} |
400 |
|
|
|
401 |
wakaba |
1.11 |
/* dl.switch from WHATWG specification style sheet */ |
402 |
|
|
|
403 |
|
|
dl.switch { |
404 |
|
|
padding-left: 2em; |
405 |
|
|
} |
406 |
|
|
|
407 |
|
|
dl.switch dt { |
408 |
|
|
display: block; |
409 |
|
|
text-indent: -1.5em; |
410 |
|
|
font-weight: bolder; |
411 |
|
|
font-family: sans-serif; |
412 |
|
|
font-style: normal; |
413 |
|
|
} |
414 |
|
|
|
415 |
|
|
dl.switch dt:before { |
416 |
|
|
content: '\21AA'; |
417 |
|
|
padding: 0 0.5em 0 0; |
418 |
|
|
display: inline-block; |
419 |
|
|
width: 1em; |
420 |
|
|
text-align: right; |
421 |
|
|
line-height: 0.5em; |
422 |
|
|
} |
423 |
|
|
|
424 |
|
|
dl.switch dt:after { |
425 |
|
|
content: " :"; |
426 |
|
|
} |
427 |
|
|
|
428 |
wakaba |
1.19 |
mark { |
429 |
|
|
background-color: #ffff4d; |
430 |
|
|
} |
431 |
|
|
|
432 |
wakaba |
1.22 |
/* Tab navigation */ |
433 |
|
|
|
434 |
wakaba |
1.23 |
body[data-scripted] > h1, |
435 |
|
|
body[data-scripted] > #input > h2 { |
436 |
wakaba |
1.22 |
float: left; |
437 |
|
|
font-size: 100%; |
438 |
wakaba |
1.23 |
margin: 0; |
439 |
wakaba |
1.22 |
padding: 0 1em; |
440 |
|
|
} |
441 |
|
|
|
442 |
wakaba |
1.23 |
body[data-scripted] > #input > h2 { |
443 |
|
|
margin-right: 1em; |
444 |
|
|
padding: 0.3em 0; |
445 |
|
|
border: thin hidden; |
446 |
|
|
} |
447 |
|
|
|
448 |
wakaba |
1.22 |
nav { |
449 |
|
|
display: block; |
450 |
|
|
} |
451 |
|
|
|
452 |
wakaba |
1.23 |
.section nav { |
453 |
|
|
margin-left: 1em; |
454 |
|
|
} |
455 |
|
|
|
456 |
wakaba |
1.22 |
nav ul { |
457 |
|
|
margin: 0; |
458 |
|
|
padding: 1em 0 0 0; |
459 |
|
|
} |
460 |
|
|
|
461 |
wakaba |
1.23 |
#input nav ul { |
462 |
|
|
padding-top: 0; |
463 |
|
|
} |
464 |
|
|
|
465 |
wakaba |
1.22 |
nav ul li { |
466 |
|
|
display: inline; |
467 |
|
|
margin: 0; |
468 |
|
|
padding: 0 0.3em 0 0; |
469 |
|
|
line-height: 2; |
470 |
|
|
} |
471 |
|
|
|
472 |
|
|
nav a { |
473 |
|
|
display: inline; |
474 |
|
|
padding: 0.1em 0.3em; |
475 |
|
|
text-decoration: none; |
476 |
|
|
color: inherit; |
477 |
|
|
border: thin outset gray; |
478 |
|
|
-moz-border-radius: 0.2em; |
479 |
|
|
min-width: 4em; |
480 |
|
|
text-align: center; |
481 |
|
|
} |
482 |
|
|
|
483 |
|
|
nav [data-active] a { |
484 |
|
|
border-style: inset; |
485 |
|
|
background-color: #C0C0C0; |
486 |
|
|
} |
487 |
|
|
|
488 |
|
|
.section { |
489 |
|
|
clear: both; |
490 |
|
|
} |
491 |
|
|
|
492 |
wakaba |
1.23 |
body[data-scripted] > .section, |
493 |
|
|
body[data-scripted] > #input > .section { |
494 |
wakaba |
1.22 |
position: absolute; |
495 |
wakaba |
1.23 |
top: 100px; /* h1 > img's height is 90px */ |
496 |
wakaba |
1.22 |
bottom: 0; |
497 |
|
|
left: 0; |
498 |
|
|
right: 0; |
499 |
wakaba |
1.23 |
min-height: 10em; |
500 |
wakaba |
1.22 |
overflow: auto; |
501 |
|
|
} |
502 |
|
|
|
503 |
wakaba |
1.23 |
body[data-scripted] > #input > .section { |
504 |
|
|
top: 2em; |
505 |
|
|
} |
506 |
|
|
|
507 |
|
|
/* details widgets */ |
508 |
|
|
|
509 |
|
|
.details .legend { |
510 |
|
|
font-weight: bolder; |
511 |
|
|
} |
512 |
|
|
|
513 |
|
|
.details .legend:after { |
514 |
|
|
content: "..."; |
515 |
|
|
} |
516 |
|
|
|
517 |
|
|
.details.open .legend:after, |
518 |
|
|
body:not([data-scripted]) .details.default .legend:after { |
519 |
|
|
content: ":"; |
520 |
|
|
} |
521 |
|
|
|
522 |
|
|
body[data-scripted] .details .legend { |
523 |
|
|
cursor: pointer; |
524 |
|
|
} |
525 |
|
|
|
526 |
|
|
body[data-scripted] .details > div { |
527 |
|
|
display: none; |
528 |
|
|
} |
529 |
|
|
|
530 |
|
|
/* Data input forms */ |
531 |
|
|
|
532 |
|
|
input[type=url] { |
533 |
|
|
width: 90%; |
534 |
|
|
min-width: 30em; |
535 |
|
|
} |
536 |
|
|
|
537 |
|
|
textarea { |
538 |
|
|
width: 95%; |
539 |
|
|
min-width: 30em; |
540 |
|
|
height: 20em; |
541 |
|
|
} |
542 |
|
|
|
543 |
wakaba |
1.1 |
/* |
544 |
|
|
|
545 |
wakaba |
1.19 |
Copyright 2007-2008 Wakaba <w@suika.fam.cx>. |
546 |
wakaba |
1.1 |
|
547 |
|
|
This library is free software; you can redistribute it |
548 |
|
|
and/or modify it under the same terms as Perl itself. |
549 |
|
|
|
550 |
wakaba |
1.23 |
$Date: 2008/08/10 11:49:43 $ |
551 |
wakaba |
1.1 |
|
552 |
|
|
*/ |