2005/tutorial/tutorial-style.css

@charset 'iso-2022-jp';
@import 'http://suika.fam.cx/www/style/html/xhtml.css';
@namespace xoxo 'http://suika.fam.cx/www/style/html/xoxo#';

body {
  margin-left: 3em;
  margin-right: 3em;
}

div.section {
  min-width: 30em;
  margin-right: 8em;
}

div.section div.section {
  margin-right: 0;
}

h3:before, h4:before {
  display: none;
}

#toc li {
  list-style-type: none;
}

div.doc-preamble,
div.doc-postamble,
div.doc-key-points {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1em;
  background-color: rgb(221, 221, 221);
  color: black;
}

div.doc-key-points {
  clear: both;
  -moz-border-radius-topright: 2em;
  -moz-border-radius-bottomleft: 2em;
  background-color: #ffe8ff;
}

div.doc-exercise {
  margin-left: 4em;
  margin-right: 4em;
  border-style: double;
  border-color: rgb(255, 165, 0);
  border-size: thin;
  padding: 0 1em;
}

div.doc-exercise > div.doc-problem {
  margin-bottom: 1em;
}

div.doc-exercise > div.doc-problem > h2,
div.doc-exercise > div.doc-problem > h3,
div#answers div.doc-problem > h3,
div#answers div.doc-problem > h4 {
  display: inline;
}

div.doc-exercise > div.doc-problem > h2:before,
div.doc-exercise > div.doc-problem > h3:before,
div#answers div.doc-problem > h3:before,
div#answers div.doc-problem > h4:before {
  display: none;
}

div.doc-exercise > div.doc-problem > h2 + p,
div.doc-exercise > div.doc-problem > h3 + p,
div#answers div.doc-problem > h3 + p,
div#answers div.doc-problem > h4 + p {
  display: inline;
}

div#answers pre {
  margin-left: 1em;
}

div#index li {
  clear: left;
}

div#index > ol > li {
  display: block;
  list-style-type: none;
}

div#index > ol > li > div.non-para {
  display: block;
  list-style-type: none;
  text-align: center;
  letter-spacing: 1em;
  font-weight: bolder;
  font-family: sans-serif;
  -moz-user-select: none;
}

div#index > ol > li.doc-index-aiueo-misc > div.non-para {
  letter-spacing: 0;
}

div#index > ol > li > div.non-para:before {
  display: inline;
  content: "\003016";
  letter-spacing: 1em;
}

div#index > ol > li:not([xoxo|expanded="true"]) > div.non-para:before {
  content: "$B!Z(B";
}

div#index > ol > li > div.non-para:after {
  display: inline;
  content: "\003017";
  letter-spacing: 0;
}

div#index > ol > li.doc-index-aiueo-misc > div.non-para:after {
  padding-left: 1em;
}

div#index > ol > li:not([xoxo|expanded="true"]) > div.non-para:after {
  content: "$B![(B";
}

div#index ol li {
  list-style-type: none;
}

div#index span.doc-index-item {
  display: block;
  float: left;
  width: 60%;
}

div#index span.doc-index-page {
  display: block;
}

div#index em {
  font-weight: bolder;
  font-family: sans-serif;
}


div.fig {
  clear: right;
  float: right;
  width: 45%;
  margin-left: 2em;
  margin-right: 1em;
}

div.quote ~ div.fig {
  clear: none;
  float: none;
  width: auto;
  margin-left: 1em;
  margin-right: 55%;
}

#lists-wonders-tree-prose {
  clear: left;
  float: left;
  width: 42%;
  margin-left: 1em;
  margin-right: 2em;
}

#parahraphs-example-tree-html,
#lists-wonders-tree-html,
#lists-recipe-kenchin-tree-html,
#lists-wonders-tree-prose,
#lists-example-wonders {
  clear: both;
  float: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

div.doc-problem div.fig {
  float: none;
  clear: both;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

div.fig-body {
  font-size: 80%;
}

div.fig-body div.memo {
  font-size: 100% /* 80% * __(100/80)% * 80%__ */;
}

div.fig-body ol.xoxo {
  margin-left: 1em;
}

div.fig div.caption {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

div.fig div.caption,
div.example div.caption {
  font-size: 90%;
}

div.fig > div.caption:before,
div.example > div.caption:before {
  display: none;
  content: "";
}

div.quote {
  clear: right;
  float: right;
  width: 45%;
  margin-top: 2em;
  margin-left: 2.5em;
  margin-right: 1.5em;
  font-size: 80%;
}

blockquote h3,
blockquote h4 {
  margin-left: 1em;
  margin-bottom: 1em;
}

blockquote h3:before,
blockquote h4:before {
  display: none;
}

div.quote div.credit {
  font-size: 80%;
}

div.example {
  clear: both;
  float: none;
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.example:before {
  display: none;
}

div.example pre > code.HTML,
div#answers pre > code.HTML {
  color: inherit;
  background-color: transparent;
}

div.memo:not(.ed), div.memo.todo {
  position: absolute;
  top: auto;
  right: 0.5em;
  width: 13em;
  margin: 1em 0;
  font-size: 80%;
  -moz-binding: url(http://suika.fam.cx/www/style/ui/sidenote.xbl#bottom-by-previous-sibling-offset);
}

div.memo + div.memo,
div.fig + * + div.memo {
  -moz-binding: url(http://suika.fam.cx/www/style/ui/sidenote.xbl#top-by-previous-sibling-offset);
}

div.memo :first-child:before {
  display: block;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}

div.info.memo > :first-child:before {
  content: "$B%a%b(B : ";
}

div.info.memo.ed > :first-child:before {
  content: "$BJT=8<T$N%a%b(B: ";
}

div.info.memo.todo > :first-child:before {
  content: "TO DO: ";
}

div.doc-mini-column {
  margin: 2em 4em;
  -moz-border-radius: 1em;
  padding: 1em;
  background-color: rgb(238, 238, 204);
  color: black;
}

div.doc-mini-column div.caption {
  margin-bottom: 1em;
  margin-left: 1em;
}


code.tutorial-tag, code.doc-sgml-declaration {
  font-weight: bolder;
  color: blue;
  background-color: transparent;
}

pre {
  text-indent: 0;
}

code.HTML a:link, code.HTML a:visited,
code.HTMLe a:link, code.HTMLe a:visited,
code.HTMLa a:link, code.HTMLa a:visited {
  color: inherit;
  background-color: transparent;
}

.block {
  display: block;
  margin-left: 3em;
  text-indent: 0;
}

.tutorial-syntax {
  margin-left: 1em;
  margin-right: 1em;
  text-align: center;
}

a.doc-mark-ref, a.doc-iref-quote, a.doc-iref-fig,
a.doc-iref-example, a.doc-iref-section {
  color: inherit;
  background-color: transparent;
  border-style: none;
  text-decoration: none;
}

a.doc-mark-ref {
  cursor: inherit;
}

.doc-mark-enabled, .snip.doc-mark-enabled {
  background-color: #ffff80;
}

span.latex-a {
  text-transform: uppercase;
  vertical-align: 0.2em;
}

span.latex-e {
  text-transform: uppercase;
  vertical-align: -0.2em;
}

/*
  License: GNU FDL (See |webpage.ja.xml|).
  $Date:$
*/
1	wakaba	1.1	@charset 'iso-2022-jp';
2			@import 'http://suika.fam.cx/www/style/html/xhtml.css';
3			@namespace xoxo 'http://suika.fam.cx/www/style/html/xoxo#';
4
5			body {
6			margin-left: 3em;
7			margin-right: 3em;
8			}
9
10			div.section {
11			min-width: 30em;
12			margin-right: 8em;
13			}
14
15			div.section div.section {
16			margin-right: 0;
17			}
18
19			h3:before, h4:before {
20			display: none;
21			}
22
23			#toc li {
24			list-style-type: none;
25			}
26
27			div.doc-preamble,
28			div.doc-postamble,
29			div.doc-key-points {
30			width: 70%;
31			margin-left: auto;
32			margin-right: auto;
33			margin-top: 2em;
34			margin-bottom: 2em;
35			padding: 1em;
36			background-color: rgb(221, 221, 221);
37			color: black;
38			}
39
40			div.doc-key-points {
41			clear: both;
42			-moz-border-radius-topright: 2em;
43			-moz-border-radius-bottomleft: 2em;
44			background-color: #ffe8ff;
45			}
46
47			div.doc-exercise {
48			margin-left: 4em;
49			margin-right: 4em;
50			border-style: double;
51			border-color: rgb(255, 165, 0);
52			border-size: thin;
53			padding: 0 1em;
54			}
55
56			div.doc-exercise > div.doc-problem {
57			margin-bottom: 1em;
58			}
59
60			div.doc-exercise > div.doc-problem > h2,
61			div.doc-exercise > div.doc-problem > h3,
62			div#answers div.doc-problem > h3,
63			div#answers div.doc-problem > h4 {
64			display: inline;
65			}
66
67			div.doc-exercise > div.doc-problem > h2:before,
68			div.doc-exercise > div.doc-problem > h3:before,
69			div#answers div.doc-problem > h3:before,
70			div#answers div.doc-problem > h4:before {
71			display: none;
72			}
73
74			div.doc-exercise > div.doc-problem > h2 + p,
75			div.doc-exercise > div.doc-problem > h3 + p,
76			div#answers div.doc-problem > h3 + p,
77			div#answers div.doc-problem > h4 + p {
78			display: inline;
79			}
80
81			div#answers pre {
82			margin-left: 1em;
83			}
84
85			div#index li {
86			clear: left;
87			}
88
89			div#index > ol > li {
90			display: block;
91			list-style-type: none;
92			}
93
94			div#index > ol > li > div.non-para {
95			display: block;
96			list-style-type: none;
97			text-align: center;
98			letter-spacing: 1em;
99			font-weight: bolder;
100			font-family: sans-serif;
101			-moz-user-select: none;
102			}
103
104			div#index > ol > li.doc-index-aiueo-misc > div.non-para {
105			letter-spacing: 0;
106			}
107
108			div#index > ol > li > div.non-para:before {
109			display: inline;
110			content: "\003016";
111			letter-spacing: 1em;
112			}
113
114			div#index > ol > li:not([xoxo\|expanded="true"]) > div.non-para:before {
115			content: "$B!Z(B";
116			}
117
118			div#index > ol > li > div.non-para:after {
119			display: inline;
120			content: "\003017";
121			letter-spacing: 0;
122			}
123
124			div#index > ol > li.doc-index-aiueo-misc > div.non-para:after {
125			padding-left: 1em;
126			}
127
128			div#index > ol > li:not([xoxo\|expanded="true"]) > div.non-para:after {
129			content: "$B![(B";
130			}
131
132			div#index ol li {
133			list-style-type: none;
134			}
135
136			div#index span.doc-index-item {
137			display: block;
138			float: left;
139			width: 60%;
140			}
141
142			div#index span.doc-index-page {
143			display: block;
144			}
145
146			div#index em {
147			font-weight: bolder;
148			font-family: sans-serif;
149			}
150
151
152			div.fig {
153			clear: right;
154			float: right;
155			width: 45%;
156			margin-left: 2em;
157			margin-right: 1em;
158			}
159
160			div.quote ~ div.fig {
161			clear: none;
162			float: none;
163			width: auto;
164			margin-left: 1em;
165			margin-right: 55%;
166			}
167
168			#lists-wonders-tree-prose {
169			clear: left;
170			float: left;
171			width: 42%;
172			margin-left: 1em;
173			margin-right: 2em;
174			}
175
176			#parahraphs-example-tree-html,
177			#lists-wonders-tree-html,
178			#lists-recipe-kenchin-tree-html,
179			#lists-wonders-tree-prose,
180			#lists-example-wonders {
181			clear: both;
182			float: none;
183			width: 80%;
184			margin-left: auto;
185			margin-right: auto;
186			}
187
188			div.doc-problem div.fig {
189			float: none;
190			clear: both;
191			width: auto;
192			margin-left: auto;
193			margin-right: auto;
194			}
195
196			div.fig-body {
197			font-size: 80%;
198			}
199
200			div.fig-body div.memo {
201			font-size: 100% /* 80% * __(100/80)% * 80%__ */;
202			}
203
204			div.fig-body ol.xoxo {
205			margin-left: 1em;
206			}
207
208			div.fig div.caption {
209			width: 80%;
210			margin-left: auto;
211			margin-right: auto;
212			}
213
214			div.fig div.caption,
215			div.example div.caption {
216			font-size: 90%;
217			}
218
219			div.fig > div.caption:before,
220			div.example > div.caption:before {
221			display: none;
222			content: "";
223			}
224
225			div.quote {
226			clear: right;
227			float: right;
228			width: 45%;
229			margin-top: 2em;
230			margin-left: 2.5em;
231			margin-right: 1.5em;
232			font-size: 80%;
233			}
234
235			blockquote h3,
236			blockquote h4 {
237			margin-left: 1em;
238			margin-bottom: 1em;
239			}
240
241			blockquote h3:before,
242			blockquote h4:before {
243			display: none;
244			}
245
246			div.quote div.credit {
247			font-size: 80%;
248			}
249
250			div.example {
251			clear: both;
252			float: none;
253			margin-left: 3em;
254			margin-right: 3em;
255			margin-top: 1em;
256			margin-bottom: 1em;
257			}
258
259			div.example:before {
260			display: none;
261			}
262
263			div.example pre > code.HTML,
264			div#answers pre > code.HTML {
265			color: inherit;
266			background-color: transparent;
267			}
268
269			div.memo:not(.ed), div.memo.todo {
270			position: absolute;
271			top: auto;
272			right: 0.5em;
273			width: 13em;
274			margin: 1em 0;
275			font-size: 80%;
276			-moz-binding: url(http://suika.fam.cx/www/style/ui/sidenote.xbl#bottom-by-previous-sibling-offset);
277			}
278
279			div.memo + div.memo,
280			div.fig + * + div.memo {
281			-moz-binding: url(http://suika.fam.cx/www/style/ui/sidenote.xbl#top-by-previous-sibling-offset);
282			}
283
284			div.memo :first-child:before {
285			display: block;
286			margin-left: 0;
287			padding-left: 0;
288			text-indent: 0;
289			}
290
291			div.info.memo > :first-child:before {
292			content: "$B%a%b(B : ";
293			}
294
295			div.info.memo.ed > :first-child:before {
296			content: "$BJT=8<T$N%a%b(B: ";
297			}
298
299			div.info.memo.todo > :first-child:before {
300			content: "TO DO: ";
301			}
302
303			div.doc-mini-column {
304			margin: 2em 4em;
305			-moz-border-radius: 1em;
306			padding: 1em;
307			background-color: rgb(238, 238, 204);
308			color: black;
309			}
310
311			div.doc-mini-column div.caption {
312			margin-bottom: 1em;
313			margin-left: 1em;
314			}
315
316
317
318			code.tutorial-tag, code.doc-sgml-declaration {
319			font-weight: bolder;
320			color: blue;
321			background-color: transparent;
322			}
323
324			pre {
325			text-indent: 0;
326			}
327
328			code.HTML a:link, code.HTML a:visited,
329			code.HTMLe a:link, code.HTMLe a:visited,
330			code.HTMLa a:link, code.HTMLa a:visited {
331			color: inherit;
332			background-color: transparent;
333			}
334
335			.block {
336			display: block;
337			margin-left: 3em;
338			text-indent: 0;
339			}
340
341			.tutorial-syntax {
342			margin-left: 1em;
343			margin-right: 1em;
344			text-align: center;
345			}
346
347			a.doc-mark-ref, a.doc-iref-quote, a.doc-iref-fig,
348			a.doc-iref-example, a.doc-iref-section {
349			color: inherit;
350			background-color: transparent;
351			border-style: none;
352			text-decoration: none;
353			}
354
355			a.doc-mark-ref {
356			cursor: inherit;
357			}
358
359			.doc-mark-enabled, .snip.doc-mark-enabled {
360			background-color: #ffff80;
361			}
362
363			span.latex-a {
364			text-transform: uppercase;
365			vertical-align: 0.2em;
366			}
367
368			span.latex-e {
369			text-transform: uppercase;
370			vertical-align: -0.2em;
371			}
372
373			/*
374			License: GNU FDL (See \|webpage.ja.xml\|).
375			$Date:$
376			*/