/[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.24 - (show annotations) (download) (as text)
Fri Mar 3 07:21:11 2006 UTC (20 years, 7 months ago) by wakaba
Branch: MAIN
Changes since 1.23: +2 -53 lines
File MIME type: text/css
Some rules moved |spec.css| from |common-class.css|

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

[email protected]
ViewVC Help
Powered by ViewVC 1.1.24