OLD | NEW |
| (Empty) |
1 /* | |
2 * Style sheet for the CSS3 specification, | |
3 * to be used in addition to http://www.w3.org/StyleSheets/TR/W3C-{WD,PR,REC} | |
4 * $Id: default.css,v 1.1 2009-02-10 23:20:44 dean Exp $ | |
5 */ | |
6 | |
7 @media print { | |
8 | |
9 /* the following doesn't work for now, | |
10 instead we rely on a patched version of html2ps which has this built-in *
/ | |
11 .dlink { display: none } | |
12 | |
13 /* the following doesn't work for now, | |
14 instead we rely on a patched version of html2ps which has this built-in *
/ | |
15 div.navbar { | |
16 display: none; | |
17 } | |
18 | |
19 html { margin: 0 !important } | |
20 body { font-family: serif } | |
21 th, td { font-family: inherit } | |
22 a { color: inherit !important } | |
23 div.example:before { font-family: serif !important } | |
24 pre.example:before { font-family: serif !important } | |
25 a:link, a:visited { text-decoration: none !important } | |
26 a:link:after, a:visited:after { /* create a cross-ref "see..." */ } | |
27 } | |
28 @page { | |
29 margin: 1.5cm 1.1cm; | |
30 } | |
31 | |
32 /* html body { margin-left: 8.5em } /* Overrides 70px in base.css */ | |
33 | |
34 body {counter-reset: exampleno figure} | |
35 | |
36 h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-family: inherit } | |
37 div.figure, div.sidefigure, pre, table.propdef, table.propdef-extra, | |
38 div.example { page-break-inside: avoid } | |
39 dt { page-break-after: avoid } | |
40 | |
41 span.id {float: right; font-weight: bold} | |
42 | |
43 p, p.testlink + p, p.mtb { | |
44 text-indent: 0; | |
45 margin-bottom: 0.8em; | |
46 margin-top: 0.2em; | |
47 } | |
48 p + p, p + div.sidefigure + p { | |
49 text-indent: 0em; | |
50 margin-top: 0.8em; | |
51 } | |
52 dd > p:first-child, li > p:first-child { | |
53 margin-top: 0 | |
54 } | |
55 | |
56 h1 + h2 { | |
57 margin-top: 0; | |
58 } | |
59 | |
60 pre { | |
61 text-align: left; /* fixes justification in Mac IE 5 */ | |
62 text-indent: 0; /* fixes indent in Mac Netscape 6 */ | |
63 margin-top: 1em; | |
64 margin-bottom: 1em; | |
65 } | |
66 /* | |
67 var { | |
68 font-style: normal; | |
69 } | |
70 */ | |
71 img { | |
72 border-style: none; | |
73 color: white; | |
74 } | |
75 .toc { | |
76 text-indent: 0; | |
77 } | |
78 | |
79 | |
80 @media all { /* NS < 6 doesn't like borders around inline elements... */ | |
81 | |
82 body { | |
83 line-height: 1.3; | |
84 -webkit-text-size-adjust:none; | |
85 } | |
86 | |
87 a:link, a:visited { | |
88 color: inherit; | |
89 text-decoration: underline; | |
90 } | |
91 | |
92 a.logo:link, a.logo:visited { | |
93 padding: 0; | |
94 border-style: none; | |
95 } | |
96 | |
97 /* Hmm, this seems to confuse many browsers... */ | |
98 dt { margin-left: 0 } | |
99 dd { margin-left: 2em } | |
100 dl, ul, ol { margin-left: 0; padding-left: 0 } | |
101 li { margin-left: 2em; padding-left: 0 } | |
102 | |
103 } | |
104 ul.indexlist { margin-left: 0; /*column-width: 13em; columns: 13em*/ } | |
105 ul.indexlist li { margin-left: 0; list-style: none } | |
106 ul.indexlist li li { margin-left: 1em } | |
107 | |
108 .example { | |
109 counter-increment: exampleno; | |
110 } | |
111 div.example:before { | |
112 content: "Example"; | |
113 content: "Example " counter(exampleno, upper-roman); | |
114 font: bold small sans-serif; | |
115 /*float: left;*/ | |
116 position: absolute; | |
117 top: -0.9em; | |
118 left: -2.5em; | |
119 width: 7.5em; | |
120 text-align: center; | |
121 line-height: 1em; | |
122 color: #FFF8DD; | |
123 background: #600; | |
124 padding: 0.1em; | |
125 border: thin solid #999; | |
126 /*margin: -1.3em 0 0.3em -2.5em;*/ | |
127 } | |
128 pre.example:before { | |
129 content: "Example"; | |
130 content: "Example " counter(exampleno, upper-roman); | |
131 font: bold small sans-serif; | |
132 /*float: left;*/ | |
133 position: absolute; | |
134 top: -0.9em; | |
135 left: -2.5em; | |
136 width: 7.5em; | |
137 text-align: center; | |
138 line-height: 1em; | |
139 color: #FFF8DD; | |
140 background: #600; | |
141 padding: 0.1em; | |
142 border: thin solid #999; | |
143 /*margin: -1.3em 0 0.3em -2.5em;*/ | |
144 } | |
145 div.example, div.illegal-example, div.html, div.illegal-html, div.xml, | |
146 div.illegal-xml, pre.example, pre.illegal-example, pre.html, | |
147 pre.illegal-html, pre.xml, pre.illegal-xml { | |
148 background: #FFF8DD; | |
149 padding: 0.5em; | |
150 margin: 1em 0; | |
151 border: thin solid #999; | |
152 position: relative; | |
153 } | |
154 pre.example, pre.illegal-example, pre.html, | |
155 pre.illegal-html, pre.xml, pre.illegal-xml { | |
156 padding-top: 1.5em; | |
157 } | |
158 div.example { color: #600 } | |
159 pre.example { color: #600 } | |
160 pre.illegal-example { color: red } | |
161 div.illegal-example { color: red } | |
162 div.illegal-example p { color: black } | |
163 | |
164 div.html { color: #600 } | |
165 pre.html { color: #600 } | |
166 pre.illegal-html { color: red } | |
167 div.illegal-html { color: red } | |
168 div.illegal-html p { color: black } | |
169 pre.deprecated-html { color: red } | |
170 div.deprecated-html { color: red } | |
171 div.deprecated-html p { color: black } | |
172 | |
173 div.xml { color: #600 } | |
174 pre.xml { color: #600 } | |
175 pre.illegal-xml { color: red } | |
176 div.illegal-xml { color: red } | |
177 div.illegal-xml p { color: black } | |
178 | |
179 /* code { font-size: 90% } */ | |
180 .css { color: #800 } /* inline CSS code (SPAN/CODE) */ | |
181 code.css { font-family: inherit; font-size: 100% } | |
182 code.html { color: #600 } /* inline HTML */ | |
183 code.xml { color: #600 } /* inline XML */ | |
184 .property { font: inherit; } /* name of a CSS property (SPAN) */ | |
185 .descriptor { } /* name of a CSS descriptor (SPAN) */ | |
186 .issue { color: #c00 } /* editorial remark, open issue */ | |
187 .type { font-style: italic } /* A <type> value for a property */ | |
188 | |
189 dfn { font-weight: bolder; /*font-size: 1em*/ } | |
190 | |
191 /* Class note is a non-normative note. May be inline or a P or DIV */ | |
192 | |
193 div.note:before { | |
194 content: "Non-normative"; | |
195 font: bold small sans-serif; | |
196 /*float: left;*/ | |
197 position: absolute; | |
198 top: -0.9em; | |
199 left: -2.5em; | |
200 width: 7.5em; | |
201 text-align: center; | |
202 line-height: 1em; | |
203 color: #F8FFDD; | |
204 background: #060; | |
205 padding: 0.1em; | |
206 border: thin solid #999; | |
207 /*margin: -1.3em 0 0.3em -2.5em;*/ | |
208 } | |
209 div.note, pre.note { | |
210 background: #F8FFDD; | |
211 padding: 0.5em; | |
212 margin: 1em 0; | |
213 border: thin solid #999; | |
214 position: relative; | |
215 } | |
216 pre.note { | |
217 padding-top: 1.5em; | |
218 } | |
219 div.note { color: #060 } | |
220 pre.note { color: #060 } | |
221 | |
222 /* Class strawman is a strawman proposal. May be inline or a P or DIV */ | |
223 | |
224 div.strawman:before { | |
225 content: "Strawman Proposal"; | |
226 font: bold small sans-serif; | |
227 /*float: left;*/ | |
228 position: absolute; | |
229 top: -0.9em; | |
230 left: -1.5em; | |
231 width: 10em; | |
232 text-align: center; | |
233 line-height: 1em; | |
234 color: #F8E2E2; | |
235 background: #A33; | |
236 padding: 0.1em; | |
237 border: thin solid #999; | |
238 /*margin: -1.3em 0 0.3em -2.5em;*/ | |
239 } | |
240 div.strawman, pre.strawman { | |
241 background: #F8E2E2; | |
242 padding: 0.5em; | |
243 margin: 1em 0; | |
244 border: thin solid #999; | |
245 position: relative; | |
246 } | |
247 pre.strawman { | |
248 padding-top: 1.5em; | |
249 } | |
250 div.strawman { color: #400 } | |
251 pre.strawman { color: #400 } | |
252 | |
253 .normref { color: red } | |
254 .informref { color: green } | |
255 | |
256 | |
257 /* ToC not indented, but font style shows hierarchy */ | |
258 //ul.toc {margin: 1em 0; padding: 0; font-weight: bold} | |
259 //ul.toc ul {margin: 0; padding: 0; font-weight: normal} | |
260 //ul.toc ul ul {margin: 0 /*0 0 2em*/; font-style: italic} | |
261 //ul.toc ul ul ul {margin: 0} | |
262 //ul.toc li {margin: 0.6em 0; padding: 0} | |
263 //ul.toc li li {margin: 0} | |
264 /* | |
265 ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline} | |
266 ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline} | |
267 */ | |
268 | |
269 .toc-h2 {margin: 0.5em 0; padding: 0; font-weight: bold; font-style: normal; } | |
270 .toc-h3 {margin: 0.2em 0.5em; padding: 0; font-weight: normal; font-style: norma
l; } | |
271 .toc-h4 {margin: 0.2em 1em; padding: 0; font-weight: normal; font-style: italic;
} | |
272 .toc-h5 {margin: 0.2em 1.5em; padding: 0; font-weight: normal; font-style: itali
c; font-size:0.9em; } | |
273 | |
274 @media all { /* NS4 doesn't align the floats properly :-( */ | |
275 | |
276 /* Section numbers in a column of their own */ | |
277 ul.toc span.secno {margin-right: 1em} /* workaround for Opera6 */ | |
278 ul.toc span.secno {float: left; width: 4em; margin-left: -5em} | |
279 /*ul.toc span.secno {text-align: right}*/ | |
280 ul.toc li {clear: both} | |
281 ul.toc {margin-left: 5em} | |
282 /* If we had 'tab', floats would not be needed here: | |
283 ul.toc span.secno {tab: 5em right; margin-right: 1em} | |
284 ul.toc li {text-indent: 5em hanging} | |
285 The second line in case items wrap | |
286 */ | |
287 } | |
288 | |
289 ul.index { | |
290 list-style: disc; /* Mac NS has problem with 'none' */ | |
291 list-style: none; | |
292 } | |
293 | |
294 s, del {text-decoration: line-through; color: red} | |
295 u, ins {text-decoration: underline; background: #bfa} | |
296 | |
297 div.figure, div.sidefigure { | |
298 text-align: center; | |
299 margin: 2.5em 0; | |
300 } | |
301 div.sidefigure { | |
302 float: right; | |
303 width: 50%; | |
304 margin: 0 0 0.5em 0.5em | |
305 } | |
306 div.figure img, div.sidefigure img { | |
307 display: block; | |
308 margin: auto; | |
309 max-width: 100% | |
310 } | |
311 p.caption, caption { | |
312 text-align: center; | |
313 font-style: italic; | |
314 font-size: 90%; | |
315 margin: 1.5em 2em; | |
316 text-indent: 0; | |
317 } | |
318 p.caption:before { | |
319 content: "Figure " counter(figure) ". "; | |
320 font-weight: bold; | |
321 } | |
322 p.caption { | |
323 counter-increment: figure; | |
324 } | |
325 | |
326 /* DL list is indented, but figure inside it is not */ | |
327 dd { margin-left: 2em } | |
328 dd div.figure { margin-left: -2em } | |
329 | |
330 sup { | |
331 vertical-align: super; | |
332 font-size: 80% | |
333 } | |
334 | |
335 /* "Equations" (not real MathML, but simple HTML) are put in a | |
336 blockquote and may have an equation number. We make sure the | |
337 blockquote has enough margin on the right and then put the equation | |
338 number there. */ | |
339 | |
340 blockquote { | |
341 margin: 0.5em 4em 0.5em 2em; | |
342 text-indent: 0; | |
343 } | |
344 .eqno { | |
345 text-align: right; | |
346 float: right; | |
347 width: 3em; | |
348 margin: 0 -4em 0 0; | |
349 font-weight: bold; | |
350 /* background: silver; color: black; padding: 0.1em */ | |
351 } | |
352 | |
353 table.equiv-table { border-spacing: 0; margin: 0.5em 0 } | |
354 table.equiv-table th, table.equiv-table td { padding: 0.3em } | |
355 table.equiv-table th { text-align: left } | |
356 /* table.equiv-table th:first-child { text-align: right } */ | |
357 table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 } | |
358 table.equiv-table { border-bottom: hidden } | |
359 table.equiv-table { empty-cells: show } | |
360 table.equiv-table caption { margin: 0.5em 0 0 0 } | |
361 | |
362 /* Style for table of properties */ | |
363 table.proptable { | |
364 font-size: small; | |
365 border-collapse: collapse; | |
366 border-spacing: 0; | |
367 text-align: left; | |
368 margin: 1em 0; | |
369 } | |
370 | |
371 table.proptable td, table.proptable th { | |
372 padding: 0.4em; | |
373 border-style: solid none none dotted; | |
374 border-width: thin; | |
375 border-color: red; | |
376 } | |
377 table.proptable th:first-child, table.proptable td:first-child { | |
378 border-left-style: none; | |
379 } | |
380 | |
381 | |
382 /* Style for table that defines a property or a descriptor */ | |
383 table.propdef, table.propdef-extra, table.descdef { | |
384 border-spacing: 0; | |
385 border-collapse: collapse; | |
386 width: 100%; | |
387 table-layout: fixed; | |
388 background: #DEF; | |
389 margin-top: 1.2em; | |
390 margin-bottom: 1.2em | |
391 } | |
392 | |
393 /* Since Jan 2008, some CSS modules use <th> instead of <td> in the | |
394 first column of a table.propdef. These rules handle both. As of Jan | |
395 2008, http://www.w3.org/Style/spec-mark-up still only documents <td> | |
396 */ | |
397 | |
398 table.propdef td, table.propdef-extra td, table.descdef td, | |
399 table.propdef th, table.propdef-extra th, table.descdef th { | |
400 padding: 0 0.3em; | |
401 vertical-align: baseline; | |
402 } | |
403 /* | |
404 table.propdef dfn, table.propdef-extra dfn, table.descdef dfn { | |
405 font-weight: bold; | |
406 font-style: normal | |
407 } | |
408 */ | |
409 table.propdef td:first-child, | |
410 table.propdef-extra td:first-child, | |
411 table.descdef td:first-child, | |
412 table.propdef th:first-child, | |
413 table.propdef-extra th:first-child, | |
414 table.descdef th:first-child { | |
415 font-style: italic; | |
416 font-weight: normal; | |
417 text-align: left; | |
418 width: 8.3em | |
419 } | |
420 table.propdef td[colspan]:first-child, | |
421 table.propdef-extra td[colspan]:first-child, | |
422 table.descdef td[colspan]:first-child, | |
423 table.propdef th[colspan]:first-child, | |
424 table.propdef-extra th[colspan]:first-child, | |
425 table.descdef th[colspan]:first-child { | |
426 font-style: inherit | |
427 } | |
428 table.propdef tr:first-child, | |
429 table.propdef-extra tr:first-child, | |
430 table.descdef tr:first-child { | |
431 background: #005A9C; | |
432 color: white | |
433 } | |
434 /* table.propdef tr:first-child td { padding-top: 0.1em; padding-bottom: 0.1em }
*/ | |
435 | |
436 /* This would replace :first-child for Opera, but it confuses WinIE :-( */ | |
437 /* | |
438 table.propdef td { width: 8em } | |
439 table.propdef td + td { width: auto } | |
440 table.propdef tr { background: #005A9C; color: white } | |
441 table.propdef tr + tr { background: transparent; color: black } | |
442 */ | |
443 | |
444 /* CSS modules typically don't use MUST, SHOULD etc. from RFC 2119, | |
445 or, if they do, they don't put them in uppercase. But the following | |
446 class is provided in case a spec wants to use RFC 2119 terms in | |
447 uppercase in the source. */ | |
448 | |
449 em.rfc2119 { | |
450 text-transform: lowercase; | |
451 font-variant: small-caps; | |
452 font-style: normal | |
453 } | |
454 | |
455 /* In Profile specs, a table of required features: */ | |
456 | |
457 table.features th { | |
458 background: #00589f; | |
459 color: #fff; | |
460 text-align: left; | |
461 padding: 0.2em 0.2em 0.2em 0.5em; | |
462 } | |
463 table.features td { | |
464 vertical-align: top; | |
465 border-bottom: 1px solid #ccc; | |
466 padding: 0.3em 0.3em 0.3em 0.7em; | |
467 } | |
468 | |
469 | |
470 /* Style for data tables (and properly marked-up proptables) */ | |
471 | |
472 .data, .proptable { | |
473 margin: 1em auto; | |
474 border-collapse: collapse; | |
475 border: solid #005A9B; | |
476 } | |
477 .data caption { | |
478 width: 100%; | |
479 text-align: center; | |
480 } | |
481 .data td, .data th, | |
482 .proptable td, .proptable th { | |
483 border: thin solid; | |
484 padding: 0.2em; | |
485 text-align: center; | |
486 } | |
487 .data thead th[scope="row"], | |
488 .proptable thead th[scope="row"] { | |
489 text-align: right; | |
490 background: #A4C8E2; | |
491 color: inherit; | |
492 } | |
493 .data thead, | |
494 .proptable thead { | |
495 background: #EEEEEE; | |
496 color: inherit; | |
497 } | |
498 .data tbody th:first-child, | |
499 .proptable tbody th:first-child { | |
500 text-align: right; | |
501 background: #EEEEEE; | |
502 color: inherit; | |
503 } | |
504 .data thead, | |
505 .data tbody, | |
506 .data tfoot, | |
507 .data colgroup { | |
508 border: solid; | |
509 } | |
510 | |
511 .data img { | |
512 vertical-align: middle; | |
513 } | |
514 | |
515 table.propdef { | |
516 table-layout: auto; | |
517 } | |
518 .propdef th { | |
519 font-style: italic; | |
520 font-weight: normal; | |
521 text-align: left; | |
522 width: 3em; | |
523 } | |
524 dt dfn code { | |
525 font-size: inherit; | |
526 } | |
527 | |
528 /* This is mostly to make the list inside the CR exit criteria more compact. */ | |
529 dl ol, dl ol li {display: inline; padding: 0; margin: 0} | |
530 dl ol {counter-reset: list-item} | |
531 dl ol li {counter-increment: list-item} | |
532 dl ol li:before {content: "(" counter(list-item) ") "; font-weight: bold} | |
533 | |
534 /* ---------- Rules below were refactored from Khronos-WD.css and Khronos-Final.
css ---------- */ | |
535 | |
536 /* | |
537 Adapted for Khronos from http://www.w3.org/StyleSheets/TR/W3C-WD.css by Chris
Marrin (cmarrin@apple.com) | |
538 | |
539 Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved. | |
540 The following software licensing rules apply: | |
541 http://www.w3.org/Consortium/Legal/copyright-software */ | |
542 | |
543 /* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */ | |
544 | |
545 body { | |
546 padding: 2em 1em 2em 70px; | |
547 margin: 0; | |
548 font-family: sans-serif; | |
549 color: black; | |
550 background: white; | |
551 background-position: top left; | |
552 background-attachment: fixed; | |
553 background-repeat: no-repeat; | |
554 } | |
555 :link { color: #00C; background: transparent } | |
556 :visited { color: #609; background: transparent } | |
557 a:active { color: #C00; background: transparent } | |
558 | |
559 a:link img, a:visited img { border-style: none } /* no border on img links */ | |
560 | |
561 a img { color: white; } /* trick to hide the border in Netscape 4 */ | |
562 @media all { /* hide the next rule from Netscape 4 */ | |
563 a img { color: inherit; } /* undo the color change above */ | |
564 } | |
565 | |
566 table { | |
567 border-width:1px; | |
568 border-style:solid; | |
569 border-spacing:2px; | |
570 border-collapse:collapse; | |
571 padding:3; | |
572 } | |
573 | |
574 th, td { /* ns 4 */ | |
575 border-width:1px; | |
576 border-style:solid; | |
577 font-family: sans-serif; | |
578 padding:4px; | |
579 text-align:left; | |
580 } | |
581 | |
582 th { | |
583 color:#111155; | |
584 border-bottom:3px solid; | |
585 background-color:#CCCCEE; | |
586 } | |
587 | |
588 h1, h2, h3, h4, h5, h6 { text-align: left } | |
589 /* background should be transparent, but WebTV has a bug */ | |
590 h1, h2, h3 { color: #005A9C; background: white } | |
591 h1 { font: 170% sans-serif } | |
592 h2 { font: 140% sans-serif } | |
593 h3 { font: 120% sans-serif } | |
594 h4 { font: bold 100% sans-serif } | |
595 h5 { font: italic 100% sans-serif } | |
596 h6 { font: small-caps 100% sans-serif } | |
597 | |
598 .hide { display: none } | |
599 | |
600 div.head { margin-bottom: 1em } | |
601 div.head h1 { margin-top: 2em; clear: both } | |
602 div.head table { margin-left: 2em; margin-top: 2em } | |
603 | |
604 div.nonnormative, | |
605 p.nonnormative { | |
606 color: green; | |
607 margin: 2em 0 2em 2em; | |
608 padding: 0.5em 1em; | |
609 border: none; | |
610 background: #EEFFEE; | |
611 } | |
612 | |
613 p.copyright { font-size: small } | |
614 p.copyright small { font-size: small } | |
615 | |
616 @media screen { /* hide from IE3 */ | |
617 a[href]:hover { background: #ffa } | |
618 } | |
619 | |
620 pre { margin-left: 2em } | |
621 /* | |
622 p { | |
623 margin-top: 0.6em; | |
624 margin-bottom: 0.6em; | |
625 } | |
626 */ | |
627 dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */ | |
628 dt { font-weight: bold } | |
629 | |
630 pre, code { font-size: 1.2em; font-family: monospace; } /* navigator 4 requires
this */ | |
631 | |
632 pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em
1em; min-width: 61em;} | |
633 pre.idl :link, pre.idl :visited { color: inherit; background: transparent; } | |
634 | |
635 dl.methods { | |
636 color: black; | |
637 margin: 2em 0 2em 2em; | |
638 padding: 0.5em 1em; | |
639 border: none; | |
640 background: #EEEEFF; | |
641 } | |
642 | |
643 .methods dt { | |
644 padding-top: 1em; | |
645 } | |
646 | |
647 .idl-code { | |
648 color:black; | |
649 font-size: 125%; | |
650 font-family: monospace; | |
651 font-weight: bold; | |
652 } | |
653 | |
654 dt.idl-code { | |
655 text-indent: -1.5em; | |
656 margin-left: 1.5em; | |
657 } | |
658 | |
659 p.idl-code { | |
660 margin-top: 0.0em; | |
661 margin-bottom: 0.0em; | |
662 } | |
663 | |
664 | |
665 .gl-spec { | |
666 color: #111155; | |
667 font-family: sans-serif; | |
668 font-size: 60%; | |
669 font-style:italic; | |
670 font-weight:normal; | |
671 } | |
672 | |
673 .gl-spec :link, | |
674 .gl-spec :visited | |
675 { | |
676 color: green ! important; | |
677 } | |
678 | |
679 ul.toc, ol.toc { | |
680 list-style: disc; /* Mac NS has problem with 'none' */ | |
681 list-style: none; | |
682 } | |
683 | |
684 @media aural { | |
685 h1, h2, h3 { stress: 20; richness: 90 } | |
686 .hide { speak: none } | |
687 p.copyright { volume: x-soft; speech-rate: x-fast } | |
688 dt { pause-before: 20% } | |
689 pre { speak-punctuation: code } | |
690 } | |
691 | |
692 /****************************************************************** | |
693 * MikeSmith (2008-06-07) | |
694 * Because our current online HTML diff tool[1] doesn't output | |
695 * colored diffs, I the following rules for .diff-* classes so | |
696 * I can get colored output in HTML diffs for Editor's Drafts. | |
697 * [1] http://www.w3.org/2007/10/htmldiff | |
698 ******************************************************************/ | |
699 .diff-new { | |
700 background-color: yellow; | |
701 } | |
702 .diff-chg { | |
703 background-color: lime; | |
704 } | |
705 .diff-new:before, | |
706 .diff-new:after { | |
707 content: "\2191"; | |
708 } | |
709 .diff-chg:before, | |
710 .diff-chg:after { | |
711 content: "\2195"; | |
712 } | |
713 .diff-old { | |
714 text-decoration: line-through; | |
715 background-color: #FBB; | |
716 } | |
717 .diff-old:before, | |
718 .diff-old:after { | |
719 content: "\2193"; | |
720 } | |
721 /* end MikeSmith (2008-06-07) additions */ | |
OLD | NEW |