swe/styles/sw.css

@import 'sw-classes.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;
  line-height: 1.5;
  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%;
  border-bottom: solid 0.1em;
  padding-bottom: 0.1em;
}

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 {
  border-bottom: solid 0.1em;
  padding-bottom: 0.1em;
  background-color: rgb(255, 255, 153);
  color: black;
  text-decoration: none;
}

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

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

/* Anchors */

:link, :visited {
  border-bottom: solid 0.1em blue;
  padding-bottom: 0.1em;
  text-decoration: none;
}

.sw-anchor:link, .sw-anchor:visited {
  border-bottom-style: dashed;
  color: inherit;
  background-color: transparent;
}

.sw-anchor + .sw-anchor,
.sw-anchor + em,
.sw-anchor + ins,
em + .sw-anchor,
em + em,
em + ins,
ins + .sw-anchor,
ins + em,
ins + ins {
  /* Split border-bottoms */
  margin-left: 0.3em;
}

.sw-anchor:visited {
  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,
.sw-anchor:hover,
.sw-anchor-internal:hover,
.sw-anchor-external:hover {
  background-color: #FFA;
  color: #000080;
  border-bottom-style: solid;
}

/* Code fragments */

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

/* 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 {
  border-bottom: solid 0.1em;
  padding-bottom: 0.1em;
  font-style: normal;
}

.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;
}

var sub, var sup {
  font-style: normal;
}

/* Edit forms */

form {
  border: blue dashed 0.1em;
  padding: 0.3em 0.7em;
}

form p {
  text-indent: 0;
}

textarea {
  width: 98%;
  height: 10em;
  padding: 0.3em;
}

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

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