/[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.17 - (show annotations) (download) (as text)
Fri Jul 1 13:09:25 2005 UTC (21 years ago) by wakaba
Branch: MAIN
Changes since 1.16: +19 -14 lines
File MIME type: text/css
*** empty log message ***

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

admin@suikawiki.org
ViewVC Help
Powered by ViewVC 1.1.24