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	@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-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	.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	line-height: 1.5;
50	color: #004000;
51	background-color: transparent;
52	font-weight: bolder;
53	font-family: sans-serif;
54	}
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	line-height: 2.0;
63	font-size: 150%;
64	}
65
66	h2, h3 {
67	font-size: 150%;
68	}
69
70	h4 {
71	font-size: 120%;
72	border-bottom: solid 0.1em;
73	padding-bottom: 0.1em;
74	}
75
76	h5 {
77	font-size: 120%;
78	}
79
80	h6 {
81	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	blockquote + .article, blockquote + .section,
96	.sw-comment-p + .article, .sw-comment-p + .section,
97	.sw-ed + .article, .sw-ed + .section,
98	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	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	/* Edits */
207
208	ins {
209	border-bottom: solid 0.1em;
210	padding-bottom: 0.1em;
211	background-color: rgb(255, 255, 153);
212	color: black;
213	text-decoration: none;
214	}
215
216	del {
217	background-color: #FFBBBB;
218	color: black;
219	font-size: 80%;
220	text-decoration: line-through;
221	}
222
223	.article > ins,
224	.article > del,
225	.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	:link, :visited {
237	border-bottom: solid 0.1em blue;
238	padding-bottom: 0.1em;
239	text-decoration: none;
240	}
241
242	.sw-anchor:link, .sw-anchor:visited {
243	border-bottom-style: dashed;
244	color: inherit;
245	background-color: transparent;
246	}
247
248	/*
249	.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	// Split border-bottoms */
261
262	.sw-anchor:visited {
263	border-bottom-color: purple;
264	}
265
266	.sw-anchor-internal {
267	/* color: inherit;
268	background-color: transparent; */
269	border-bottom-style: none;
270	}
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	a:hover,
283	.sw-anchor:hover,
284	.sw-anchor-internal:hover,
285	.sw-anchor-external:hover {
286	background-color: #FFA;
287	color: #000080;
288	border-bottom-style: solid;
289	}
290
291	[rel~=bookmark] {
292	border-style: none !important;
293	color: inherit !important;
294	background-color: transparent !important;
295	}
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	border-bottom: solid 0.1em;
369	padding-bottom: 0.1em;
370	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	rt ~ rt, .sw-rubyb > rt {
405	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	var sub, var sup {
418	font-style: normal;
419	}
420
421	/* Entity references (obsolete) */
422	.sw-replace {
423	color: red;
424	}
425
426	.sw-replace:before, .sw-replace:after {
427	content: " ";
428	}
429
430	/* Edit forms */
431
432	form {
433	border: blue dashed 0.1em;
434	padding: 0.3em 0.7em;
435	}
436
437	form p {
438	text-indent: 0;
439	}
440
441	textarea {
442	width: 98%;
443	height: 10em;
444	padding: 0.3em;
445	}
446
447	textarea[name=text] {
448	height: 30em;
449	}
450
451	textarea[name=names] {
452	height: 4em;
453	}
454
455	input[name=title] {
456	width: 98%;
457	}