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