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

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

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 1.6 by wakaba, Wed Mar 9 08:00:51 2005 UTC revision 1.16 by wakaba, Tue Jun 28 12:03:31 2005 UTC
# Line 1  Line 1 
1  @charset 'iso-2022-jp';  @charset 'iso-2022-jp';
2  @namespace H3 'urn:x-suika-fam-cx:markup:ietf:html:3:draft:00:';  @namespace H3 'urn:x-suika-fam-cx:markup:ietf:html:3:draft:00:';
3  @namespace 'http://www.w3.org/1999/xhtml';  @namespace 'http://www.w3.org/1999/xhtml';
4  @namespace h2 'http://www.w3.org/2002/06/xhtml2';  @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';  @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 */  /* Sections */
98    
99  div.section {  div.section {
100          display: block;          display: block;
101      clear: both;
102  }  }
103  /* XML Alternate: h2|section */  /* 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 */  /* Column Sections */
231  .column, .column.example {  .column, .column.example {
232    display: block;    display: block;
# Line 31  div.para { Line 247  div.para {
247  }  }
248  /* XML Alternate: h2|p */  /* 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 */  /* Figure */
266  .fig {  .fig {
267    display: block;    display: block;
# Line 48  div.para { Line 279  div.para {
279    padding: 0;    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 */  /* Note */
298    
299  .note {  .note {
# Line 65  div.para { Line 311  div.para {
311  /* .note.memo (= H3|note), .rationale.memo */  /* .note.memo (= H3|note), .rationale.memo */
312  .memo {  .memo {
313          display: block;          display: block;
314          margin: 0.3em 2em;          margin: 0.3em 3em 0.3em 6em;
315          padding: 0;          padding: 0 0 0 2em;
316          color: green;          color: green;
317          background-color: transparent;          background-color: transparent;
318          font-style: normal;          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 {  .memo > :first-child:before {
327          display: inline;          display: inline;
328          content: "注意: ";          content: "注意: ";
329          font-weight: bolder;          font-weight: bolder;
330      font-family: sans-serif;
331  }  }
332  .memo.info > :first-child:before {  .memo.info > :first-child:before {
333    content: "参考: ";    content: "参考: ";
# Line 82  div.para { Line 335  div.para {
335  .rationale.memo > :first-child:before {  .rationale.memo > :first-child:before {
336          content: "解説: ";          content: "解説: ";
337  }  }
338    .memo.example > :first-child:before {
339      content: "例: ";
340      margin-right: 1em;
341    }
342  .memo:lang(en) {  .memo:lang(en) {
343  /* NOTE: Selector should be "script=Latin" rather than "lang=en"  /* NOTE: Selector should be "script=Latin" rather than "lang=en"
344           if there would such a selector... */           if there would such a selector... */
# Line 93  div.para { Line 350  div.para {
350  .rationale:lang(en) > :first-child:before {  .rationale:lang(en) > :first-child:before {
351          content: "Rationale. ";          content: "Rationale. ";
352  }  }
353    .memo.example:lang(en) > :first-child:before {
354      content: "Example. ";
355    }
356  .memo > p:first-child, .memo > .para:first-child {  .memo > p:first-child, .memo > .para:first-child {
357          text-indent: -3em;          text-indent: -3em;
358          margin-left: 3em;          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 */  /* Example */
# Line 115  div.para { Line 389  div.para {
389    content: "Example.  ";    content: "Example.  ";
390  }  }
391    
392    .example.memo {
393      border-style: none;
394      background-color: transparent;
395      color: inherit;
396    }
397    .example.memo:before {
398      content: "";
399      display: none;
400    }
401    
402  /* For compatibility with old documents */  /* For compatibility with old documents */
403  pre.example {  pre.example {
404    padding-left: 2em;    padding-left: 2em;
# Line 125  pre.example:before { Line 409  pre.example:before {
409  }  }
410    
411  .fig.example:before, .column.example:before {  .fig.example:before, .column.example:before {
412    content: "";    content: "" /* normal */;
413  }  }
414    
415  .example .comment {  .example .comment {
# Line 139  pre.example:before { Line 423  pre.example:before {
423    
424  .fig .caption {  .fig .caption {
425    display: block;    display: block;
426    text-align: center;    text-align: left;
427    font-weight: bolder;    font-weight: bolder;
428    font-family: sans-serif;    font-family: sans-serif;
429  }  }
# Line 149  pre.example:before { Line 433  pre.example:before {
433    font-transform: small-caps;    font-transform: small-caps;
434    font-style: italic;    font-style: italic;
435  }  }
436    .fig > * + .caption {
437      text-align: center;
438    }
439    
440  .fig > .caption:before {  .fig > .caption:before {
441    content: "図: ";    content: "図: ";
# Line 171  p .caption, li .caption { Line 458  p .caption, li .caption {
458  }  }
459  /* Example: <p class="note"><span class="caption">Note.</span> ...</p> */  /* 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 */  /* Phrases */
513    
514  code.uri, code.mail {  code.comment {
515      color: green;
516      background-color: transparent;
517    }
518    
519    code.uri, code.URI, code.mail, code.newsgroup {
520          font-size: smaller;          font-size: smaller;
521          font-style: italic;          font-style: italic;
522          font-family: "Times New Roman", "Times", serif;          font-family: "Times New Roman", "Times", serif;
523  }  }
524    
525  h2|code[class~="uri"]:before, h2|code[class~="mail"]:before {  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: "<";          content: "<";
558  }  }
559  h2|code[class~="uri"]:after, h2|code[class~="mail"]:after {  h2002|code[class~="uri"]:after, h2002|code[class~="mail"]:after,
560    h2005|code[class~="uri"]:after, h2005|code[class~="mail"]:after {
561          content: ">";          content: ">";
562  }  }
563  /* Note.  Some XHTML 1 documents have enclosing "<" and ">" and  /* Note.  Some XHTML 1 documents have enclosing "<" and ">" and
564            others does not. */            others does not. */
565    
566  h2|code[class~="file"]:before, h2|code[class~="file"]:after {  h2002|code[class~="file"]:before, h2002|code[class~="file"]:after,
567    h2005|code[class~="file"]:before, h2005|code[class~="file"]:after {
568    content: '"';    content: '"';
569    color: graytext;    color: graytext;
570  }  }
# Line 197  code.math, code[class~="uri"] { Line 573  code.math, code[class~="uri"] {
573            font-family: "Times New Roman", "Times", serif;            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 {  .qname-prefix {
583      border-style: none;
584    font-style: italic;    font-style: italic;
585    font-family: "Times New Roman", "Times", serif;    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      background-color: #F5DCB3;
617      color: black;
618    }
619    
620    dl.abnf:before {
621      content: "ABNF 構文定義";
622      display: block;
623      font-weight: bolder;
624      font-family: sans-serif;
625    }
626    
627    dl.abnf > dt {
628      float: left;
629      clear: left;
630      width: 12em;
631      list-style: none;
632      margin-left: 1em;
633      padding-left: 0;
634      font-family: inherit;
635      font-weight: normal;
636      font-style: normal;
637    }
638    
639    dl.abnf > dd {
640      margin-left: 1em;
641      padding-left: 1em;
642      text-indent: -1em;
643    }
644    
645    dl.abnf code.ABNF {
646      color: black;
647      background-color: transparent;
648    }
649    
650    dl.abnf dt dfn {
651      border-style: none;
652      font-weight: normal;
653      font-style: normal;
654      font-family: inherit;
655      text-decoration: none;
656    }
657    
658    dl.abnf a:link[href^="#SYNTAX-"], dl.abnf a:visited[href^="#SYNTAX-"],
659    code.ABNF a:link[href^="#SYNTAX-"], code.ABNF a:visited[href^="#SYNTAX-"] {
660      border-style: none;
661      text-decoration: none;
662      color: inherit;
663      background-color: transparent;
664    }
665    
666    /* Citations */
667    
668    cite.bibref {
669      vertical-align: 0.5em;
670      font-style: normal;
671      font-size: 75%;
672      line-height: 1.1;
673      color: gray;
674      background-color: transparent;
675    }
676    
677    cite.bibref.normative {
678      color: red;
679    }
680    
681    cite.bibref.informative {
682      color: green;
683    }
684    
685    cite.bibref:before, cite.bibref:after {
686      content: "" /* normal */;
687    }
688    
689    cite.bibref a:link, cite.bibref a:visited {
690      border-style: none;
691      text-decoration: none;
692      color: inherit;
693      background-color: transparent;
694    }
695    
696    div.reference > dl > dt,
697    #REFERENCE > dl > dt {
698      width: 7em;
699      float: left;
700      clear: left;
701      list-style: none;
702      font-weight: normal;
703    }
704    
705    div.normative.reference > dl > dt {
706      color: red;
707      background-color: transparent;
708    }
709    
710    div.informative.reference > dl > dt {
711      color: green;
712      background-color: transparent;
713    }
714    
715    div.reference > dl > dt:before,
716    div#REFERENCE > dl > dt:before {
717      content: "[";
718    }
719    
720    div.reference > dl > dt:after,
721    div#REFERENCE > dl > dt:after {
722      content: "]";
723    }
724    
725    div.reference > dl > dd,
726    div#REFERENCE > dl > dd {
727      margin-left: 1em;
728      margin-bottom: 1em;
729      padding-left: 1em;
730    }
731    
732    span.standard-number, a.standard-number,
733    span.standard-section, a.standard-section {
734      font-family: sans-serif;
735      font-weight: bolder;
736      text-decoration: none;
737    }
738    
739    /* et. al */
740    .etal {
741      font-style: normal; /* Not italic */
742  }  }
743    
744  /* Emphasis */  /* Emphasis */
745    
746  .weak {  /* Block emphasis */
747    .key-point {
748      display: block;
749      width: 70%;
750      _width: 100%; /* WinIE */
751      margin-left: auto;
752      margin-right: auto;
753      margin-top: 2em;
754      margin-bottom: 2em;
755      border: 1px rgb(228, 236, 236) solid;
756      -moz-border-radius: 0.5em;
757      padding: 1em;
758      background-color: rgb(228, 236, 236);
759      color: black;
760    }
761    
762    span.weak, .example.memo span.weak {
763    font-size: 80%;    font-size: 80%;
764    color: GrayText;    color: gray;
765      background-color: transparent;
766    }
767    
768    .note span.weak {
769      color: #92ba89;
770    background-color: transparent;    background-color: transparent;
771  }  }
772    
773    em.rfc2119 {
774      border-style: none;
775      text-transform: lowercase;
776      font-variant: small-caps;
777      font-style: normal;
778      text-decoration: none;
779      font-weight: normal;
780      font-family: sans-serif;
781    }
782    
783    em.rfc2119:lang(ja) {
784      font-weight: bolder;
785      font-family: sans-serif;
786      font-variant: normal;
787    }
788    
789    /* Hyperlinks */
790    
791    a:link[rel="glossary"], a:visited[rel="glossary"] {
792      border-style: none;
793      text-decoration: none;
794      color: inherit;
795      background-color: transparent;
796      cursor: help;
797    }
798    
799    /* Right Marks such as ^(R) and ^TM */
800    sup.right {
801      vertical-align: 0.7em;
802      font-size: 50%;
803      line-height: 1.0;
804    }
805    
806  /* Footer */  /* Footer */
807    
808  .footer, *|*[class~="footer"],  .footer, *|*[class~="footer"], sd|footer,
809    /* Old styles (discouraged) */    /* Old styles (discouraged) */
810    #footer, #FOOTER, body > address, body > .update    #footer, #FOOTER, body > address, body > .update, body > div.navigation
811  {  {
812      display: block;
813    margin: 2em 0 0 0;    margin: 2em 0 0 0;
814    border-top: gray 1px solid;    border-top: gray 1px solid;
815    padding-top: 10px;    padding-top: 10px;
816  }  }
817    
818  /* Old style footer (discouraged) */  /* Old style footer (discouraged) */
819  body address + .update {  body address + .update,
820    body > div.navigation + div.update {
821    margin: 0;    margin: 0;
822    border-top: gray 0 none;    border-top: gray 0 none;
823    padding-top: 0;    padding-top: 0;
824  }  }
825    
826  .update:before, *|*[class~="update"]:before {  .update, sd|update {
827      display: block;
828    }
829    
830    .update:before, *|*[class~="update"]:before, sd|update:before {
831    content: "修正: ";    content: "修正: ";
832  }  }
833  .update:lang(en):before, *|*[class~="update"]:lang(en):before {  .update:lang(en):before, *|*[class~="update"]:lang(en):before,
834    sd|update:lang(en):before {
835    content: "Modified: ";    content: "Modified: ";
836  }  }
837    
838    /* Validated logo (discouraged) */
839  #w3c-html, #w3c-css {  #w3c-html, #w3c-css {
840    float: right;    float: right;
841    width: 88px;    width: 88px;
Legend:
Removed from v.1.6  
changed lines
  Added in v.1.16
[email protected]
 ViewVC Help
Powered by ViewVC 1.1.24