swe/styles/sw.css

html {
  padding: 0.5em;
}

html, td {
  line-height: 2.2;
}

.nav {
  display: block;
  text-align: right;
}

.nav.swe-names {
  margin-left: 0.5em;
  font-size: 150%;
  font-weight: bolder;
  font-family: sans-serif;
  text-align: left;
}

.footer {
  display: block;
  margin-top: 1em;
  border-top: gray thin solid;
  padding-top: 0.3em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  padding: 0;
  color: #004000;
  background-color: transparent;
  font-weight: bolder;
  font-family; sans-serif;
}

h1 {
  background-image: url(http://suika.fam.cx/~wakaba/-temp/2004/sw) /* 107x59 */;
  background-position: middle left;
  background-repeat: no-repeat;
  padding-left: 120px;
  min-height: 59px;
  font-size: 150%;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 120%;
  text-decoration: underline;
}

h4 {
  font-size: 120%;
}

h5, h6 {
  font-size: 100%;
}

.article, .section {
  display: block;
  margin: 0 0 2em 0;
  padding: 0 1em 0 2em;
}

p + .article, p + .section,
ul + .article, ul + .section,
ol + .article, ol + .section,
dl + .article, dl + .section,
table + .article, table + .section,
blockquote + .article, blockquote + .section,
.comment-p + .article, .comment-p + .section,
.ed + .article, .ed + .section,
ins + .article, ins + .section,
del + .article, del + .section {
  margin-top: 2em;
}

.article > h1, .section > h1,
.article > h2, .section > h2,
.article > h3, .section > h3,
.article > h4, .section > h4,
.article > h5, .section > h5,
.article > h6, .section > h6,
.article > .article, .article > .section,
.section > .article, .section > .section {
  margin-left: -1em;
}

blockquote {
  margin: 0.5em 0 0.5em 2em;
  border-left: #004000 double 0.3em;
  padding: 0.2em 0.5em;
  background-color: #f7fff7;
  color: black;
}

/* Paragraph-level blocks */

.sw-comment-p {
  display: block;
  padding-left: 1em;
  color: #004000;
  background-color: transparent;
  text-indent: -1em;
}

.sw-comment-p:before {
  content: ";; ";
}

.sw-ed {
  display: block;
  margin: 1em 0;
  border: medium solid;
  padding: 0.5em 1em 0.5em 2em;
  color: rgb(229, 0, 0);
  background-color: transparent;
  text-indent: -1em;
}

.sw-ed:before {
  content: "@@ ";
}

p {
  margin: 0;
  text-indent: 1em;
}

pre {
  margin: 0;
}

/* Lists */

ul, ol, dl {
  margin: 0;
  text-indent: 0;
}

/* Tables */

table {
  margin: 0 0.5em;
  border: 1px solid gray;
  border-spacing: 0;
}

thead, tfoot, th {
  font-weight: bolder;
  font-family: sans-serif;
}

td, th {
  padding: 0.2em 0.4em;
  border: 1px solid #E0E0E0;
  empty-cells: show;
  text-indent: 0;
}

th[scope="row"], th[scope="rowgroup"] {
  text-align: left;
  border-right: 1px solid #C0C0C0;
}
th[scope="col"], th[scope="colgroup"] {
  text-align: center;
  border-bottom: 1px solid #C0C0C0;
}

/* Edits */

ins {
  background-color: rgb(255, 255, 153);
  color: black;
  text-decoration: underline;
}

del {
  background-color: #FFBBBB;
  color: black;
  font-size: 80%;
  text-decoration: line-through;
}

.section > ins,
.section > del,
blockquote > ins,
blockquote > del {
  display: block;
  margin: 0.5em 0;
  padding: 0.2em 0.5em;
}

/* Anchors */

.sw-anchor:link, .sw-anchor:visited {
  border-bottom: solid thin blue;
  padding-bottom: 0.1em;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}

.sw-anchor:visisted {
  border-bottom-color: purple;
}

.sw-anchor-internal {
/*  color: inherit;
  background-color: transparent; */
  text-decoration: none;
}

.sw-anchor-end {
  display: block;
  position: absolute;
  left: 0.4em;
  top: auto;
  color: gray;
  text-indent: 0;
  font-size: smaller;
}

a:hover {
  background-color: #FFA;
  color: #000080;
}

/* Code fragments */

code, samp, pre.code {
  color: #800000;
  font-family: "Courier New", monospace;
}

pre.example:before {
  display: block;
  content: "$BNc(B: ";
  font-weight: bolder;
  font-family: sans-serif;
}

pre.bad.example:before {
  content: "$B0-$$Nc(B: ";
}

pre.invalid.example:before {
  content: "$BHsBEEv$JNc(B: ";
}

pre.illegal.example:before {
  content: "$BHsBEEv$JNc(B: ";
}

/* Citations */

cite {
  font-style: normal;
}

cite:before {
  content: "$B!X(B";
}

cite:after {
  content: "$B!Y(B";
}

.sw-csection {

}

.sw-csection:before {
  content: "$B!V(B";
}

.sw-csection:after {
  content: "$B!W(B";
}

.sw-src {
  font-style: normal;
  color: gray;
}

.sw-src:before {
  content: " [";
}

.sw-src:after {
  content: "] ";
}

/* Inline quotations */

q:before {
  content: " $B!V(B";
}

q:after {
  content: "$B!W(B ";
}

q q:before {
  content: " $B!X(B";
}

q q:after {
  content: "$B!Y(B ";
}

/* Emphases and important words */

strong {

}

em {
  font-style: normal;
  text-decoration: underline;
}

.sw-weak {
  font-size: smaller;
  color: gray;
  background-color: transparent;
}

/* Ruby annotations */

ruby {
  display: inline;
  ruby-position: inline;
  position: relative;
}

rp {
  display: none;
}

rt {
  display: block;
  position: absolute;
  bottom: 1.7em;
  left: 0;
  right: 0;
  font-size: 70%;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  text-indent: 0;
}

rt + rt, .sw-rubyb > rt {
  top: 1.7em;
  bottom: auto;    
}

/* Other inlines */

dfn {
  font-style: normal;
  font-weight: bolder;
  font-family: sans-serif;
}

/* Edit forms */

form p {
  text-indent: 0;
}

textarea {
  width: 100%;
  height: 10em;
}

textarea[name=text] {
  height: 30em;
}

textarea[name=names] {
  height: 4em;
}
1	wakaba	1.1	html {
2			padding: 0.5em;
3			}
4
5			html, td {
6			line-height: 2.2;
7			}
8
9			.nav {
10			display: block;
11			text-align: right;
12			}
13
14			.nav.swe-names {
15			margin-left: 0.5em;
16			font-size: 150%;
17			font-weight: bolder;
18			font-family: sans-serif;
19			text-align: left;
20			}
21
22			.footer {
23			display: block;
24			margin-top: 1em;
25			border-top: gray thin solid;
26			padding-top: 0.3em;
27			}
28
29			h1, h2, h3, h4, h5, h6 {
30			margin: 0 0 0.5em 0;
31			padding: 0;
32			color: #004000;
33			background-color: transparent;
34			font-weight: bolder;
35			font-family; sans-serif;
36			}
37
38			h1 {
39			background-image: url(http://suika.fam.cx/~wakaba/-temp/2004/sw) /* 107x59 */;
40			background-position: middle left;
41			background-repeat: no-repeat;
42			padding-left: 120px;
43			min-height: 59px;
44			font-size: 150%;
45			}
46
47			h2 {
48			font-size: 150%;
49			}
50
51			h3 {
52			font-size: 120%;
53			text-decoration: underline;
54			}
55
56			h4 {
57			font-size: 120%;
58			}
59
60			h5, h6 {
61			font-size: 100%;
62			}
63
64			.article, .section {
65			display: block;
66			margin: 0 0 2em 0;
67			padding: 0 1em 0 2em;
68			}
69
70			p + .article, p + .section,
71			ul + .article, ul + .section,
72			ol + .article, ol + .section,
73			dl + .article, dl + .section,
74			table + .article, table + .section,
75	wakaba	1.2	blockquote + .article, blockquote + .section,
76			.comment-p + .article, .comment-p + .section,
77			.ed + .article, .ed + .section,
78	wakaba	1.1	ins + .article, ins + .section,
79			del + .article, del + .section {
80			margin-top: 2em;
81			}
82
83			.article > h1, .section > h1,
84			.article > h2, .section > h2,
85			.article > h3, .section > h3,
86			.article > h4, .section > h4,
87			.article > h5, .section > h5,
88			.article > h6, .section > h6,
89			.article > .article, .article > .section,
90			.section > .article, .section > .section {
91			margin-left: -1em;
92			}
93
94			blockquote {
95			margin: 0.5em 0 0.5em 2em;
96			border-left: #004000 double 0.3em;
97			padding: 0.2em 0.5em;
98			background-color: #f7fff7;
99			color: black;
100			}
101
102			/* Paragraph-level blocks */
103
104			.sw-comment-p {
105			display: block;
106			padding-left: 1em;
107			color: #004000;
108			background-color: transparent;
109			text-indent: -1em;
110			}
111
112			.sw-comment-p:before {
113			content: ";; ";
114			}
115
116			.sw-ed {
117			display: block;
118			margin: 1em 0;
119			border: medium solid;
120			padding: 0.5em 1em 0.5em 2em;
121			color: rgb(229, 0, 0);
122			background-color: transparent;
123			text-indent: -1em;
124			}
125
126			.sw-ed:before {
127			content: "@@ ";
128			}
129
130			p {
131			margin: 0;
132			text-indent: 1em;
133			}
134
135			pre {
136			margin: 0;
137			}
138
139			/* Lists */
140
141			ul, ol, dl {
142			margin: 0;
143			text-indent: 0;
144			}
145
146			/* Tables */
147
148			table {
149			margin: 0 0.5em;
150			border: 1px solid gray;
151			border-spacing: 0;
152			}
153
154			thead, tfoot, th {
155			font-weight: bolder;
156			font-family: sans-serif;
157			}
158
159			td, th {
160			padding: 0.2em 0.4em;
161			border: 1px solid #E0E0E0;
162			empty-cells: show;
163			text-indent: 0;
164			}
165
166			th[scope="row"], th[scope="rowgroup"] {
167			text-align: left;
168			border-right: 1px solid #C0C0C0;
169			}
170			th[scope="col"], th[scope="colgroup"] {
171			text-align: center;
172			border-bottom: 1px solid #C0C0C0;
173			}
174
175			/* Edits */
176
177			ins {
178			background-color: rgb(255, 255, 153);
179			color: black;
180			text-decoration: underline;
181			}
182
183			del {
184			background-color: #FFBBBB;
185			color: black;
186			font-size: 80%;
187			text-decoration: line-through;
188			}
189
190			.section > ins,
191			.section > del,
192			blockquote > ins,
193			blockquote > del {
194			display: block;
195			margin: 0.5em 0;
196			padding: 0.2em 0.5em;
197			}
198
199			/* Anchors */
200
201			.sw-anchor:link, .sw-anchor:visited {
202			border-bottom: solid thin blue;
203			padding-bottom: 0.1em;
204			color: inherit;
205			background-color: transparent;
206			text-decoration: none;
207			}
208
209			.sw-anchor:visisted {
210			border-bottom-color: purple;
211			}
212
213			.sw-anchor-internal {
214			/* color: inherit;
215			background-color: transparent; */
216			text-decoration: none;
217			}
218
219			.sw-anchor-end {
220			display: block;
221			position: absolute;
222			left: 0.4em;
223			top: auto;
224			color: gray;
225			text-indent: 0;
226			font-size: smaller;
227			}
228
229			a:hover {
230			background-color: #FFA;
231			color: #000080;
232			}
233
234			/* Code fragments */
235
236			code, samp, pre.code {
237			color: #800000;
238			font-family: "Courier New", monospace;
239			}
240
241			pre.example:before {
242			display: block;
243			content: "$BNc(B: ";
244			font-weight: bolder;
245			font-family: sans-serif;
246			}
247
248			pre.bad.example:before {
249			content: "$B0-$$Nc(B: ";
250			}
251
252			pre.invalid.example:before {
253			content: "$BHsBEEv$JNc(B: ";
254			}
255
256			pre.illegal.example:before {
257			content: "$BHsBEEv$JNc(B: ";
258			}
259
260			/* Citations */
261
262			cite {
263			font-style: normal;
264			}
265
266			cite:before {
267			content: "$B!X(B";
268			}
269
270			cite:after {
271			content: "$B!Y(B";
272			}
273
274			.sw-csection {
275
276			}
277
278			.sw-csection:before {
279			content: "$B!V(B";
280			}
281
282			.sw-csection:after {
283			content: "$B!W(B";
284			}
285
286			.sw-src {
287			font-style: normal;
288			color: gray;
289			}
290
291			.sw-src:before {
292			content: " [";
293			}
294
295			.sw-src:after {
296			content: "] ";
297			}
298
299			/* Inline quotations */
300
301			q:before {
302			content: " $B!V(B";
303			}
304
305			q:after {
306			content: "$B!W(B ";
307			}
308
309			q q:before {
310			content: " $B!X(B";
311			}
312
313			q q:after {
314			content: "$B!Y(B ";
315			}
316
317			/* Emphases and important words */
318
319			strong {
320
321			}
322
323			em {
324			font-style: normal;
325			text-decoration: underline;
326			}
327
328			.sw-weak {
329			font-size: smaller;
330			color: gray;
331			background-color: transparent;
332			}
333
334			/* Ruby annotations */
335
336			ruby {
337			display: inline;
338			ruby-position: inline;
339			position: relative;
340			}
341
342			rp {
343			display: none;
344			}
345
346			rt {
347			display: block;
348			position: absolute;
349			bottom: 1.7em;
350			left: 0;
351			right: 0;
352			font-size: 70%;
353			line-height: 1.1;
354			text-align: center;
355			white-space: nowrap;
356			text-indent: 0;
357			}
358
359			rt + rt, .sw-rubyb > rt {
360			top: 1.7em;
361			bottom: auto;
362			}
363
364			/* Other inlines */
365
366			dfn {
367			font-style: normal;
368			font-weight: bolder;
369			font-family: sans-serif;
370			}
371
372			/* Edit forms */
373
374			form p {
375			text-indent: 0;
376			}
377
378			textarea {
379			width: 100%;
380			height: 10em;
381			}
382
383			textarea[name=text] {
384			height: 30em;
385			}
386
387			textarea[name=names] {
388			height: 4em;
389			}