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