/[suikacvs]/test/suikawebwww/style/html/xhtml1.css
Suika

Diff of /test/suikawebwww/style/html/xhtml1.css

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

revision 1.8 by wakaba, Mon Mar 14 00:40:15 2005 UTC revision 1.30 by wakaba, Sun Mar 8 15:15:40 2009 UTC
# Line 1  Line 1 
1  @charset 'iso-2022-jp';  @charset 'iso-2022-jp';
 @import 'http://suika.fam.cx/www/style/ui/toc-style-float.css';  
2  @namespace 'http://www.w3.org/1999/xhtml';  @namespace 'http://www.w3.org/1999/xhtml';
3  @namespace xml 'http://www.w3.org/XML/1998/namespace';  @namespace xml 'http://www.w3.org/XML/1998/namespace';
4    
# Line 25  h1, h2, h3, h4, h5, h6 { Line 24  h1, h2, h3, h4, h5, h6 {
24          line-height: 1.5;          line-height: 1.5;
25          font-size: 120%;          font-size: 120%;
26          font-weight: bolder;          font-weight: bolder;
27      font-family: sans-serif;
28    text-align: left;    text-align: left;
29  }  }
30    
31    @media print {
32      h1, h2, h3, h4, h5, h6 {
33        page-break-after: avoid;
34      }
35    }
36    
37  h1 {  h1 {
38          text-align: center;          text-align: center;
39          font-size: 140%;          font-size: 140%;
   -moz-binding: url(http://suika.fam.cx/www/style/ui/toc#after);  
40  }  }
41    
42  h3:before {  h3:before {
# Line 54  p:lang(en) { Line 59  p:lang(en) {
59    
60  ul, ol, dl {  ul, ol, dl {
61          display: block;          display: block;
62          margin: 1em;    margin: 1em;
63          padding: 0;          padding: 0;
64  }  }
65    
66    p + ul, p + ol, p + dl,
67    p > ul, p > ol, p > dl {
68      margin-left: 3em;
69    }
70    
71  dt, li {  dt, li {
72          display: list-item;          display: list-item;
73          margin-left: 1em;          margin-left: 1em;
74          padding-left: 0.5em;          padding-left: 0.5em;
75          list-style: disc;    text-indent: 0;
76      text-align: justify;
77    }
78    ul li {
79      list-style: disc;
80  }  }
81  dt dt, li li {  dt dt, ul li ul li {
82          list-style: square;          list-style: square;
83  }  }
84    ol li {
85      list-style: decimal;
86    }
87    ol li ol li {
88      list-style: lower-alpha;
89    }
90    
91    li > ul:first-child, li > ol:first-child, li > dl:first-child,
92    dd > ul:first-child, dd > ol:first-child, dd > dl:first-child {
93      margin-top: 0;
94    }
95    
96    li > ul,
97    li > ol,
98    li > dl {
99      margin-top: 0;
100    }
101    
102    li > ul:last-child, li > ol:last-child, li > dl:last-child,
103    dd > ul:last-child, dd > ol:last-child, dd > dl:last-child {
104      margin-bottom: 0;
105    }
106    
107    dt {
108      font-weight: normal;
109      list-style: disc;
110    }
111    
112  dd {  dd {
113    display: list-item;    display: block;
114          margin-left: 3em;    margin-left: 0;
115          padding-left: 0;    padding-left: 3em;
116    overflow: auto;    list-style-type: none;
   list-style-type: circle;  
117  }  }
118    
119  li:first-child:last-child {  @media print {
120      dt {
121        page-break-after: avoid;
122      }
123      dd {
124        page-break-before: avoid;
125      }
126    }
127    
128    ul > li:first-child:last-child {
129          list-style: disc;          list-style: disc;
130  }  }
131    
132    li > p:first-child,
133    dd > p:first-child {
134      text-indent: 0;
135    }
136    
137  blockquote {  blockquote {
138          display: block;          display: block;
139          border-left: 1em double rgb(204, 0, 0);          border-left: 1em double rgb(204, 0, 0);
# Line 106  table { Line 161  table {
161          margin-right: auto;          margin-right: auto;
162  }  }
163    
164    /* Sections */
165    
166    section, article, nav, aside,
167    header, footer {
168      display: block;
169    }
170    
171  /* Physical Blocks */  /* Physical Blocks */
172    
173  pre {  pre {
174    display: block;    display: block;
175      margin: 0 1em;
176    overflow: auto;    overflow: auto;
177    font-family: "Courier New", "Courier", monospace;    font-family: "Courier New", "Courier", monospace;
178  }  }
# Line 119  pre { Line 182  pre {
182  code {  code {
183          font-family: "Courier New", "Courier", monospace;          font-family: "Courier New", "Courier", monospace;
184          letter-spacing: 0.1em;          letter-spacing: 0.1em;
185      background-color: transparent;
186      color: orangered;
187  }  }
188    
189  var {  var {
190      border-bottom-style: solid;
191      border-bottom-width: 1px;
192      padding-bottom: 0.025em;
193    font-style: normal;    font-style: normal;
194    text-decoration: underline;    text-decoration: none;
195  }  }
196  var:lang(en) {  var:lang(en) {
197      border-bottom-style: none;
198    font-family: "Times New Roman", serif;    font-family: "Times New Roman", serif;
199    font-style: italic;    font-style: italic;
200    text-decoration: none;    text-decoration: none;
201  }  }
202    
203    dfn:lang(en) > var:lang(en):only-child {
204      font-style: inherit;
205    }
206    
207    /* Abbrevitions */
208    abbr[title] {
209      border-style: none;
210      text-transform: none;
211      font-variant: normal;
212      font-style: normal;
213      font-size: 100%;
214    }
215    
216    dfn:lang(en) abbr[title] {
217      font-style: italic;
218    }
219    
220    @media screen {
221      abbr[title] {
222        border-bottom: 1px dotted #FF0080;
223        padding-bottom: 0.025em;
224        cursor: help;
225      }
226    }
227    
228    /* Defining Instances */
229  dfn {  dfn {
230          font-style: normal;          font-style: normal;
231          font-weight: bolder;          font-weight: bolder;
232      /* font-family: sans-serif; */
233      font-size: 100%;
234  }  }
235  dfn:lang(en) {  dfn:lang(en) {
236    font-style: italic;    font-style: italic;
237    font-weight: normal;    font-weight: normal;
238      /* font-family: "Times New Roman", "Times", serif; */
239    }
240    
241    dfn:lang(en) dfn:lang(en) {
242      font-style: normal;
243    }
244    
245    dfn:lang(en) em {
246      font-style: normal;
247    }
248    
249    /* One of the last resorts */
250    i:lang(en) {
251      font-style: italic;
252      text-decoration: none;
253    }
254    
255    /* Term instance (HTML5) */
256    /* Though this definition is now obsolete, some old documents
257       have used it. */
258    i {
259      border-style: none;
260      font-style: normal;
261      font-size: 100%;
262      text-decoration: none;
263  }  }
264    
265  /* Inputs */  /* Inputs */
266  kbd {  kbd {
267      margin: 0 0.3em;
268      border: dotted #C0C0C0 1px;
269      padding: 0.2em 0.3em;
270    font-family: "Courier New", "Courier", monospace;    font-family: "Courier New", "Courier", monospace;
271    font-size: 100%;    font-size: 100%;
272    line-height: 1.1;    line-height: 1.1;
   border: gray 1px inset;  
   padding: 0.1em;  
273  }  }
274    
275  em {  em {
276      border-bottom-style: solid;
277      border-bottom-width: 1px;
278      padding-bottom: 0.03em;
279          font-style: normal;          font-style: normal;
280          text-decoration: underline;    text-decoration: none;
281      font-size: 100%;
282  }  }
283    
284  em:lang(en) {  em:lang(en) {
285      border-bottom-style: none;
286    font-style: italic;    font-style: italic;
287    text-decoration: none;    text-decoration: none;
288  }  }
289    
290    em:lang(en) :lang(ja) {
291      font-style: normal;
292    }
293    
294    strong {
295      font-weight: bolder;
296      font-family: sans-serif;
297    }
298    /* Alternate: h1|em */
299    
300    /* HTML5 <mark> */
301    m, mark {
302      text-decoration: underline;
303      background-color: #ffff4d;
304    }
305    
306    mark:empty:before {
307      content: "\A0";
308    }
309    /*
310      NOTE: For compatibility with old documents that use |m| as
311      element names, we keep |m| in the selector as is.
312    */
313    
314    /* Citations and quotations */
315    
316  /*  /*
317   * $B8@8l>pJs$G>l9gJ,$1$9$k$N$O@5$7$/$J$$$,!"8=:_$N(B CSS   * $B8@8l>pJs$G>l9gJ,$1$9$k$N$O@5$7$/$J$$$,!"8=:_$N(B CSS
318   * $B$K$OMQ;z7O$NA*Br;R$,$J$$$+$i!"6a;wE*$K$3$l$r;H$&!#(B   * $B$K$OMQ;z7O$NA*Br;R$,$J$$$+$i!"6a;wE*$K$3$l$r;H$&!#(B
319   */   */
320    
321  [lang|="ja"] cite, [xml|lang|="ja"] cite {  :lang(ja) > cite {
322          quotes: "$B!X(B" "$B!Y(B" "$B!V(B" "$B!W(B";    quotes: none;
323          font-style: normal;          font-style: normal;
324  }  }
325  [lang|="ja"] cite:before, [xml|lang|="ja"] cite:before {  :lang(ja) > cite:before {
326          content: open-quote;    content: "$B!X(B";
327    }
328    :lang(ja) > cite:after {
329      content: "$B!Y(B";
330  }  }
331  [lang|="ja"] cite:after, [xml|lang|="ja"] cite:after {  
332          content: close-quote;  cite:lang(ja) cite {
333      quotes: none;
334  }  }
335    cite:lang(ja) cite:before { content: "$B!V(B" }
336    cite:lang(ja) cite:after { content: "$B!W(B" }
337    
338  [lang|="en"] cite, [xml|lang|="en"] cite {  [lang|="en"] cite, [xml|lang|="en"] cite {
339          quotes: none;          quotes: none;
340          font-style: italic;          font-style: italic;
# Line 184  em:lang(en) { Line 345  em:lang(en) {
345  }  }
346  [lang|="en"] cite:before, [xml|lang|="en"] cite:before,  [lang|="en"] cite:before, [xml|lang|="en"] cite:before,
347  [lang|="en"] cite:after, [xml|lang|="en"] cite:after {  [lang|="en"] cite:after, [xml|lang|="en"] cite:after {
348          content: none;    content: "";
349      content: normal;
350    }
351    
352    :lang(ja) > q {
353      quotes: none;
354    }
355    :lang(ja) > q:before {
356      content: " $B!V(B";
357    }
358    :lang(ja) > q:after {
359      content: "$B!W(B ";
360  }  }
361    
362  /* Table */  :lang(ja) > q q:before {
363      content: " $B!X(B";
364    }
365    
366    :lang(ja) > q q:after {
367      content: "$B!Y(B ";
368    }
369    
370    :lang(en) > q {
371      quotes: none;
372    }
373    
374    :lang(en) > q:before {
375      content: " $B!H(B";
376    }
377    
378    :lang(en) > q:after {
379      content: "$B!I(B ";
380    }
381    
382    /* Tables */
383    
384  table {  table {
385    border: 1px solid gray;    border: 1px solid gray;
# Line 196  table { Line 388  table {
388    
389  thead, tfoot, th {  thead, tfoot, th {
390    font-weight: bolder;    font-weight: bolder;
391      font-family: sans-serif;
392  }  }
393    
394  td, th {  td, th {
395    padding: 0.2em 0.4em;    padding: 0.2em 0.4em;
396    border: 1px solid #E0E0E0;    border: 1px solid #E0E0E0;
397      empty-cells: show;
398  }  }
399    
400  th[scope="row"], th[scope="rowgroup"] {  th[scope="row"], th[scope="rowgroup"] {
# Line 227  sup { Line 421  sup {
421  /* Edit */  /* Edit */
422    
423  ins {  ins {
424      border-bottom-style: solid;
425      border-bottom-width: 1px;
426      padding-bottom: 0.03em;
427    background-color: rgb(255, 255, 153);    background-color: rgb(255, 255, 153);
428    color: black;    color: black;
429    text-decoration: underline;    font-style: normal;
430      text-decoration: none;
431  }  }
432    
433  body > ins {  body > ins {
# Line 241  del { Line 439  del {
439    background-color: #FFBBBB;    background-color: #FFBBBB;
440    color: black;    color: black;
441    font-size: 80%;    font-size: 80%;
442      text-decoration: line-through;
443  }  }
444    
445  body > del {  body > del {
# Line 254  address { Line 453  address {
453    font-size: 100%;    font-size: 100%;
454  }  }
455    
456    /* Hyperlinks */
457    
458    a:link, a:visited {
459      text-decoration: none;
460      border-bottom-style: solid;
461      border-bottom-width: 1px;
462      padding-bottom: 0.05em;
463    }
464    
465    [href^="#"]:link, [href^="#"]:visited {
466      text-decoration: none !important;
467      border-bottom: dotted 1px !important;
468    }
469    
470    a:hover {
471      background-color: #FFA;
472      color: #000080;
473    }
474    
475    a[rel~=feed] {
476      background-image: url(../images/feed); /* 16x16 */
477      background-repeat: no-repeat;
478      background-position: left center;
479      margin-left: 4px;
480      padding-left: 20px;
481    }
482    
483    /* Forms */
484    
485    textarea {
486      vertical-align: top;
487    }
488    
489  /* License  /* License
490    
491  Copyright 2003-2005 Wakaba <[email protected]>.  Copyright 2003-2005 Wakaba <[email protected]>.
Legend:
Removed from v.1.8  
changed lines
  Added in v.1.30
[email protected]
 ViewVC Help
Powered by ViewVC 1.1.24