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;
  line-height: 2.0;
  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;
}

tr:hover {
  background-color: #ffecf5;
  color: black;
}

td:hover {
  background-color: #f4fffa;
  color: black;
}


/* 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 {
  margin-left: 0.3em;
}
*//* Split border-bottoms */

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

[rel~=bookmark] {
  border-style: none !important;
  color: inherit !important;
  background-color: transparent !important;
}

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