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

.nav.swe-info,
.nav.swe-ids {
  margin: 0 auto;
  border: gray 0.3em ridge;
  padding: 0.5em 0.6em;
  width: 60%;
  line-height: 1.6;
  background-color: #f3f3f3;
  color: black;
  text-align: left;  
}

.nav.swe-ids ul {
  margin-top: 0;
}

.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, h3 {
  font-size: 150%;
}

h4 {
  font-size: 120%;
  border-bottom: solid 0.1em;
  padding-bottom: 0.1em;
}

h5 {
  font-size: 120%;
}

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,
.sw-comment-p + .article, .sw-comment-p + .section,
.sw-ed + .article, .sw-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; */
  border-bottom-style: 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;
}

/* Entity references (obsolete) */
.sw-replace {
  color: red;
}

.sw-replace:before, .sw-replace:after {
  content: " ";
}

/* 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;
}

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