/[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.14 - (hide annotations) (download) (as text)
Wed Jun 22 11:50:18 2005 UTC (21 years ago) by wakaba
Branch: MAIN
Changes since 1.13: +153 -6 lines
File MIME type: text/css
Rules for technical specification 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.10 @namespace h2002 'http://www.w3.org/2002/06/xhtml2';
5     @namespace h2005 'http://www.w3.org/2002/06/xhtml2/';
6 wakaba 1.1 @namespace xml 'http://www.w3.org/XML/1998/namespace';
7 wakaba 1.8 @namespace sd 'http://suika.fam.cx/~wakaba/archive/2005/3/common-class#';
8 wakaba 1.1
9 wakaba 1.14 /* Document Header in Body */
10    
11     html.formal-specification div.header {
12     display: block;
13     padding-bottom: 1em;
14     border-bottom: 2px groove #C0C0C0;
15     }
16    
17     /* Title */
18     html.formal-specification h1 {
19     margin-bottom: 0;
20     text-align: left;
21     line-height: 1.5;
22     font-size: 170%;
23     }
24    
25     html.formal-specification h1 + h1:lang(en) {
26     margin-top: 0;
27     font-size: 120%;
28     opacity: 0.3;
29     }
30    
31     /* Status and Date */
32     html.formal-specification h1 + h2 {
33     margin-top: 0.67em;
34     text-align: left;
35     line-height: 1.5;
36     font-size: 140%;
37     }
38    
39 wakaba 1.10 /* Document Status */
40     .status-work-in-progress {
41     background-image: url(http://suika.fam.cx/www/style/draft-bg);
42     background-position: top center;
43     background-repeat: repeat-y;
44     background-attachment: fixed;
45     }
46    
47 wakaba 1.14 /* Versions URI and Authors */
48     dl.versions-uri, dl.authors {
49     display: block;
50     margin-left: 0;
51     }
52    
53     dl.versions-uri {
54     margin-bottom: 0;
55     }
56    
57     dl.versions-uri + * {
58     margin-top: 1em;
59     }
60    
61     dl.versions-uri + dl.authors {
62     margin-top: 0;
63     }
64    
65     dl.versions-uri > dt,
66     dl.authors > dt {
67     display: block;
68     margin-left: 0;
69     border-style: none;
70     padding-left: 0;
71     list-style-type: none;
72     font-weight: bolder;
73     font-family: sans-serif;
74     }
75     dl.versions-uri > dt:after,
76     dl.authors > dt:after {
77     content: " :";
78     }
79    
80     dl.versions-uri > dd,
81     dl.authors > dd {
82     display: block;
83     margin-left: 2.3em;
84     border-style: none;
85     padding-left: 0;
86     list-style-type: none;
87     }
88    
89     /* Short Legal Notes */
90     div.header p.copyright {
91     margin-left: 0;
92     text-indent: 0;
93     font-size: smaller;
94     opacity: 0.7;
95     }
96    
97 wakaba 1.3 /* Sections */
98    
99     div.section {
100     display: block;
101     }
102     /* XML Alternate: h2|section */
103    
104 wakaba 1.14 html.formal-specification h1,
105     html.formal-specification h2,
106     html.formal-specification h3,
107     html.formal-specification h4 {
108     color: #400080;
109     background-color: transparent;
110     }
111    
112     html.formal-specification h2,
113     html.formal-specification div.appendix h3 {
114     font-size: 140%;
115     }
116    
117     html.formal-specification h2:before {
118     content: "";
119     content: counter(chapter) ". ";
120     counter-increment: chapter;
121     counter-reset: section;
122     }
123    
124     html.formal-specification div.appendix h3:before {
125     content: counter(appendix, upper-alpha) "." counter(chapter) ". ";
126     counter-increment: chapter;
127     counter-reset: section;
128     }
129    
130     html.formal-specification div.header > h2:before,
131     html.formal-specification div.section#ABSTRACT > h2:before,
132     html.formal-specification div.section#STATUS > h2:before {
133     content: "";
134     content: normal;
135     counter-increment: none;
136     }
137    
138     html.formal-specification h3,
139     html.formal-spefification div.appendix h4 {
140     font-size: 120%;
141     }
142    
143     html.formal-specification h3:before {
144     content: "";
145     content: counter(chapter) "." counter(section) ". ";
146     counter-increment: section;
147     }
148    
149     html.formal-specification h4:before {
150     content: "";
151     content: counter(appendix, upper-alpha) "."
152     counter(chapter) "." counter(section) ". ";
153     counter-increment: section;
154     }
155    
156 wakaba 1.9 div.section.normative h2:after {
157     content: " (規定) ";
158     }
159     div.section.normative h2:lang(en):after {
160     content: " (Normative) ";
161     }
162 wakaba 1.10 div#REFERENCE.section.normative h2:after {
163     display: none;
164     content: "";
165     }
166 wakaba 1.9
167     div.section.informative h2:after {
168     content: " (参考) ";
169     }
170     div.section.informative h2:lang(en):after {
171     content: " (Informative) ";
172     }
173 wakaba 1.10 div#INFORMATIVE-REFERENCE.section.informative h2:after {
174     display: none;
175     content: "";
176     }
177 wakaba 1.9
178     div.section.appendix {
179     margin-top: 5em;
180     border-top: solid black 1px;
181     padding-top: 1em;
182 wakaba 1.14 counter-reset: chapter;
183 wakaba 1.9 }
184    
185     div.section.appendix h2 {
186     text-align: center;
187     }
188    
189     div.section.appendix h2:before {
190     content: "附属書";
191 wakaba 1.14 content: "附属書 " counter(appendix, upper-alpha);
192 wakaba 1.9 display: block;
193 wakaba 1.14 counter-increment: appendix;
194     counter-reset: section;
195 wakaba 1.9 }
196     div.section.appendix h2:lang(en):before {
197     content: "Appendix";
198 wakaba 1.14 content: "Appendix " counter(appendix, upper-alpha);
199 wakaba 1.9 }
200     div.section.appendix h2:after {
201     display: block;
202     font-size: smaller;
203     color: #C0C0C0;
204     background-color: transparent;
205     font-weight: normal;
206     }
207    
208 wakaba 1.10 /* TOC */
209    
210     body:not(.has-abstract) > h1, #ABSTRACT,
211     h2002|body > h2002|h,
212     h2005|body:not(.has-abstract) > h2005|h {
213     -moz-binding: url(http://suika.fam.cx/www/style/ui/toc#after);
214     }
215    
216 wakaba 1.5 /* Column Sections */
217     .column, .column.example {
218     display: block;
219     margin: 1em auto;
220     border: rgb(85, 79, 160) 2px solid;
221     -moz-border-radius: 3%;
222     padding: 1em;
223     max-width: 80%;
224     }
225    
226    
227     /* Paragraphs */
228     div.para {
229     display: block;
230     text-indent: 1em;
231     margin: 0 1em;
232     text-align: justify;
233     }
234 wakaba 1.9 /* XML Alternate: h2|p */
235    
236 wakaba 1.7 div.para:lang(en) {
237     text-indent: 2em;
238     }
239 wakaba 1.9
240     div.para > * {
241     text-indent: 0;
242     }
243    
244     div.non-para {
245     display: block;
246     text-indent: 0;
247     margin: 0 1em;
248     text-align: auto;
249     }
250 wakaba 1.5
251 wakaba 1.3 /* Figure */
252     .fig {
253     display: block;
254     margin: 1em auto;
255 wakaba 1.5 border: rgb(85, 79, 160) 2px solid;
256     -moz-border-radius: 3%;
257 wakaba 1.3 padding: 0;
258     max-width: 80%;
259     }
260     /* XML Alternate: ???:fig */
261    
262     .fig-body {
263     display: block;
264     margin: 1em;
265     padding: 0;
266     }
267    
268 wakaba 1.7 .fig .credit {
269     display: block;
270     margin-left: 40%;
271     text-align: right;
272     }
273     .fig .credit:before {
274     content: "―― ";
275     }
276    
277     .fig.quote blockquote {
278     margin: 0 1em;
279     border-style: none;
280     padding: 0;
281     }
282    
283 wakaba 1.2 /* Note */
284    
285     .note {
286     margin-top: 1em;
287     margin-bottom: 1em;
288 wakaba 1.3 margin-right: 5em;
289 wakaba 1.2 text-indent: 0;
290 wakaba 1.3 background-color: transparent;
291     color: green;
292 wakaba 1.2 }
293     /* NOTE: Don't use :before since old documents do or do not have
294     text of "Note: " or so on as part of character data. */
295     /* XML Alternate: H3|note */
296    
297 wakaba 1.5 /* .note.memo (= H3|note), .rationale.memo */
298     .memo {
299     display: block;
300 wakaba 1.14 margin: 0.3em 3em 0.3em 6em;
301 wakaba 1.9 padding: 0 0 0 2em;
302 wakaba 1.5 color: green;
303     background-color: transparent;
304     font-style: normal;
305     }
306 wakaba 1.14
307     div.memo div.memo {
308     margin-left: 4em;
309     margin-right: 2em;
310     }
311    
312 wakaba 1.5 .memo > :first-child:before {
313     display: inline;
314     content: "注意: ";
315     font-weight: bolder;
316 wakaba 1.14 font-family: sans-serif;
317 wakaba 1.5 }
318     .memo.info > :first-child:before {
319     content: "参考: ";
320     }
321     .rationale.memo > :first-child:before {
322     content: "解説: ";
323     }
324 wakaba 1.9 .memo.example > :first-child:before {
325     content: "例: ";
326     margin-right: 1em;
327     }
328 wakaba 1.5 .memo:lang(en) {
329     /* NOTE: Selector should be "script=Latin" rather than "lang=en"
330     if there would such a selector... */
331     font-style: italic;
332     }
333     .memo:lang(en) > :first-child:before {
334     content: "Note. ";
335     }
336     .rationale:lang(en) > :first-child:before {
337     content: "Rationale. ";
338     }
339 wakaba 1.9 .memo.example:lang(en) > :first-child:before {
340     content: "Example. ";
341     }
342 wakaba 1.6 .memo > p:first-child, .memo > .para:first-child {
343 wakaba 1.5 text-indent: -3em;
344 wakaba 1.9 margin-left: 1em;
345     }
346    
347     /* Pending */
348    
349     .issue {
350     background-color: rgb(221, 255, 221);
351     color: black;
352     }
353    
354     .ed {
355     border: medium solid red;
356     padding: 0.5em;
357     color: rgb(229, 0, 0);
358     background-color: transparent;
359 wakaba 1.5 }
360    
361 wakaba 1.3 /* Example */
362    
363 wakaba 1.2 .example {
364     border: 1px solid rgb(153, 153, 153);
365     padding: 0.5em;
366     background-color: rgb(255, 248, 221);
367     color: rgb(102, 0, 0);
368     }
369     .example:before {
370     content: "例: ";
371 wakaba 1.3 font-weight: bolder;
372     font-family: sans-serif;
373 wakaba 1.2 }
374     .example:lang(en):before {
375 wakaba 1.3 content: "Example. ";
376     }
377    
378 wakaba 1.9 .example.memo {
379     border-style: none;
380     background-color: transparent;
381     color: inherit;
382     }
383     .example.memo:before {
384     content: "";
385     display: none;
386     }
387    
388 wakaba 1.4 /* For compatibility with old documents */
389     pre.example {
390     padding-left: 2em;
391     }
392     pre.example:before {
393     display: block;
394     text-indent: -1em;
395     }
396    
397 wakaba 1.5 .fig.example:before, .column.example:before {
398 wakaba 1.14 content: "" /* normal */;
399 wakaba 1.3 }
400    
401     .example .comment {
402     background-color: transparent;
403     color: green;
404     text-decoration: none;
405     font-family: "MS Mincho", "Times New Roman", serif;
406     }
407    
408     /* Block Captions */
409    
410     .fig .caption {
411     display: block;
412 wakaba 1.9 text-align: left;
413 wakaba 1.3 font-weight: bolder;
414     font-family: sans-serif;
415     }
416     .fig > .caption:lang(en) {
417     font-weight: normal;
418     font-family: serif;
419     font-transform: small-caps;
420     font-style: italic;
421     }
422 wakaba 1.9 .fig > * + .caption {
423     text-align: center;
424     }
425 wakaba 1.3
426     .fig > .caption:before {
427 wakaba 1.5 content: "図: ";
428     }
429     .fig > .caption:lang(en):before {
430     content: "Figure. ";
431     }
432     .fig.example > .caption:before {
433 wakaba 1.3 content: "例: ";
434     }
435 wakaba 1.5 .fig.example > .caption:lang(en):before {
436 wakaba 1.2 content: "Example. ";
437     }
438    
439 wakaba 1.3 /* Inline Captions */
440    
441 wakaba 1.6 p .caption, li .caption {
442 wakaba 1.3 font-weight: bolder;
443     font-family: sans-serif;
444     }
445     /* Example: <p class="note"><span class="caption">Note.</span> ...</p> */
446    
447     /* Phrases */
448    
449 wakaba 1.9 code.comment {
450     color: green;
451     background-color: transparent;
452     }
453    
454     code.uri, code.mail, code.newsgroup {
455 wakaba 1.3 font-size: smaller;
456     font-style: italic;
457     font-family: "Times New Roman", "Times", serif;
458     }
459    
460 wakaba 1.9 code.uri a:link, code.uri a:visited,
461     code.mail a:link, code.mail a:visited,
462     code.newsgroup a:link, code.newsgroup a:visited {
463     border-style: none;
464     text-decoration: none;
465     color: inherit;
466     background-color: transparent;
467     font-style: inherit;
468     }
469    
470 wakaba 1.12 code.uri var, code.mail var, code.newsgroup var {
471     border-style: none;
472     font-style: normal;
473     text-decoration: none;
474     }
475    
476 wakaba 1.9
477 wakaba 1.10 h2002|code[class~="uri"]:before, h2002|code[class~="mail"]:before,
478     h2005|code[class~="uri"]:before, h2005|code[class~="mail"]:before {
479 wakaba 1.3 content: "<";
480     }
481 wakaba 1.10 h2002|code[class~="uri"]:after, h2002|code[class~="mail"]:after,
482     h2005|code[class~="uri"]:after, h2005|code[class~="mail"]:after {
483 wakaba 1.3 content: ">";
484     }
485     /* Note. Some XHTML 1 documents have enclosing "<" and ">" and
486     others does not. */
487    
488 wakaba 1.10 h2002|code[class~="file"]:before, h2002|code[class~="file"]:after,
489     h2005|code[class~="file"]:before, h2005|code[class~="file"]:after {
490 wakaba 1.3 content: '"';
491     color: graytext;
492     }
493    
494     code.math, code[class~="uri"] {
495     font-family: "Times New Roman", "Times", serif;
496     }
497    
498 wakaba 1.5 .qname-prefix {
499 wakaba 1.9 border-style: none;
500 wakaba 1.5 font-style: italic;
501     font-family: "Times New Roman", "Times", serif;
502 wakaba 1.9 text-decoration: none;
503     letter-spacing: 0.3em; /* Times is narrower than Courier */
504     }
505    
506     /* ISO/IEC 10646 style character names */
507     .charname {
508     text-transform: lowercase;
509     font-variant: small-caps;
510     }
511    
512     /* ABNF Syntaxes */
513    
514     dl.abnf {
515     margin-left: 2em;
516     margin-right: 2em;
517     padding-left: 1em;
518     background-color: #F5DCB3;
519     color: black;
520     }
521    
522     dl.abnf:before {
523     content: "ABNF 構文定義";
524     display: block;
525     font-weight: bolder;
526     font-family: sans-serif;
527     }
528    
529     dl.abnf > dt {
530     float: left;
531     clear: left;
532 wakaba 1.11 width: 12em;
533 wakaba 1.9 list-style: none;
534     margin-left: 1em;
535     padding-left: 0;
536 wakaba 1.11 font-family: inherit;
537     font-weight: normal;
538     font-style: normal;
539 wakaba 1.5 }
540    
541 wakaba 1.9 dl.abnf > dd {
542     margin-left: 1em;
543     padding-left: 1em;
544     text-indent: -1em;
545     }
546    
547     dl.abnf code.ABNF {
548     color: black;
549     background-color: transparent;
550     }
551    
552     dl.abnf dt dfn {
553     border-style: none;
554     font-weight: normal;
555     font-style: normal;
556 wakaba 1.11 font-family: inherit;
557 wakaba 1.9 text-decoration: none;
558     }
559    
560     dl.abnf a:link[href^="#SYNTAX-"], dl.abnf a:visited[href^="#SYNTAX-"],
561     code.ABNF a:link[href^="#SYNTAX-"], code.ABNF a:visited[href^="#SYNTAX-"] {
562     border-style: none;
563     text-decoration: none;
564     color: inherit;
565     background-color: transparent;
566     }
567    
568     /* Citations */
569    
570 wakaba 1.7 cite.bibref {
571 wakaba 1.9 vertical-align: 0.5em;
572 wakaba 1.7 font-style: normal;
573     font-size: 75%;
574     line-height: 1.1;
575 wakaba 1.9 color: gray;
576     background-color: transparent;
577 wakaba 1.7 }
578 wakaba 1.10
579     cite.bibref.normative {
580     color: red;
581     }
582    
583     cite.bibref.informative {
584     color: green;
585     }
586    
587 wakaba 1.7 cite.bibref:before, cite.bibref:after {
588 wakaba 1.14 content: "" /* normal */;
589 wakaba 1.7 }
590    
591 wakaba 1.9 cite.bibref a:link, cite.bibref a:visited {
592     border-style: none;
593     text-decoration: none;
594     color: inherit;
595     background-color: transparent;
596     }
597    
598 wakaba 1.10 div.reference > dl > dt,
599 wakaba 1.9 #REFERENCE > dl > dt {
600     width: 7em;
601     float: left;
602     clear: left;
603     list-style: none;
604     font-weight: normal;
605     }
606    
607 wakaba 1.10 div.normative.reference > dl > dt {
608     color: red;
609     background-color: transparent;
610     }
611    
612     div.informative.reference > dl > dt {
613     color: green;
614     background-color: transparent;
615     }
616    
617     div.reference > dl > dt:before,
618     div#REFERENCE > dl > dt:before {
619 wakaba 1.9 content: "[";
620     }
621 wakaba 1.10
622     div.reference > dl > dt:after,
623     div#REFERENCE > dl > dt:after {
624 wakaba 1.9 content: "]";
625     }
626    
627 wakaba 1.10 div.reference > dl > dd,
628     div#REFERENCE > dl > dd {
629 wakaba 1.9 margin-left: 1em;
630     margin-bottom: 1em;
631     padding-left: 1em;
632     }
633    
634 wakaba 1.14 span.standard-number, a.standard-number,
635     span.standard-section, a.standard-section {
636 wakaba 1.9 font-family: sans-serif;
637     font-weight: bolder;
638     text-decoration: none;
639     }
640    
641 wakaba 1.12 /* et. al */
642 wakaba 1.9 .etal {
643     font-style: normal; /* Not italic */
644     }
645    
646 wakaba 1.2 /* Emphasis */
647    
648 wakaba 1.10 /* Block emphasis */
649     .key-point {
650     display: block;
651 wakaba 1.12 width: 70%;
652 wakaba 1.14 _width: 100%; /* WinIE */
653 wakaba 1.12 margin-left: auto;
654     margin-right: auto;
655     margin-top: 2em;
656     margin-bottom: 2em;
657 wakaba 1.10 border: 1px rgb(228, 236, 236) solid;
658     -moz-border-radius: 0.5em;
659     padding: 1em;
660     background-color: rgb(228, 236, 236);
661     color: black;
662     }
663    
664 wakaba 1.13 span.weak, .example.memo span.weak {
665 wakaba 1.2 font-size: 80%;
666 wakaba 1.12 color: gray;
667     background-color: transparent;
668     }
669    
670     .note span.weak {
671     color: #92ba89;
672 wakaba 1.2 background-color: transparent;
673     }
674    
675 wakaba 1.9 em.rfc2119 {
676     border-style: none;
677     text-transform: lowercase;
678     font-variant: small-caps;
679     font-style: normal;
680     text-decoration: none;
681     font-weight: normal;
682     font-family: sans-serif;
683     }
684    
685     em.rfc2119:lang(ja) {
686     font-weight: bolder;
687 wakaba 1.14 font-family: sans-serif;
688     font-variant: normal;
689 wakaba 1.9 }
690    
691     /* Hyperlinks */
692    
693     a:link[rel="glossary"], a:visited[rel="glossary"] {
694     border-style: none;
695     text-decoration: none;
696     color: inherit;
697     background-color: transparent;
698     cursor: help;
699     }
700    
701 wakaba 1.2 /* Footer */
702    
703 wakaba 1.8 .footer, *|*[class~="footer"], sd|footer,
704 wakaba 1.3 /* Old styles (discouraged) */
705     #footer, #FOOTER, body > address, body > .update
706     {
707 wakaba 1.8 display: block;
708 wakaba 1.3 margin: 2em 0 0 0;
709     border-top: gray 1px solid;
710     padding-top: 10px;
711     }
712    
713     /* Old style footer (discouraged) */
714     body address + .update {
715     margin: 0;
716     border-top: gray 0 none;
717     padding-top: 0;
718     }
719    
720 wakaba 1.8 .update, sd|update {
721     display: block;
722     }
723    
724     .update:before, *|*[class~="update"]:before, sd|update:before {
725 wakaba 1.2 content: "修正: ";
726     }
727 wakaba 1.8 .update:lang(en):before, *|*[class~="update"]:lang(en):before,
728     sd|update:lang(en):before {
729 wakaba 1.2 content: "Modified: ";
730     }
731    
732 wakaba 1.8 /* Validated logo (discouraged) */
733 wakaba 1.2 #w3c-html, #w3c-css {
734     float: right;
735     width: 88px;
736     height: 31px;
737     border: none;
738     }
739 wakaba 1.1
740     /* License
741    
742 wakaba 1.3 Copyright 2003-2005 Wakaba <w@suika.fam.cx>.
743 wakaba 1.1
744     This program is free software; you can redistribute it and/or modify
745     it under the terms of the GNU General Public License as published by
746     the Free Software Foundation; either version 2 of the License, or
747     (at your option) any later version.
748    
749     This program is distributed in the hope that it will be useful,
750     but WITHOUT ANY WARRANTY; without even the implied warranty of
751     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
752     GNU General Public License for more details.
753    
754     You should have received a copy of the GNU General Public License
755     along with this program; see the file COPYING. If not, write to
756     the Free Software Foundation, Inc., 59 Temple Place - Suite 330,
757     Boston, MA 02111-1307, USA.
758    
759     */
760    
761 wakaba 1.14 /* $Date: 2005/06/14 12:09:59 $ */

admin@suikawiki.org
ViewVC Help
Powered by ViewVC 1.1.24