/[suikacvs]/test/suikawebwww/style/html/common-class.css
Suika

Contents of /test/suikawebwww/style/html/common-class.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1.9 - (show annotations) (download) (as text)
Fri May 20 12:15:25 2005 UTC (21 years, 4 months ago) by wakaba
Branch: MAIN
Changes since 1.8: +235 -7 lines
File MIME type: text/css
Style rules for mini specifications added

1 @charset 'iso-2022-jp';
2 @namespace H3 'urn:x-suika-fam-cx:markup:ietf:html:3:draft:00:';
3 @namespace 'http://www.w3.org/1999/xhtml';
4 @namespace h2 'http://www.w3.org/2002/06/xhtml2';
5 @namespace xml 'http://www.w3.org/XML/1998/namespace';
6 @namespace sd 'http://suika.fam.cx/~wakaba/archive/2005/3/common-class#';
7
8 /* Sections */
9
10 div.section {
11 display: block;
12 }
13 /* XML Alternate: h2|section */
14
15 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 /* 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 /* XML Alternate: h2|p */
73
74 div.para:lang(en) {
75 text-indent: 2em;
76 }
77
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
89 /* Figure */
90 .fig {
91 display: block;
92 margin: 1em auto;
93 border: rgb(85, 79, 160) 2px solid;
94 -moz-border-radius: 3%;
95 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 .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 /* Note */
122
123 .note {
124 margin-top: 1em;
125 margin-bottom: 1em;
126 margin-right: 5em;
127 text-indent: 0;
128 background-color: transparent;
129 color: green;
130 }
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 /* .note.memo (= H3|note), .rationale.memo */
136 .memo {
137 display: block;
138 margin: 0.3em 2em;
139 padding: 0 0 0 2em;
140 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 .memo.example > :first-child:before {
156 content: "例: ";
157 margin-right: 1em;
158 }
159 .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 .memo.example:lang(en) > :first-child:before {
171 content: "Example. ";
172 }
173 .memo > p:first-child, .memo > .para:first-child {
174 text-indent: -3em;
175 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 }
191
192 /* Example */
193
194 .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 font-weight: bolder;
203 font-family: sans-serif;
204 }
205 .example:lang(en):before {
206 content: "Example. ";
207 }
208
209 .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 /* 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 .fig.example:before, .column.example:before {
229 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 text-align: left;
244 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 .fig > * + .caption {
254 text-align: center;
255 }
256
257 .fig > .caption:before {
258 content: "図: ";
259 }
260 .fig > .caption:lang(en):before {
261 content: "Figure. ";
262 }
263 .fig.example > .caption:before {
264 content: "例: ";
265 }
266 .fig.example > .caption:lang(en):before {
267 content: "Example. ";
268 }
269
270 /* Inline Captions */
271
272 p .caption, li .caption {
273 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 code.comment {
281 color: green;
282 background-color: transparent;
283 }
284
285 code.uri, code.mail, code.newsgroup {
286 font-size: smaller;
287 font-style: italic;
288 font-family: "Times New Roman", "Times", serif;
289 }
290
291 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 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 .qname-prefix {
321 border-style: none;
322 font-style: italic;
323 font-family: "Times New Roman", "Times", serif;
324 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
334 /* ABNF Syntaxes */
335
336 dl.abnf {
337 margin-left: 2em;
338 margin-right: 2em;
339 padding-left: 1em;
340 background-color: #F5DCB3;
341 color: black;
342 }
343
344 dl.abnf:before {
345 content: "ABNF 構文定義";
346 display: block;
347 font-weight: bolder;
348 font-family: sans-serif;
349 }
350
351 dl.abnf > dt {
352 float: left;
353 clear: left;
354 width: 11em;
355 list-style: none;
356 margin-left: 1em;
357 padding-left: 0;
358 }
359
360 dl.abnf > dd {
361 margin-left: 1em;
362 padding-left: 1em;
363 text-indent: -1em;
364 }
365
366 dl.abnf code.ABNF {
367 color: black;
368 background-color: transparent;
369 }
370
371 dl.abnf dt dfn {
372 border-style: none;
373 font-weight: normal;
374 font-style: normal;
375 text-decoration: none;
376 }
377
378 dl.abnf a:link[href^="#SYNTAX-"], dl.abnf a:visited[href^="#SYNTAX-"],
379 code.ABNF a:link[href^="#SYNTAX-"], code.ABNF a:visited[href^="#SYNTAX-"] {
380 border-style: none;
381 text-decoration: none;
382 color: inherit;
383 background-color: transparent;
384 }
385
386 /* Citations */
387
388 cite.bibref {
389 vertical-align: 0.5em;
390 font-style: normal;
391 font-size: 75%;
392 line-height: 1.1;
393 color: gray;
394 background-color: transparent;
395 }
396 cite.bibref:before, cite.bibref:after {
397 content: "";
398 }
399
400 cite.bibref a:link, cite.bibref a:visited {
401 border-style: none;
402 text-decoration: none;
403 color: inherit;
404 background-color: transparent;
405 }
406
407 #REFERENCE > dl > dt {
408 width: 7em;
409 float: left;
410 clear: left;
411 list-style: none;
412 font-weight: normal;
413 }
414
415 #REFERENCE > dl > dt:before {
416 content: "[";
417 }
418 #REFERENCE > dl > dt:after {
419 content: "]";
420 }
421
422 #REFERENCE > dl > dd {
423 margin-left: 1em;
424 margin-bottom: 1em;
425 padding-left: 1em;
426 }
427
428 span.standard-number, a.standard-number {
429 font-family: sans-serif;
430 font-weight: bolder;
431 text-decoration: none;
432 }
433
434 .etal {
435 font-style: normal; /* Not italic */
436 }
437
438 /* Emphasis */
439
440 .weak {
441 font-size: 80%;
442 color: GrayText;
443 background-color: transparent;
444 }
445
446 em.rfc2119 {
447 border-style: none;
448 text-transform: lowercase;
449 font-variant: small-caps;
450 font-style: normal;
451 text-decoration: none;
452 font-weight: normal;
453 font-family: sans-serif;
454 }
455
456 em.rfc2119:lang(ja) {
457 font-weight: bolder;
458 }
459
460 /* Hyperlinks */
461
462 a:link[rel="glossary"], a:visited[rel="glossary"] {
463 border-style: none;
464 text-decoration: none;
465 color: inherit;
466 background-color: transparent;
467 cursor: help;
468 }
469
470 /* Footer */
471
472 .footer, *|*[class~="footer"], sd|footer,
473 /* Old styles (discouraged) */
474 #footer, #FOOTER, body > address, body > .update
475 {
476 display: block;
477 margin: 2em 0 0 0;
478 border-top: gray 1px solid;
479 padding-top: 10px;
480 }
481
482 /* Old style footer (discouraged) */
483 body address + .update {
484 margin: 0;
485 border-top: gray 0 none;
486 padding-top: 0;
487 }
488
489 .update, sd|update {
490 display: block;
491 }
492
493 .update:before, *|*[class~="update"]:before, sd|update:before {
494 content: "修正: ";
495 }
496 .update:lang(en):before, *|*[class~="update"]:lang(en):before,
497 sd|update:lang(en):before {
498 content: "Modified: ";
499 }
500
501 /* Validated logo (discouraged) */
502 #w3c-html, #w3c-css {
503 float: right;
504 width: 88px;
505 height: 31px;
506 border: none;
507 }
508
509 /* License
510
511 Copyright 2003-2005 Wakaba <[email protected]>.
512
513 This program is free software; you can redistribute it and/or modify
514 it under the terms of the GNU General Public License as published by
515 the Free Software Foundation; either version 2 of the License, or
516 (at your option) any later version.
517
518 This program is distributed in the hope that it will be useful,
519 but WITHOUT ANY WARRANTY; without even the implied warranty of
520 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
521 GNU General Public License for more details.
522
523 You should have received a copy of the GNU General Public License
524 along with this program; see the file COPYING. If not, write to
525 the Free Software Foundation, Inc., 59 Temple Place - Suite 330,
526 Boston, MA 02111-1307, USA.
527
528 */
529
530 /* $Date: 2005/04/23 06:55:03 $ */

[email protected]
ViewVC Help
Powered by ViewVC 1.1.24