Parent Directory
| 
Revision Log
Style rules for mini specifications added
| 1 | wakaba | 1.1 | @charset 'iso-2022-jp'; |
| 2 | wakaba | 1.3 | @namespace H3 'urn:x-suika-fam-cx:markup:ietf:html:3:draft:00:'; |
| 3 | wakaba | 1.1 | @namespace 'http://www.w3.org/1999/xhtml'; |
| 4 | wakaba | 1.3 | @namespace h2 'http://www.w3.org/2002/06/xhtml2'; |
| 5 | wakaba | 1.1 | @namespace xml 'http://www.w3.org/XML/1998/namespace'; |
| 6 | wakaba | 1.8 | @namespace sd 'http://suika.fam.cx/~wakaba/archive/2005/3/common-class#'; |
| 7 | wakaba | 1.1 | |
| 8 | wakaba | 1.3 | /* Sections */ |
| 9 | |||
| 10 | div.section { | ||
| 11 | display: block; | ||
| 12 | } | ||
| 13 | /* XML Alternate: h2|section */ | ||
| 14 | |||
| 15 | wakaba | 1.9 | div.section.normative h2:after { |
| 16 | content: " (規定) "; | ||
| 17 | } | ||
| 18 | div.section.normative h2:lang(en):after { | ||
| 19 | content: " (Normative) "; | ||
| 20 | } | ||
| 21 | |||
| 22 | div.section.informative h2:after { | ||
| 23 | content: " (参考) "; | ||
| 24 | } | ||
| 25 | div.section.informative h2:lang(en):after { | ||
| 26 | content: " (Informative) "; | ||
| 27 | } | ||
| 28 | |||
| 29 | div.section.appendix { | ||
| 30 | margin-top: 5em; | ||
| 31 | border-top: solid black 1px; | ||
| 32 | padding-top: 1em; | ||
| 33 | } | ||
| 34 | |||
| 35 | div.section.appendix h2 { | ||
| 36 | text-align: center; | ||
| 37 | } | ||
| 38 | |||
| 39 | div.section.appendix h2:before { | ||
| 40 | content: "附属書"; | ||
| 41 | display: block; | ||
| 42 | } | ||
| 43 | div.section.appendix h2:lang(en):before { | ||
| 44 | content: "Appendix"; | ||
| 45 | } | ||
| 46 | div.section.appendix h2:after { | ||
| 47 | display: block; | ||
| 48 | font-size: smaller; | ||
| 49 | color: #C0C0C0; | ||
| 50 | background-color: transparent; | ||
| 51 | font-weight: normal; | ||
| 52 | } | ||
| 53 | |||
| 54 | wakaba | 1.5 | /* Column Sections */ |
| 55 | .column, .column.example { | ||
| 56 | display: block; | ||
| 57 | margin: 1em auto; | ||
| 58 | border: rgb(85, 79, 160) 2px solid; | ||
| 59 | -moz-border-radius: 3%; | ||
| 60 | padding: 1em; | ||
| 61 | max-width: 80%; | ||
| 62 | } | ||
| 63 | |||
| 64 | |||
| 65 | /* Paragraphs */ | ||
| 66 | div.para { | ||
| 67 | display: block; | ||
| 68 | text-indent: 1em; | ||
| 69 | margin: 0 1em; | ||
| 70 | text-align: justify; | ||
| 71 | } | ||
| 72 | wakaba | 1.9 | /* XML Alternate: h2|p */ |
| 73 | |||
| 74 | wakaba | 1.7 | div.para:lang(en) { |
| 75 | text-indent: 2em; | ||
| 76 | } | ||
| 77 | wakaba | 1.9 | |
| 78 | div.para > * { | ||
| 79 | text-indent: 0; | ||
| 80 | } | ||
| 81 | |||
| 82 | div.non-para { | ||
| 83 | display: block; | ||
| 84 | text-indent: 0; | ||
| 85 | margin: 0 1em; | ||
| 86 | text-align: auto; | ||
| 87 | } | ||
| 88 | wakaba | 1.5 | |
| 89 | wakaba | 1.3 | /* Figure */ |
| 90 | .fig { | ||
| 91 | display: block; | ||
| 92 | margin: 1em auto; | ||
| 93 | wakaba | 1.5 | border: rgb(85, 79, 160) 2px solid; |
| 94 | -moz-border-radius: 3%; | ||
| 95 | wakaba | 1.3 | padding: 0; |
| 96 | max-width: 80%; | ||
| 97 | } | ||
| 98 | /* XML Alternate: ???:fig */ | ||
| 99 | |||
| 100 | .fig-body { | ||
| 101 | display: block; | ||
| 102 | margin: 1em; | ||
| 103 | padding: 0; | ||
| 104 | } | ||
| 105 | |||
| 106 | wakaba | 1.7 | .fig .credit { |
| 107 | display: block; | ||
| 108 | margin-left: 40%; | ||
| 109 | text-align: right; | ||
| 110 | } | ||
| 111 | .fig .credit:before { | ||
| 112 | content: "―― "; | ||
| 113 | } | ||
| 114 | |||
| 115 | .fig.quote blockquote { | ||
| 116 | margin: 0 1em; | ||
| 117 | border-style: none; | ||
| 118 | padding: 0; | ||
| 119 | } | ||
| 120 | |||
| 121 | wakaba | 1.2 | /* Note */ |
| 122 | |||
| 123 | .note { | ||
| 124 | margin-top: 1em; | ||
| 125 | margin-bottom: 1em; | ||
| 126 | wakaba | 1.3 | margin-right: 5em; |
| 127 | wakaba | 1.2 | text-indent: 0; |
| 128 | wakaba | 1.3 | background-color: transparent; |
| 129 | color: green; | ||
| 130 | wakaba | 1.2 | } |
| 131 | /* NOTE: Don't use :before since old documents do or do not have | ||
| 132 | text of "Note: " or so on as part of character data. */ | ||
| 133 | /* XML Alternate: H3|note */ | ||
| 134 | |||
| 135 | wakaba | 1.5 | /* .note.memo (= H3|note), .rationale.memo */ |
| 136 | .memo { | ||
| 137 | display: block; | ||
| 138 | margin: 0.3em 2em; | ||
| 139 | wakaba | 1.9 | padding: 0 0 0 2em; |
| 140 | wakaba | 1.5 | color: green; |
| 141 | background-color: transparent; | ||
| 142 | font-style: normal; | ||
| 143 | } | ||
| 144 | .memo > :first-child:before { | ||
| 145 | display: inline; | ||
| 146 | content: "注意: "; | ||
| 147 | font-weight: bolder; | ||
| 148 | } | ||
| 149 | .memo.info > :first-child:before { | ||
| 150 | content: "参考: "; | ||
| 151 | } | ||
| 152 | .rationale.memo > :first-child:before { | ||
| 153 | content: "解説: "; | ||
| 154 | } | ||
| 155 | wakaba | 1.9 | .memo.example > :first-child:before { |
| 156 | content: "例: "; | ||
| 157 | margin-right: 1em; | ||
| 158 | } | ||
| 159 | wakaba | 1.5 | .memo:lang(en) { |
| 160 | /* NOTE: Selector should be "script=Latin" rather than "lang=en" | ||
| 161 | if there would such a selector... */ | ||
| 162 | font-style: italic; | ||
| 163 | } | ||
| 164 | .memo:lang(en) > :first-child:before { | ||
| 165 | content: "Note. "; | ||
| 166 | } | ||
| 167 | .rationale:lang(en) > :first-child:before { | ||
| 168 | content: "Rationale. "; | ||
| 169 | } | ||
| 170 | wakaba | 1.9 | .memo.example:lang(en) > :first-child:before { |
| 171 | content: "Example. "; | ||
| 172 | } | ||
| 173 | wakaba | 1.6 | .memo > p:first-child, .memo > .para:first-child { |
| 174 | wakaba | 1.5 | text-indent: -3em; |
| 175 | wakaba | 1.9 | margin-left: 1em; |
| 176 | } | ||
| 177 | |||
| 178 | /* Pending */ | ||
| 179 | |||
| 180 | .issue { | ||
| 181 | background-color: rgb(221, 255, 221); | ||
| 182 | color: black; | ||
| 183 | } | ||
| 184 | |||
| 185 | .ed { | ||
| 186 | border: medium solid red; | ||
| 187 | padding: 0.5em; | ||
| 188 | color: rgb(229, 0, 0); | ||
| 189 | background-color: transparent; | ||
| 190 | wakaba | 1.5 | } |
| 191 | |||
| 192 | wakaba | 1.3 | /* Example */ |
| 193 | |||
| 194 | wakaba | 1.2 | .example { |
| 195 | border: 1px solid rgb(153, 153, 153); | ||
| 196 | padding: 0.5em; | ||
| 197 | background-color: rgb(255, 248, 221); | ||
| 198 | color: rgb(102, 0, 0); | ||
| 199 | } | ||
| 200 | .example:before { | ||
| 201 | content: "例: "; | ||
| 202 | wakaba | 1.3 | font-weight: bolder; |
| 203 | font-family: sans-serif; | ||
| 204 | wakaba | 1.2 | } |
| 205 | .example:lang(en):before { | ||
| 206 | wakaba | 1.3 | content: "Example. "; |
| 207 | } | ||
| 208 | |||
| 209 | wakaba | 1.9 | .example.memo { |
| 210 | border-style: none; | ||
| 211 | background-color: transparent; | ||
| 212 | color: inherit; | ||
| 213 | } | ||
| 214 | .example.memo:before { | ||
| 215 | content: ""; | ||
| 216 | display: none; | ||
| 217 | } | ||
| 218 | |||
| 219 | wakaba | 1.4 | /* For compatibility with old documents */ |
| 220 | pre.example { | ||
| 221 | padding-left: 2em; | ||
| 222 | } | ||
| 223 | pre.example:before { | ||
| 224 | display: block; | ||
| 225 | text-indent: -1em; | ||
| 226 | } | ||
| 227 | |||
| 228 | wakaba | 1.5 | .fig.example:before, .column.example:before { |
| 229 | wakaba | 1.3 | content: ""; |
| 230 | } | ||
| 231 | |||
| 232 | .example .comment { | ||
| 233 | background-color: transparent; | ||
| 234 | color: green; | ||
| 235 | text-decoration: none; | ||
| 236 | font-family: "MS Mincho", "Times New Roman", serif; | ||
| 237 | } | ||
| 238 | |||
| 239 | /* Block Captions */ | ||
| 240 | |||
| 241 | .fig .caption { | ||
| 242 | display: block; | ||
| 243 | wakaba | 1.9 | text-align: left; |
| 244 | wakaba | 1.3 | font-weight: bolder; |
| 245 | font-family: sans-serif; | ||
| 246 | } | ||
| 247 | .fig > .caption:lang(en) { | ||
| 248 | font-weight: normal; | ||
| 249 | font-family: serif; | ||
| 250 | font-transform: small-caps; | ||
| 251 | font-style: italic; | ||
| 252 | } | ||
| 253 | wakaba | 1.9 | .fig > * + .caption { |
| 254 | text-align: center; | ||
| 255 | } | ||
| 256 | wakaba | 1.3 | |
| 257 | .fig > .caption:before { | ||
| 258 | wakaba | 1.5 | content: "図: "; |
| 259 | } | ||
| 260 | .fig > .caption:lang(en):before { | ||
| 261 | content: "Figure. "; | ||
| 262 | } | ||
| 263 | .fig.example > .caption:before { | ||
| 264 | wakaba | 1.3 | content: "例: "; |
| 265 | } | ||
| 266 | wakaba | 1.5 | .fig.example > .caption:lang(en):before { |
| 267 | wakaba | 1.2 | content: "Example. "; |
| 268 | } | ||
| 269 | |||
| 270 | wakaba | 1.3 | /* Inline Captions */ |
| 271 | |||
| 272 | wakaba | 1.6 | p .caption, li .caption { |
| 273 | wakaba | 1.3 | font-weight: bolder; |
| 274 | font-family: sans-serif; | ||
| 275 | } | ||
| 276 | /* Example: <p class="note"><span class="caption">Note.</span> ...</p> */ | ||
| 277 | |||
| 278 | /* Phrases */ | ||
| 279 | |||
| 280 | wakaba | 1.9 | code.comment { |
| 281 | color: green; | ||
| 282 | background-color: transparent; | ||
| 283 | } | ||
| 284 | |||
| 285 | code.uri, code.mail, code.newsgroup { | ||
| 286 | wakaba | 1.3 | font-size: smaller; |
| 287 | font-style: italic; | ||
| 288 | font-family: "Times New Roman", "Times", serif; | ||
| 289 | } | ||
| 290 | |||
| 291 | wakaba | 1.9 | code.uri a:link, code.uri a:visited, |
| 292 | code.mail a:link, code.mail a:visited, | ||
| 293 | code.newsgroup a:link, code.newsgroup a:visited { | ||
| 294 | border-style: none; | ||
| 295 | text-decoration: none; | ||
| 296 | color: inherit; | ||
| 297 | background-color: transparent; | ||
| 298 | font-style: inherit; | ||
| 299 | } | ||
| 300 | |||
| 301 | |||
| 302 | wakaba | 1.3 | h2|code[class~="uri"]:before, h2|code[class~="mail"]:before { |
| 303 | content: "<"; | ||
| 304 | } | ||
| 305 | h2|code[class~="uri"]:after, h2|code[class~="mail"]:after { | ||
| 306 | content: ">"; | ||
| 307 | } | ||
| 308 | /* Note. Some XHTML 1 documents have enclosing "<" and ">" and | ||
| 309 | others does not. */ | ||
| 310 | |||
| 311 | h2|code[class~="file"]:before, h2|code[class~="file"]:after { | ||
| 312 | content: '"'; | ||
| 313 | color: graytext; | ||
| 314 | } | ||
| 315 | |||
| 316 | code.math, code[class~="uri"] { | ||
| 317 | font-family: "Times New Roman", "Times", serif; | ||
| 318 | } | ||
| 319 | |||
| 320 | wakaba | 1.5 | .qname-prefix { |
| 321 | wakaba | 1.9 | border-style: none; |
| 322 | wakaba | 1.5 | font-style: italic; |
| 323 | font-family: "Times New Roman", "Times", serif; | ||
| 324 | wakaba | 1.9 | text-decoration: none; |
| 325 | letter-spacing: 0.3em; /* Times is narrower than Courier */ | ||
| 326 | } | ||
| 327 | |||
| 328 | /* ISO/IEC 10646 style character names */ | ||
| 329 | .charname { | ||
| 330 | text-transform: lowercase; | ||
| 331 | font-variant: small-caps; | ||
| 332 | } | ||
| 333 | |||