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

/* Advertisements */

.swe-ad {
  display: block;
  margin-left: 2em;
  margin-top: 1em;
}

/* Links */

.swe-links {
  padding: 0;
  text-indent: 0;
}

.swe-links li {
  display: inline;
  list-style: none;
  margin: 0 1em 0;
  padding: 0;
}

.swe-unrelated {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 70%;
  text-indent: 0;
  color: inherit;
  background-color: transparent;
}

li:hover .swe-unrelated {
  display: inline;
}
1	@import 'sw-classes.css';
2
3	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	.nav.swe-info,
25	.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	.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	line-height: 1.5;
51	color: #004000;
52	background-color: transparent;
53	font-weight: bolder;
54	font-family: sans-serif;
55	}
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	line-height: 2.0;
64	font-size: 150%;
65	}
66
67	h2, h3 {
68	font-size: 150%;
69	}
70
71	h4 {
72	font-size: 120%;
73	border-bottom: solid 0.1em;
74	padding-bottom: 0.1em;
75	}
76
77	h5 {
78	font-size: 120%;
79	}
80
81	h6 {
82	font-size: 100%;
83	}
84
85	.article, .section, 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	blockquote + .article, blockquote + .section,
97	.sw-comment-p + .article, .sw-comment-p + .section,
98	.sw-ed + .article, .sw-ed + .section,
99	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	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	/* Edits */
208
209	ins {
210	border-bottom: solid 0.1em;
211	padding-bottom: 0.1em;
212	background-color: rgb(255, 255, 153);
213	color: black;
214	text-decoration: none;
215	}
216
217	del {
218	background-color: #FFBBBB;
219	color: black;
220	font-size: 80%;
221	text-decoration: line-through;
222	}
223
224	.article > ins,
225	.article > del,
226	.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	:link, :visited {
238	border-bottom: solid 0.1em blue;
239	padding-bottom: 0.1em;
240	text-decoration: none;
241	}
242
243	.sw-anchor:link, .sw-anchor:visited {
244	border-bottom-style: dashed;
245	color: inherit;
246	background-color: transparent;
247	}
248
249	/*
250	.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	// Split border-bottoms */
262
263	.sw-anchor:visited {
264	border-bottom-color: purple;
265	}
266
267	.sw-anchor-internal {
268	/* color: inherit;
269	background-color: transparent; */
270	border-bottom-style: none;
271	}
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	a:hover,
284	.sw-anchor:hover,
285	.sw-anchor-internal:hover,
286	.sw-anchor-external:hover {
287	background-color: #FFA;
288	color: #000080;
289	border-bottom-style: solid;
290	}
291
292	[rel~=bookmark] {
293	border-style: none !important;
294	color: inherit !important;
295	background-color: transparent !important;
296	}
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	border-bottom: solid 0.1em;
370	padding-bottom: 0.1em;
371	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	rt ~ rt, .sw-rubyb > rt {
406	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	var sub, var sup {
419	font-style: normal;
420	}
421
422	/* Entity references (obsolete) */
423	.sw-replace {
424	color: red;
425	}
426
427	.sw-replace:before, .sw-replace:after {
428	content: " ";
429	}
430
431	/* Edit forms */
432
433	form {
434	border: blue dashed 0.1em;
435	padding: 0.3em 0.7em;
436	}
437
438	form p {
439	text-indent: 0;
440	}
441
442	textarea {
443	width: 98%;
444	height: 10em;
445	padding: 0.3em;
446	}
447
448	textarea[name=text] {
449	height: 30em;
450	}
451
452	textarea[name=names] {
453	height: 4em;
454	}
455
456	input[name=title] {
457	width: 98%;
458	}
459
460	/* Advertisements */
461
462	.swe-ad {
463	display: block;
464	margin-left: 2em;
465	margin-top: 1em;
466	}
467
468	/* Links */
469
470	.swe-links {
471	padding: 0;
472	text-indent: 0;
473	}
474
475	.swe-links li {
476	display: inline;
477	list-style: none;
478	margin: 0 1em 0;
479	padding: 0;
480	}
481
482	.swe-unrelated {
483	display: none;
484	margin: 0;
485	padding: 0;
486	font-size: 70%;
487	text-indent: 0;
488	color: inherit;
489	background-color: transparent;
490	}
491
492	li:hover .swe-unrelated {
493	display: inline;
494	}