test/html-webhacc/cc-style.css

@import '/www/style/html/xoxo.css';

.section {
  display: block;
  margin: 1em;
  border: #800080 1px solid;
  padding: 0.5em 1em;
}

dt, strong, th {
  font-weight: bolder;
  font-family: sans-serif;
}
dt:after {
  content: ":";
}

h1 {
  font-weight: bolder;
  font-family: sans-serif;
  font-size: 180%;
}

h2 {
  margin: 0;
  border-style: none;
  padding: 0;
  font-weight: bolder;
  font-family: sans-serif;
  font-size: 150%;
}

h3, th {
  font-weight: bolder;
  font-family: sans-serif;
  font-size: 100%;
  background-color: #fff0f0;
  color: black;
}

.tree-text q, .tree-cdata q, .tree-comment q {
  display: block;
}

q, #source-string li {
  white-space: pre;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
}

q, #source-string ol {
  background-color: #f0f0ff;
  color: black;
  line-height: 1.5;
}

q:before, q:after {
  content: "";
}

#parse-errors dl:empty:before {
  content: "This document has no parse error.";
  font-style: italic;
}

#document-errors dl:empty:before {
  content: "This document has no document error.";
  font-style: italic;
}

#document-tree > ol {
  margin-left: 0;
  padding-left: 0;
}
#document-tree > ol > li {
/*  display: block;
  list-style: none;
  margin-left: 0;
  padding-left: 0; */
}

#document-tree ol /*ol*/ {
  margin-left: 1em;
  padding-left: 0;
}

#document-tree ol /*ol*/ li {
  margin-left: 0;
  padding-left: 0.4em;
}

#document-tree ul.attributes {
  margin-left: 3em;
  padding: 0;
}

#document-tree ul.attributes li {
  display: inline;
  list-style: none;
  margin: 0 2em 0 0;
  padding: 0;
  text-indent: 0;
  font-size: 90%;
}

#dump-manifest tbody:empty {
  display: table-caption;
  caption-side: bottom;
}

#dump-manifest tbody:empty::after {
  content: "This cache manifest contains no oppotunistic caching namespace.";
  font-style: italic;
}

#dump-manifest dt:first-child + dt::before,
#dump-manifest dt:last-child::after {
  display: block;
  content: "This cache manifest contains no explicit entry.";
  margin-left: 2.5em;
  font-style: italic;
  font-weight: normal;
  font-family: serif;
}

#dump-manifest dt:last-child::after {
  content: "This cache manifest has an empty online whitelist.";
}

#parse-errors dd, #document-errors dd, #error-description h3,
#result-para {
  margin-left: 20px;
  padding-left: 40px;
  min-height: 32px;
  background-image: url(large-stop);
  background-position: center left;
  background-repeat: no-repeat;
}

#levels-table tbody th:first-child {
  padding-left: 42px;
  min-height: 32px;
  background-image: url(large-stop);
  background-position: 5px center;
  background-repeat: no-repeat;
  text-align: left;
}

#identifiers dd, #terms dd {
  margin-left: 20px;
  padding-left: 20px;
  min-height: 20px;
}

#identifiers dd + dd, #terms dd + dd {
  background-image: url(error);
  background-position: center left;
  background-repeat: no-repeat;
}

#error-description h3 {
  margin-left: 1em;
  margin-right: 1em;
}

#parse-errors dd.should,
#document-errors dd.should, #error-description .should h3,
#result-para.SEE-RESULT, #levels-table #level-s th {
  background-image: url(large-alert);
}

#parse-errors dd.warning,
#document-errors dd.warning, #error-description .warning h3,
#levels-table #level-w th {
  background-image: url(large-info);
}

#parse-errors dd.unsupported,
#document-errors dd.unsupported {
  margin-left: 60px;
  border: red 0.2em solid;
  padding: 0.5em;
}

#parse-errors dd.unsupported,
#document-errors dd.unsupported, #error-description .unsupported h3,
#result-para.uncertain, #levels-table #level-unsupported th {
  background-image: none;
}

#result-para.PASS {
  background-image: url(ok);
}

#nav-items {
  display: block;
  position: fixed;
  top: 0.5em;
  right: 0.5em;
  width: auto;
  height: auto;
  font-size: 90%;
  background-color: #f4fff4;
  color: black;
  padding: 0;
  line-height: 1.1;
}

#nav-items li {
  display: block;
  list-style: none;
  margin: 0;
  border-style: none;
  padding: 0;
  text-align: center;
}

#nav-items li a[href] {
  display: block;
  border-style: none;
  color: inherit;
  text-decoration: none;
}

img {
  border-style: none;
}

code {
  font-family: "Courier New", "Courier", monospace;
  letter-spacing: 0.1em;
  background-color: transparent;
  color: orangered;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
}

.example {
  background-color: #ececff;
}

pre.example {
  margin-left: 1em;
  margin-right: 1em;
  padding: 0.2em 0.5em;
}

.example.bad {
  background-color: #fff7f7;
}

code.example.bad {
  color: inherit;
  background-color: #ffeeee;
}

h3 code.example.bad {
  color: orangered;
  background-color: transparent;
}

pre.example::before {
  content: "Example";
  display: block;
  color: #b0b0ff;
  background-color: transparent;
  font-weight: bolder;
  font-family: sans-serif;
}

pre.example.html::before {
  content: "HTML Example";
}

pre.example.xml::before {
  content: "XML Example";
}

pre.example.manifest::before {
  content: "Cache Manifest Example";
}

pre.example.bad::before {
  content: "Bad Example";
  color: #ffc1c1;
}

pre.example.bad.html::before {
  content: "HTML Bad Example";
}

pre.example.bad.xml::before {
  content: "XML Bad Example";
}

pre.example.bad.manifest::before {
  content: "Cache Manifest Bad Example";
}

.rfc2119 {
  border-style: none;
  text-transform: lowercase;
  font-variant: small-caps;
  font-style: normal;
  text-decoration: none;
  font-weight: normal;
  font-family: sans-serif;
}

#result-summary table {
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #800080;
  border-collapse: collapse;
}

#result-summary tbody, colgroup {
  border: 3px solid #800080;
}

#result-summary th {
  background-color: #fff0f0;
  color: black;
}

#result-summary th, #result-summary td {
  border: 1px solid #800080;
  padding: 0.2em 0.5em;
  text-align: center;
  empty-cells: show;
}

.uncertain td, p.uncertain, #level-unsupported, #level-unsupported th {
  background-color: #e1e1ff;
  color: black;
}

.FAIL, .uncertain td.FAIL, #level-m, #level-m th {
  background-color: #ffcece;
  color: black;
}

.SEE-RESULT, .uncertain td.SEE-RESULT, #level-s, #level-s th {
  background-color: #e1e1ff;
  color: black;
}

.PASS, #level-w, #level-w th {
  background-color: #ddffdd;
  color: black;
}

#result-para {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-right: 1em;
}

/* dl.switch from WHATWG specification style sheet */

dl.switch {
  padding-left: 2em;
}

dl.switch dt {
  display: block;
  text-indent: -1.5em;
  font-weight: bolder;
  font-family: sans-serif;
  font-style: normal;
}

dl.switch dt:before {
  content: '\21AA';
  padding: 0 0.5em 0 0;
  display: inline-block;
  width: 1em;
  text-align: right;
  line-height: 0.5em;
}

dl.switch dt:after {
  content: " :";
}

/*

Copyright 2007 Wakaba <w@suika.fam.cx>.

This library is free software; you can redistribute it
and/or modify it under the same terms as Perl itself.

$Date: 2007/11/11 06:57:16 $

*/
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, th {
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	#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	#identifiers dd, #terms dd {
150	margin-left: 20px;
151	padding-left: 20px;
152	min-height: 20px;
153	}
154
155	#identifiers dd + dd, #terms dd + dd {
156	background-image: url(error);
157	background-position: center left;
158	background-repeat: no-repeat;
159	}
160
161	#error-description h3 {
162	margin-left: 1em;
163	margin-right: 1em;
164	}
165
166	#parse-errors dd.should,
167	#document-errors dd.should, #error-description .should h3,
168	#result-para.SEE-RESULT, #levels-table #level-s th {
169	background-image: url(large-alert);
170	}
171
172	#parse-errors dd.warning,
173	#document-errors dd.warning, #error-description .warning h3,
174	#levels-table #level-w th {
175	background-image: url(large-info);
176	}
177
178	#parse-errors dd.unsupported,
179	#document-errors dd.unsupported {
180	margin-left: 60px;
181	border: red 0.2em solid;
182	padding: 0.5em;
183	}
184
185	#parse-errors dd.unsupported,
186	#document-errors dd.unsupported, #error-description .unsupported h3,
187	#result-para.uncertain, #levels-table #level-unsupported th {
188	background-image: none;
189	}
190
191	#result-para.PASS {
192	background-image: url(ok);
193	}
194
195	#nav-items {
196	display: block;
197	position: fixed;
198	top: 0.5em;
199	right: 0.5em;
200	width: auto;
201	height: auto;
202	font-size: 90%;
203	background-color: #f4fff4;
204	color: black;
205	padding: 0;
206	line-height: 1.1;
207	}
208
209	#nav-items li {
210	display: block;
211	list-style: none;
212	margin: 0;
213	border-style: none;
214	padding: 0;
215	text-align: center;
216	}
217
218	#nav-items li a[href] {
219	display: block;
220	border-style: none;
221	color: inherit;
222	text-decoration: none;
223	}
224
225	img {
226	border-style: none;
227	}
228
229	code {
230	font-family: "Courier New", "Courier", monospace;
231	letter-spacing: 0.1em;
232	background-color: transparent;
233	color: orangered;
234	white-space: -moz-pre-wrap;
235	white-space: pre-wrap;
236	}
237
238	.example {
239	background-color: #ececff;
240	}
241
242	pre.example {
243	margin-left: 1em;
244	margin-right: 1em;
245	padding: 0.2em 0.5em;
246	}
247
248	.example.bad {
249	background-color: #fff7f7;
250	}
251
252	code.example.bad {
253	color: inherit;
254	background-color: #ffeeee;
255	}
256
257	h3 code.example.bad {
258	color: orangered;
259	background-color: transparent;
260	}
261
262	pre.example::before {
263	content: "Example";
264	display: block;
265	color: #b0b0ff;
266	background-color: transparent;
267	font-weight: bolder;
268	font-family: sans-serif;
269	}
270
271	pre.example.html::before {
272	content: "HTML Example";
273	}
274
275	pre.example.xml::before {
276	content: "XML Example";
277	}
278
279	pre.example.manifest::before {
280	content: "Cache Manifest Example";
281	}
282
283	pre.example.bad::before {
284	content: "Bad Example";
285	color: #ffc1c1;
286	}
287
288	pre.example.bad.html::before {
289	content: "HTML Bad Example";
290	}
291
292	pre.example.bad.xml::before {
293	content: "XML Bad Example";
294	}
295
296	pre.example.bad.manifest::before {
297	content: "Cache Manifest Bad Example";
298	}
299
300	.rfc2119 {
301	border-style: none;
302	text-transform: lowercase;
303	font-variant: small-caps;
304	font-style: normal;
305	text-decoration: none;
306	font-weight: normal;
307	font-family: sans-serif;
308	}
309
310	#result-summary table {
311	margin-left: auto;
312	margin-right: auto;
313	border: 3px solid #800080;
314	border-collapse: collapse;
315	}
316
317	#result-summary tbody, colgroup {
318	border: 3px solid #800080;
319	}
320
321	#result-summary th {
322	background-color: #fff0f0;
323	color: black;
324	}
325
326	#result-summary th, #result-summary td {
327	border: 1px solid #800080;
328	padding: 0.2em 0.5em;
329	text-align: center;
330	empty-cells: show;
331	}
332
333	.uncertain td, p.uncertain, #level-unsupported, #level-unsupported th {
334	background-color: #e1e1ff;
335	color: black;
336	}
337
338	.FAIL, .uncertain td.FAIL, #level-m, #level-m th {
339	background-color: #ffcece;
340	color: black;
341	}
342
343	.SEE-RESULT, .uncertain td.SEE-RESULT, #level-s, #level-s th {
344	background-color: #e1e1ff;
345	color: black;
346	}
347
348	.PASS, #level-w, #level-w th {
349	background-color: #ddffdd;
350	color: black;
351	}
352
353	#result-para {
354	padding-top: 0.2em;
355	padding-bottom: 0.2em;
356	padding-right: 1em;
357	}
358
359	/* dl.switch from WHATWG specification style sheet */
360
361	dl.switch {
362	padding-left: 2em;
363	}
364
365	dl.switch dt {
366	display: block;
367	text-indent: -1.5em;
368	font-weight: bolder;
369	font-family: sans-serif;
370	font-style: normal;
371	}
372
373	dl.switch dt:before {
374	content: '\21AA';
375	padding: 0 0.5em 0 0;
376	display: inline-block;
377	width: 1em;
378	text-align: right;
379	line-height: 0.5em;
380	}
381
382	dl.switch dt:after {
383	content: " :";
384	}
385
386	/*
387
388	Copyright 2007 Wakaba <w@suika.fam.cx>.
389
390	This library is free software; you can redistribute it
391	and/or modify it under the same terms as Perl itself.
392
393	$Date: 2007/11/11 06:57:16 $
394
395	*/