/[suikacvs]/webroot/www/style/html/xhtml1.css
Suika

Contents of /webroot/www/style/html/xhtml1.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1.30 - (hide annotations) (download) (as text)
Sun Mar 8 15:15:40 2009 UTC (16 years, 10 months ago) by wakaba
Branch: MAIN
Changes since 1.29: +13 -1 lines
File MIME type: text/css
++ style/html/ChangeLog	8 Mar 2009 15:15:30 -0000
2009-03-09  Wakaba  <wakaba@suika.fam.cx>

	* xhtml1.css: Added sectioning HTML5 elements.

2008-12-09  Wakaba  <wakaba@suika.fam.cx>

	* xhtml1.css (mark): Added |background-color|.

1 wakaba 1.1 @charset 'iso-2022-jp';
2     @namespace 'http://www.w3.org/1999/xhtml';
3     @namespace xml 'http://www.w3.org/XML/1998/namespace';
4    
5     html {
6     display: block;
7     line-height: 2.0;
8     }
9     head {
10     display: none;
11     }
12    
13     body {
14     display: block;
15     margin: 1em 1.5em;
16     }
17    
18 wakaba 1.3 blockquote, table {
19     margin: 1em 2em;
20     }
21    
22 wakaba 1.1 h1, h2, h3, h4, h5, h6 {
23     display: block;
24     line-height: 1.5;
25     font-size: 120%;
26     font-weight: bolder;
27 wakaba 1.12 font-family: sans-serif;
28 wakaba 1.4 text-align: left;
29 wakaba 1.1 }
30    
31 wakaba 1.16 @media print {
32     h1, h2, h3, h4, h5, h6 {
33     page-break-after: avoid;
34     }
35     }
36    
37 wakaba 1.1 h1 {
38     text-align: center;
39     font-size: 140%;
40     }
41    
42 wakaba 1.4 h3:before {
43     content: "\0025B6" " ";
44     }
45    
46     h4:before {
47     content: "\0025B7" " ";
48     }
49    
50 wakaba 1.1 p {
51     display: block;
52     text-indent: 1em;
53     margin: 0 1em;
54     text-align: justify;
55     }
56 wakaba 1.8 p:lang(en) {
57     text-indent: 2em;
58     }
59 wakaba 1.1
60     ul, ol, dl {
61     display: block;
62 wakaba 1.14 margin: 1em;
63 wakaba 1.1 padding: 0;
64     }
65    
66 wakaba 1.14 p + ul, p + ol, p + dl,
67     p > ul, p > ol, p > dl {
68     margin-left: 3em;
69     }
70    
71 wakaba 1.1 dt, li {
72     display: list-item;
73     margin-left: 1em;
74     padding-left: 0.5em;
75 wakaba 1.22 text-indent: 0;
76 wakaba 1.20 text-align: justify;
77 wakaba 1.1 }
78 wakaba 1.10 ul li {
79     list-style: disc;
80     }
81     dt dt, ul li ul li {
82 wakaba 1.1 list-style: square;
83     }
84 wakaba 1.10 ol li {
85     list-style: decimal;
86     }
87     ol li ol li {
88     list-style: lower-alpha;
89     }
90 wakaba 1.9
91 wakaba 1.24 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 wakaba 1.29 li > ul,
97     li > ol,
98     li > dl {
99     margin-top: 0;
100     }
101    
102 wakaba 1.24 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 wakaba 1.9 dt {
108 wakaba 1.10 font-weight: normal;
109     list-style: disc;
110 wakaba 1.9 }
111    
112 wakaba 1.1 dd {
113 wakaba 1.9 display: block;
114 wakaba 1.28 margin-left: 0;
115     padding-left: 3em;
116 wakaba 1.9 list-style-type: none;
117 wakaba 1.1 }
118    
119 wakaba 1.16 @media print {
120     dt {
121     page-break-after: avoid;
122     }
123     dd {
124     page-break-before: avoid;
125     }
126     }
127    
128 wakaba 1.17 ul > li:first-child:last-child {
129 wakaba 1.1 list-style: disc;
130     }
131    
132 wakaba 1.22 li > p:first-child,
133     dd > p:first-child {
134     text-indent: 0;
135     }
136    
137 wakaba 1.1 blockquote {
138     display: block;
139 wakaba 1.3 border-left: 1em double rgb(204, 0, 0);
140     padding-left: 1em;
141     }
142    
143     blockquote > cite {
144     display: block;
145     margin-right: 2em;
146     text-align: right;
147     }
148     /* XML Alternate: H3|credit */
149    
150     blockquote > cite:before {
151     display: inline;
152     content: "$B!=!=(B " !important;
153     }
154     blockquote > cite:after {
155     display: inline;
156     content: "" !important;
157 wakaba 1.1 }
158    
159 wakaba 1.2 table {
160     margin-left: auto;
161     margin-right: auto;
162     }
163    
164 wakaba 1.30 /* Sections */
165    
166     section, article, nav, aside,
167     header, footer {
168     display: block;
169     }
170    
171 wakaba 1.4 /* Physical Blocks */
172    
173     pre {
174     display: block;
175 wakaba 1.22 margin: 0 1em;
176 wakaba 1.4 overflow: auto;
177     font-family: "Courier New", "Courier", monospace;
178     }
179    
180 wakaba 1.3 /* Phrase */
181 wakaba 1.2
182 wakaba 1.1 code {
183     font-family: "Courier New", "Courier", monospace;
184     letter-spacing: 0.1em;
185 wakaba 1.10 background-color: transparent;
186     color: orangered;
187 wakaba 1.1 }
188    
189 wakaba 1.4 var {
190 wakaba 1.13 border-bottom-style: solid;
191     border-bottom-width: 1px;
192     padding-bottom: 0.025em;
193 wakaba 1.4 font-style: normal;
194 wakaba 1.13 text-decoration: none;
195 wakaba 1.1 }
196 wakaba 1.4 var:lang(en) {
197 wakaba 1.14 border-bottom-style: none;
198 wakaba 1.4 font-family: "Times New Roman", serif;
199     font-style: italic;
200     text-decoration: none;
201 wakaba 1.1 }
202    
203 wakaba 1.24 dfn:lang(en) > var:lang(en):only-child {
204     font-style: inherit;
205     }
206    
207 wakaba 1.16 /* Abbrevitions */
208     abbr[title] {
209     border-style: none;
210 wakaba 1.22 text-transform: none;
211     font-variant: normal;
212 wakaba 1.16 font-style: normal;
213     font-size: 100%;
214     }
215    
216 wakaba 1.17 dfn:lang(en) abbr[title] {
217     font-style: italic;
218     }
219    
220 wakaba 1.16 @media screen {
221     abbr[title] {
222     border-bottom: 1px dotted #FF0080;
223     padding-bottom: 0.025em;
224     cursor: help;
225     }
226     }
227    
228 wakaba 1.12 /* Defining Instances */
229 wakaba 1.3 dfn {
230     font-style: normal;
231     font-weight: bolder;
232 wakaba 1.27 /* font-family: sans-serif; */
233 wakaba 1.14 font-size: 100%;
234 wakaba 1.3 }
235 wakaba 1.4 dfn:lang(en) {
236     font-style: italic;
237     font-weight: normal;
238 wakaba 1.27 /* font-family: "Times New Roman", "Times", serif; */
239 wakaba 1.4 }
240 wakaba 1.3
241 wakaba 1.24 dfn:lang(en) dfn:lang(en) {
242     font-style: normal;
243     }
244    
245 wakaba 1.18 dfn:lang(en) em {
246     font-style: normal;
247     }
248    
249 wakaba 1.23 /* 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 wakaba 1.15 i {
259     border-style: none;
260     font-style: normal;
261     font-size: 100%;
262     text-decoration: none;
263     }
264    
265 wakaba 1.5 /* Inputs */
266 wakaba 1.3 kbd {
267 wakaba 1.18 margin: 0 0.3em;
268     border: dotted #C0C0C0 1px;
269     padding: 0.2em 0.3em;
270 wakaba 1.3 font-family: "Courier New", "Courier", monospace;
271     font-size: 100%;
272     line-height: 1.1;
273     }
274    
275 wakaba 1.2 em {
276 wakaba 1.14 border-bottom-style: solid;
277     border-bottom-width: 1px;
278     padding-bottom: 0.03em;
279 wakaba 1.2 font-style: normal;
280 wakaba 1.14 text-decoration: none;
281     font-size: 100%;
282 wakaba 1.2 }
283    
284 wakaba 1.3 em:lang(en) {
285 wakaba 1.18 border-bottom-style: none;
286 wakaba 1.3 font-style: italic;
287     text-decoration: none;
288 wakaba 1.2 }
289    
290 wakaba 1.22 em:lang(en) :lang(ja) {
291     font-style: normal;
292     }
293    
294 wakaba 1.13 strong {
295     font-weight: bolder;
296     font-family: sans-serif;
297     }
298     /* Alternate: h1|em */
299    
300 wakaba 1.26 /* HTML5 <mark> */
301     m, mark {
302 wakaba 1.25 text-decoration: underline;
303 wakaba 1.30 background-color: #ffff4d;
304     }
305    
306     mark:empty:before {
307     content: "\A0";
308 wakaba 1.25 }
309 wakaba 1.26 /*
310     NOTE: For compatibility with old documents that use |m| as
311     element names, we keep |m| in the selector as is.
312     */
313 wakaba 1.25
314 wakaba 1.14 /* Citations and quotations */
315    
316 wakaba 1.1 /*
317     * $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
319     */
320    
321 wakaba 1.14 :lang(ja) > cite {
322     quotes: none;
323 wakaba 1.1 font-style: normal;
324     }
325 wakaba 1.14 :lang(ja) > cite:before {
326     content: "$B!X(B";
327 wakaba 1.1 }
328 wakaba 1.14 :lang(ja) > cite:after {
329     content: "$B!Y(B";
330 wakaba 1.1 }
331 wakaba 1.14
332 wakaba 1.12 cite:lang(ja) cite {
333 wakaba 1.14 quotes: none;
334 wakaba 1.12 }
335 wakaba 1.14 cite:lang(ja) cite:before { content: "$B!V(B" }
336     cite:lang(ja) cite:after { content: "$B!W(B" }
337    
338 wakaba 1.1 [lang|="en"] cite, [xml|lang|="en"] cite {
339     quotes: none;
340     font-style: italic;
341     }
342     [lang|="en"] cite cite, [xml|lang|="en"] cite cite {
343     quotes: none;
344     font-style: normal;
345     }
346     [lang|="en"] cite:before, [xml|lang|="en"] cite:before,
347     [lang|="en"] cite:after, [xml|lang|="en"] cite:after {
348 wakaba 1.22 content: "";
349     content: normal;
350 wakaba 1.1 }
351    
352 wakaba 1.14 :lang(ja) > q {
353     quotes: none;
354     }
355     :lang(ja) > q:before {
356 wakaba 1.21 content: " $B!V(B";
357 wakaba 1.14 }
358     :lang(ja) > q:after {
359 wakaba 1.21 content: "$B!W(B ";
360 wakaba 1.14 }
361    
362 wakaba 1.17 :lang(ja) > q q:before {
363 wakaba 1.21 content: " $B!X(B";
364 wakaba 1.17 }
365    
366     :lang(ja) > q q:after {
367 wakaba 1.21 content: "$B!Y(B ";
368 wakaba 1.17 }
369    
370 wakaba 1.20 :lang(en) > q {
371 wakaba 1.22 quotes: none;
372 wakaba 1.20 }
373    
374     :lang(en) > q:before {
375 wakaba 1.21 content: " $B!H(B";
376 wakaba 1.20 }
377    
378     :lang(en) > q:after {
379 wakaba 1.21 content: "$B!I(B ";
380 wakaba 1.20 }
381    
382 wakaba 1.16 /* Tables */
383 wakaba 1.3
384     table {
385 wakaba 1.6 border: 1px solid gray;
386     border-spacing: 0;
387 wakaba 1.3 }
388    
389     thead, tfoot, th {
390 wakaba 1.6 font-weight: bolder;
391 wakaba 1.14 font-family: sans-serif;
392 wakaba 1.3 }
393    
394     td, th {
395     padding: 0.2em 0.4em;
396 wakaba 1.6 border: 1px solid #E0E0E0;
397 wakaba 1.16 empty-cells: show;
398 wakaba 1.3 }
399    
400 wakaba 1.6 th[scope="row"], th[scope="rowgroup"] {
401     text-align: left;
402     border-right: 1px solid #C0C0C0;
403 wakaba 1.1 }
404 wakaba 1.6 th[scope="col"], th[scope="colgroup"] {
405     text-align: center;
406     border-bottom: 1px solid #C0C0C0;
407 wakaba 1.1 }
408    
409 wakaba 1.5 /* Subscripts and Superscripts */
410    
411     sub {
412     vertical-align: sub;
413     font-size: 80%;
414     }
415     sup {
416     vertical-align: top;
417     font-size: 80%;
418     }
419    
420    
421 wakaba 1.3 /* Edit */
422    
423     ins {
424 wakaba 1.14 border-bottom-style: solid;
425     border-bottom-width: 1px;
426     padding-bottom: 0.03em;
427 wakaba 1.5 background-color: rgb(255, 255, 153);
428 wakaba 1.3 color: black;
429 wakaba 1.14 font-style: normal;
430     text-decoration: none;
431 wakaba 1.5 }
432    
433     body > ins {
434     display: block;
435     text-decoration: none;
436 wakaba 1.3 }
437    
438     del {
439     background-color: #FFBBBB;
440     color: black;
441 wakaba 1.4 font-size: 80%;
442 wakaba 1.18 text-decoration: line-through;
443 wakaba 1.3 }
444    
445 wakaba 1.5 body > del {
446     display: block;
447     }
448    
449 wakaba 1.3 /* Footer */
450    
451     address {
452     font-style: normal;
453     font-size: 100%;
454     }
455    
456 wakaba 1.9 /* Hyperlinks */
457    
458 wakaba 1.13 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 wakaba 1.9 [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 wakaba 1.29 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 wakaba 1.10 /* Forms */
484    
485     textarea {
486     vertical-align: top;
487     }
488    
489 wakaba 1.1 /* License
490    
491 wakaba 1.4 Copyright 2003-2005 Wakaba <w@suika.fam.cx>.
492 wakaba 1.1
493     This program is free software; you can redistribute it and/or modify
494     it under the terms of the GNU General Public License as published by
495     the Free Software Foundation; either version 2 of the License, or
496     (at your option) any later version.
497    
498     This program is distributed in the hope that it will be useful,
499     but WITHOUT ANY WARRANTY; without even the implied warranty of
500     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
501     GNU General Public License for more details.
502    
503     You should have received a copy of the GNU General Public License
504     along with this program; see the file COPYING. If not, write to
505     the Free Software Foundation, Inc., 59 Temple Place - Suite 330,
506     Boston, MA 02111-1307, USA.
507    
508     */
509    
510 wakaba 1.30 /* $Date: 2008/11/06 13:49:08 $ */

admin@suikawiki.org
ViewVC Help
Powered by ViewVC 1.1.24