/[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.29 - (show annotations) (download) (as text)
Sat Sep 3 03:29:58 2011 UTC (13 years, 7 months ago) by wakaba
Branch: MAIN
CVS Tags: HEAD
Changes since 1.28: +4 -3 lines
File MIME type: text/css
footer

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

admin@suikawiki.org
ViewVC Help
Powered by ViewVC 1.1.24