|
| 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$ |
| 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 | +h2, h3, h5, h6 { margin-top: 2em } |
| 37 | +h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-family: inherit } |
| 38 | +div.figure, div.sidefigure, pre, table.propdef, table.propdef-extra, |
| 39 | +div.example { page-break-inside: avoid } |
| 40 | +dt { page-break-after: avoid } |
| 41 | + |
| 42 | +span.id {float: right; font-weight: bold} |
| 43 | + |
| 44 | +/* p, p.note + p, p.testlink + p, p.note, p.issue { */ |
| 45 | +p, p.testlink + p, p.issue, p.mtb { |
| 46 | + text-indent: 0; |
| 47 | + margin-bottom: 0; |
| 48 | + margin-top: 0.8em |
| 49 | +} |
| 50 | +p + p, p + div.sidefigure + p { |
| 51 | + text-indent: 2em; |
| 52 | + margin-top: 0 |
| 53 | +} |
| 54 | +dd p { |
| 55 | + margin-top: 0 |
| 56 | +} |
| 57 | + |
| 58 | +h1 + h2 { |
| 59 | + margin-top: 0; |
| 60 | +} |
| 61 | + |
| 62 | +pre { |
| 63 | + text-align: left; /* fixes justification in Mac IE 5 */ |
| 64 | + text-indent: 0; /* fixes indent in Mac Netscape 6 */ |
| 65 | + margin-top: 1em; |
| 66 | + margin-bottom: 1em; |
| 67 | + font-size: 90% /*smaller*/; |
| 68 | +} |
| 69 | +/* |
| 70 | +var { |
| 71 | + font-style: normal; |
| 72 | +} |
| 73 | +*/ |
| 74 | +img { |
| 75 | + border-style: none; |
| 76 | + color: white; |
| 77 | +} |
| 78 | +.toc { |
| 79 | + text-indent: 0; |
| 80 | +} |
| 81 | + |
| 82 | + |
| 83 | +@media all { /* NS < 6 doesn't like borders around inline elements... */ |
| 84 | + |
| 85 | + body { |
| 86 | + line-height: 1.3; |
| 87 | + } |
| 88 | + |
| 89 | + a:link, a:visited { |
| 90 | + color: inherit; |
| 91 | + } |
| 92 | + |
| 93 | + a.logo:link, a.logo:visited { |
| 94 | + padding: 0; |
| 95 | + border-style: none; |
| 96 | + } |
| 97 | + |
| 98 | + /* Hmm, this seems to confuse many browsers... */ |
| 99 | + dt { margin-left: 0 } |
| 100 | + dd { margin-left: 2em } |
| 101 | + dl, ul, ol { margin-left: 0; padding-left: 0 } |
| 102 | + li { margin-left: 2em; padding-left: 0 } |
| 103 | + |
| 104 | +} |
| 105 | +ul.indexlist { margin-left: 0; /*column-width: 13em; columns: 13em*/ } |
| 106 | +ul.indexlist li { margin-left: 0; list-style: none } |
| 107 | +ul.indexlist li li { margin-left: 1em } |
| 108 | + |
| 109 | +.example { |
| 110 | + counter-increment: exampleno; |
| 111 | +} |
| 112 | +div.example:before { |
| 113 | + content: "Example"; |
| 114 | + content: "Example " counter(exampleno, upper-roman); |
| 115 | + counter-increment: exampleno; |
| 116 | + font: bold small sans-serif; |
| 117 | + /*float: left;*/ |
| 118 | + position: absolute; |
| 119 | + top: -0.6em; |
| 120 | + left: -2.5em; |
| 121 | + width: 7.5em; |
| 122 | + text-align: center; |
| 123 | + line-height: 1em; |
| 124 | + color: #FFF8DD; |
| 125 | + background: #600; |
| 126 | + padding: 0.1em; |
| 127 | + border: thin solid #999; |
| 128 | + /*margin: -1.3em 0 0.3em -2.5em;*/ |
| 129 | +} |
| 130 | +pre.example:before { |
| 131 | + content: "Example"; |
| 132 | + content: "Example " counter(exampleno, upper-roman); |
| 133 | + counter-increment: exampleno; |
| 134 | + font: bold small sans-serif; |
| 135 | + /*float: left;*/ |
| 136 | + position: absolute; |
| 137 | + top: -0.6em; |
| 138 | + left: -2.5em; |
| 139 | + width: 7.5em; |
| 140 | + text-align: center; |
| 141 | + line-height: 1em; |
| 142 | + color: #FFF8DD; |
| 143 | + background: #600; |
| 144 | + padding: 0.1em; |
| 145 | + border: thin solid #999; |
| 146 | + /*margin: -1.3em 0 0.3em -2.5em;*/ |
| 147 | +} |
| 148 | +div.example, div.illegal-example, div.html, div.illegal-html, div.xml, |
| 149 | +div.illegal-xml, pre.example, pre.illegal-example, pre.html, |
| 150 | +pre.illegal-html, pre.xml, pre.illegal-xml { |
| 151 | + background: #FFF8DD; |
| 152 | + padding: 0.5em; |
| 153 | + margin: 1em 0; |
| 154 | + border: thin solid #999; |
| 155 | + position: relative; |
| 156 | +} |
| 157 | +pre.example, pre.illegal-example, pre.html, |
| 158 | +pre.illegal-html, pre.xml, pre.illegal-xml { |
| 159 | + padding-top: 1.5em; |
| 160 | +} |
| 161 | +div.example { color: #600 } |
| 162 | +pre.example { color: #600 } |
| 163 | +pre.illegal-example { color: red } |
| 164 | +div.illegal-example { color: red } |
| 165 | +div.illegal-example p { color: black } |
| 166 | + |
| 167 | +div.html { color: #600 } |
| 168 | +pre.html { color: #600 } |
| 169 | +pre.illegal-html { color: red } |
| 170 | +div.illegal-html { color: red } |
| 171 | +div.illegal-html p { color: black } |
| 172 | +pre.deprecated-html { color: red } |
| 173 | +div.deprecated-html { color: red } |
| 174 | +div.deprecated-html p { color: black } |
| 175 | + |
| 176 | +div.xml { color: #600 } |
| 177 | +pre.xml { color: #600 } |
| 178 | +pre.illegal-xml { color: red } |
| 179 | +div.illegal-xml { color: red } |
| 180 | +div.illegal-xml p { color: black } |
| 181 | + |
| 182 | +code { font-size: 90% } |
| 183 | +.css { color: #800 } /* inline CSS code (SPAN/CODE) */ |
| 184 | +code.css { font-family: inherit; font-size: 100% } |
| 185 | +code.html { color: #600 } /* inline HTML */ |
| 186 | +code.xml { color: #600 } /* inline XML */ |
| 187 | +.property { } /* name of a CSS property (SPAN) */ |
| 188 | +.descriptor { } /* name of a CSS descriptor (SPAN) */ |
| 189 | +.issue { color: #c00 } /* editorial remark, open issue */ |
| 190 | +.type { font-style: italic } /* A <type> value for a property */ |
| 191 | + |
| 192 | +dfn { font-weight: bolder; /*font-size: 1em*/ } |
| 193 | + |
| 194 | +/* Class note is a non-normative note. May be inline or a P or DIV */ |
| 195 | +.note { |
| 196 | + /* font-weight: bold; */ |
| 197 | + color: green |
| 198 | +} |
| 199 | +p.note, div.note { |
| 200 | + /* margin: 1em 2em; */ |
| 201 | +} |
| 202 | +p.note:before, span.note:before { content: "\25B6" " " } |
| 203 | +div.note > p:first-child:before { content: "\25B6" " " } |
| 204 | + |
| 205 | +.normref { color: red } |
| 206 | +.informref { color: green } |
| 207 | + |
| 208 | + |
| 209 | +/* ToC not indented, but font style shows hierarchy */ |
| 210 | +ul.toc {margin: 1em 0; padding: 0; font-weight: bold} |
| 211 | +ul.toc ul {margin: 0; padding: 0; font-weight: normal} |
| 212 | +ul.toc ul ul {margin: 0 /*0 0 2em*/; font-style: italic} |
| 213 | +ul.toc ul ul ul {margin: 0} |
| 214 | +ul.toc li {margin: 0.6em 0; padding: 0} |
| 215 | +ul.toc li li {margin: 0} |
| 216 | +/* |
| 217 | +ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline} |
| 218 | +ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline} |
| 219 | +*/ |
| 220 | + |
| 221 | +@media all { /* NS4 doesn't align the floats properly :-( */ |
| 222 | + |
| 223 | + /* Section numbers in a column of their own */ |
| 224 | + ul.toc span.secno {margin-right: 1em} /* workaround for Opera6 */ |
| 225 | + ul.toc span.secno {float: left; width: 4em; margin-left: -5em} |
| 226 | + /*ul.toc span.secno {text-align: right}*/ |
| 227 | + ul.toc li {clear: both} |
| 228 | + ul.toc {margin-left: 5em} |
| 229 | + /* If we had 'tab', floats would not be needed here: |
| 230 | + ul.toc span.secno {tab: 5em right; margin-right: 1em} |
| 231 | + ul.toc li {text-indent: 5em hanging} |
| 232 | + The second line in case items wrap |
| 233 | + */ |
| 234 | +} |
| 235 | + |
| 236 | +ul.index { |
| 237 | + list-style: disc; /* Mac NS has problem with 'none' */ |
| 238 | + list-style: none; |
| 239 | +} |
| 240 | + |
| 241 | +s, del {text-decoration: line-through; color: red} |
| 242 | +u, ins {text-decoration: underline; background: #bfa} |
| 243 | + |
| 244 | +div.figure, div.sidefigure { |
| 245 | + text-align: center; |
| 246 | + margin: 2.5em 0; |
| 247 | +} |
| 248 | +div.sidefigure { |
| 249 | + float: right; |
| 250 | + width: 50%; |
| 251 | + margin: 0 0 0.5em 0.5em |
| 252 | +} |
| 253 | +div.figure img, div.sidefigure img { |
| 254 | + display: block; |
| 255 | + margin: auto; |
| 256 | + max-width: 100% |
| 257 | +} |
| 258 | +p.caption, caption { |
| 259 | + text-align: center; |
| 260 | + font-style: italic; |
| 261 | + font-size: 90%; |
| 262 | + margin: 1.5em 2em; |
| 263 | + text-indent: 0; |
| 264 | +} |
| 265 | +p.caption:before { |
| 266 | + content: "Figure " counter(figure) ". "; |
| 267 | + font-weight: bold; |
| 268 | +} |
| 269 | +p.caption { |
| 270 | + counter-increment: figure; |
| 271 | +} |
| 272 | + |
| 273 | +/* DL list is indented, but figure inside it is not */ |
| 274 | +dd { margin-left: 2em } |
| 275 | +dd div.figure { margin-left: -2em } |
| 276 | + |
| 277 | +sup { |
| 278 | + vertical-align: super; |
| 279 | + font-size: 80% |
| 280 | +} |
| 281 | + |
| 282 | +/* "Equations" (not real MathML, but simple HTML) are put in a |
| 283 | +blockquote and may have an equation number. We make sure the |
| 284 | +blockquote has enough margin on the right and then put the equation |
| 285 | +number there. */ |
| 286 | + |
| 287 | +blockquote { |
| 288 | + margin: 0.5em 4em 0.5em 2em; |
| 289 | + text-indent: 0; |
| 290 | +} |
| 291 | +.eqno { |
| 292 | + text-align: right; |
| 293 | + float: right; |
| 294 | + width: 3em; |
| 295 | + margin: 0 -4em 0 0; |
| 296 | + font-weight: bold; |
| 297 | + /* background: silver; color: black; padding: 0.1em */ |
| 298 | +} |
| 299 | + |
| 300 | +table.equiv-table { border-spacing: 0; margin: 0.5em 0 } |
| 301 | +table.equiv-table th, table.equiv-table td { padding: 0.3em } |
| 302 | +table.equiv-table th { text-align: left } |
| 303 | +/* table.equiv-table th:first-child { text-align: right } */ |
| 304 | +table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 } |
| 305 | +table.equiv-table { border-bottom: hidden } |
| 306 | +table.equiv-table { empty-cells: show } |
| 307 | +table.equiv-table caption { margin: 0.5em 0 0 0 } |
| 308 | + |
| 309 | +/* Style for table of properties */ |
| 310 | +table.proptable { |
| 311 | + font-size: small; |
| 312 | + border-collapse: collapse; |
| 313 | + border-spacing: 0; |
| 314 | + text-align: left; |
| 315 | + margin: 1em 0; |
| 316 | +} |
| 317 | + |
| 318 | +table.proptable td, table.proptable th { |
| 319 | + padding: 0.4em; |
| 320 | + border-style: solid none none dotted; |
| 321 | + border-width: thin; |
| 322 | + border-color: red; |
| 323 | +} |
| 324 | +table.proptable th:first-child, table.proptable td:first-child { |
| 325 | + border-left-style: none; |
| 326 | +} |
| 327 | + |
| 328 | + |
| 329 | +/* Style for table that defines a property or a descriptor */ |
| 330 | +table.propdef, table.propdef-extra, table.descdef { |
| 331 | + border-spacing: 0; |
| 332 | + border-collapse: collapse; |
| 333 | + width: 100%; |
| 334 | + table-layout: fixed; |
| 335 | + background: #DEF; |
| 336 | + margin-top: 1.2em; |
| 337 | + margin-bottom: 1.2em |
| 338 | +} |
| 339 | +table.propdef td, table.propdef-extra td, table.descdef td { |
| 340 | + padding: 0 0.3em; |
| 341 | + vertical-align: baseline; |
| 342 | +} |
| 343 | +/* |
| 344 | +table.propdef dfn, table.propdef-extra dfn, table.descdef dfn { |
| 345 | + font-weight: bold; |
| 346 | + font-style: normal |
| 347 | +} |
| 348 | +*/ |
| 349 | +table.propdef td:first-child, |
| 350 | +table.propdef-extra td:first-child, |
| 351 | +table.descdef td:first-child { |
| 352 | + font-style: italic; |
| 353 | + width: 8.2em |
| 354 | +} |
| 355 | +table.propdef td[colspan]:first-child, |
| 356 | +table.propdef-extra td[colspan]:first-child, |
| 357 | +table.descdef td[colspan]:first-child { |
| 358 | + font-style: inherit |
| 359 | +} |
| 360 | +table.propdef tr:first-child, |
| 361 | +table.propdef-extra tr:first-child, |
| 362 | +table.descdef tr:first-child { |
| 363 | + background: #005A9C; |
| 364 | + color: white |
| 365 | +} |
| 366 | +/* table.propdef tr:first-child td { padding-top: 0.1em; padding-bottom: 0.1em } */ |
| 367 | + |
| 368 | +/* This would replace :first-child for Opera, but it confuses WinIE :-( */ |
| 369 | +/* |
| 370 | +table.propdef td { width: 8em } |
| 371 | +table.propdef td + td { width: auto } |
| 372 | +table.propdef tr { background: #005A9C; color: white } |
| 373 | +table.propdef tr + tr { background: transparent; color: black } |
| 374 | +*/ |
| 375 | + |
| 376 | +/* CSS modules typically don't use MUST, SHOULD etc. from RFC 2119, |
| 377 | +or, if they do, they don't put them in uppercase. But the following |
| 378 | +class is provided in case a spec wants to use RFC 2119 terms in |
| 379 | +uppercase in the source. */ |
| 380 | + |
| 381 | +em.rfc2119 { |
| 382 | + text-transform: lowercase; |
| 383 | + font-variant: small-caps; |
| 384 | + font-style: normal |
| 385 | +} |
| 386 | + |
| 387 | +/* In Profile specs, a table of required features: */ |
| 388 | + |
| 389 | +table.features th { |
| 390 | + background: #00589f; |
| 391 | + color: #fff; |
| 392 | + text-align: left; |
| 393 | + padding: 0.2em 0.2em 0.2em 0.5em; |
| 394 | +} |
| 395 | +table.features td { |
| 396 | + vertical-align: top; |
| 397 | + border-bottom: 1px solid #ccc; |
| 398 | + padding: 0.3em 0.3em 0.3em 0.7em; |
| 399 | +} |
0 commit comments