1/* slidy.css
2
3   Copyright (c) 2005-2010 W3C (MIT, ERCIM, Keio), All Rights Reserved.
4   W3C liability, trademark, document use and software licensing
5   rules apply, see:
6
7   http://www.w3.org/Consortium/Legal/copyright-documents
8   http://www.w3.org/Consortium/Legal/copyright-software
9*/
10
11/*
12   SJR: 2010-09-29: Modified for AsciiDoc slidy backend.
13   Mostly just commented out stuff that is handled by AsciiDoc's CSS files.
14*/
15
16body
17{
18  margin: 0 0 0 0;
19  padding: 0 0 0 0;
20  width: 100%;
21  height: 100%;
22  color: black;
23  background-color: white;
24/*
25  font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
26*/
27  font-size: 14pt;
28}
29
30div.toolbar {
31  position: fixed; z-index: 200;
32  top: auto; bottom: 0; left: 0; right: 0;
33  height: 1.2em; text-align: right;
34  padding-left: 1em;
35  padding-right: 1em;
36  font-size: 60%;
37  color: red;
38  background-color: rgb(240,240,240);
39  border-top: solid 1px rgb(180,180,180);
40}
41
42div.toolbar span.copyright {
43  color: black;
44  margin-left: 0.5em;
45}
46
47div.initial_prompt {
48  position: absolute;
49  z-index: 1000;
50  bottom: 1.2em;
51  width: 90%;
52  background-color: rgb(200,200,200);
53  opacity: 0.35;
54  background-color: rgb(200,200,200, 0.35);
55  cursor: pointer;
56}
57
58div.initial_prompt p.help {
59  text-align: center;
60}
61
62div.initial_prompt p.close {
63  text-align: right;
64  font-style: italic;
65}
66
67div.slidy_toc {
68  position: absolute;
69  z-index: 300;
70  width: 60%;
71  max-width: 30em;
72  height: 30em;
73  overflow: auto;
74  top: auto;
75  right: auto;
76  left: 4em;
77  bottom: 4em;
78  padding: 1em;
79  background: rgb(240,240,240);
80  border-style: solid;
81  border-width: 2px;
82  font-size: 60%;
83}
84
85div.slidy_toc .toc_heading {
86  text-align: center;
87  width: 100%;
88  margin: 0;
89  margin-bottom: 1em;
90  border-bottom-style: solid;
91  border-bottom-color: rgb(180,180,180);
92  border-bottom-width: 1px;
93}
94
95div.slide {
96  z-index: 20;
97  margin: 0 0 0 0;
98  padding-top: 0;
99  padding-bottom: 0;
100  padding-left: 20px;
101  padding-right: 20px;
102  border-width: 0;
103  clear: both;
104  top: 0;
105  bottom: 0;
106  left: 0;
107  right: 0;
108  line-height: 120%;
109  background-color: transparent;
110}
111
112div.background {
113  display: none;
114}
115
116div.handout {
117  margin-left: 20px;
118  margin-right: 20px;
119}
120
121div.slide.titlepage {
122  text-align: center;
123}
124
125div.slide.titlepage.h1 {
126  padding-top: 10%;
127}
128
129div.slide h1 {
130  padding-left: 0;
131  padding-right: 20pt;
132  padding-top: 4pt;
133  padding-bottom: 4pt;
134  margin-top: 0;
135  margin-left: 0;
136  margin-right: 60pt;
137  margin-bottom: 0.5em;
138  display: block;
139  font-size: 160%;
140  line-height: 1.2em;
141  background: transparent;
142}
143
144div.toc {
145  position: absolute;
146  top: auto;
147  bottom: 4em;
148  left: 4em;
149  right: auto;
150  width: 60%;
151  max-width: 30em;
152  height: 30em;
153  border: solid thin black;
154  padding: 1em;
155  background: rgb(240,240,240);
156  color: black;
157  z-index: 300;
158  overflow: auto;
159  display: block;
160  visibility: visible;
161}
162
163div.toc-heading {
164  width: 100%;
165  border-bottom: solid 1px rgb(180,180,180);
166  margin-bottom: 1em;
167  text-align: center;
168}
169
170/*
171pre {
172 font-size: 80%;
173 font-weight: bold;
174 line-height: 120%;
175 padding-top: 0.2em;
176 padding-bottom: 0.2em;
177 padding-left: 1em;
178 padding-right: 1em;
179 border-style: solid;
180 border-left-width: 1em;
181 border-top-width: thin;
182 border-right-width: thin;
183 border-bottom-width: thin;
184 border-color: #95ABD0;
185 color: #00428C;
186 background-color: #E4E5E7;
187}
188*/
189
190/*
191li pre { margin-left: 0; }
192
193blockquote { font-style: italic }
194
195img { background-color: transparent }
196
197p.copyright { font-size: smaller }
198*/
199
200.center { text-align: center }
201.footnote { font-size: smaller; margin-left: 2em; }
202
203/*
204a img { border-width: 0; border-style: none }
205*/
206
207a:visited { color: navy }
208a:link { color: navy }
209a:hover { color: red; text-decoration: underline }
210a:active { color: red; text-decoration: underline }
211
212a {text-decoration: none}
213.navbar a:link {color: white}
214.navbar a:visited {color: yellow}
215.navbar a:active {color: red}
216.navbar a:hover {color: red}
217
218/*
219ul { list-style-type: square; }
220ul ul { list-style-type: disc; }
221ul ul ul { list-style-type: circle; }
222ul ul ul ul { list-style-type: disc; }
223li { margin-left: 0.5em; margin-top: 0.5em; }
224li li { font-size: 85%; font-style: italic }
225li li li { font-size: 85%; font-style: normal }
226*/
227
228div dt
229{
230  margin-left: 0;
231  margin-top: 1em;
232  margin-bottom: 0.5em;
233  font-weight: bold;
234}
235div dd
236{
237  margin-left: 2em;
238  margin-bottom: 0.5em;
239}
240
241
242/*
243p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
244  margin-left: 1em;
245  margin-right: 1em;
246}
247*/
248
249p.subhead { font-weight: bold; margin-top: 2em; }
250
251.smaller { font-size: smaller }
252.bigger { font-size: 130% }
253
254/*
255td,th { padding: 0.2em }
256*/
257
258ul {
259  margin: 0.5em 1.5em 0.5em 1.5em;
260  padding: 0;
261}
262
263ol {
264  margin: 0.5em 1.5em 0.5em 1.5em;
265  padding: 0;
266}
267
268ul { list-style-type: square; }
269ul ul { list-style-type: disc; }
270ul ul ul { list-style-type: circle; }
271ul ul ul ul { list-style-type: disc; }
272
273/*
274ul li {
275  list-style: square;
276  margin: 0.1em 0em 0.6em 0;
277  padding: 0 0 0 0;
278  line-height: 140%;
279}
280
281ol li {
282  margin: 0.1em 0em 0.6em 1.5em;
283  padding: 0 0 0 0px;
284  line-height: 140%;
285  list-style-type: decimal;
286}
287
288li ul li {
289  font-size: 85%;
290  font-style: italic;
291  list-style-type: disc;
292  background: transparent;
293  padding: 0 0 0 0;
294}
295li li ul li {
296  font-size: 85%;
297  font-style: normal;
298  list-style-type: circle;
299  background: transparent;
300  padding: 0 0 0 0;
301}
302li li li ul li {
303  list-style-type: disc;
304  background: transparent;
305  padding: 0 0 0 0;
306}
307
308li ol li {
309  list-style-type: decimal;
310}
311
312
313li li ol li {
314  list-style-type: decimal;
315}
316*/
317
318/*
319 setting class="outline" on ol or ul makes it behave as an
320 ouline list where blocklevel content in li elements is
321 hidden by default and can be expanded or collapsed with
322 mouse click. Set class="expand" on li to override default
323*/
324
325ol.outline li:hover { cursor: pointer }
326ol.outline li.nofold:hover { cursor: default }
327
328ul.outline li:hover { cursor: pointer }
329ul.outline li.nofold:hover { cursor: default }
330
331ol.outline { list-style:decimal; }
332ol.outline ol { list-style-type:lower-alpha }
333
334ol.outline li.nofold {
335  padding: 0 0 0 20px;
336  background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
337}
338ol.outline li.unfolded {
339  padding: 0 0 0 20px;
340  background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
341}
342ol.outline li.folded {
343  padding: 0 0 0 20px;
344  background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
345}
346ol.outline li.unfolded:hover {
347  padding: 0 0 0 20px;
348  background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
349}
350ol.outline li.folded:hover {
351  padding: 0 0 0 20px;
352  background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
353}
354
355ul.outline li.nofold {
356  padding: 0 0 0 20px;
357  background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
358}
359ul.outline li.unfolded {
360  padding: 0 0 0 20px;
361  background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
362}
363ul.outline li.folded {
364  padding: 0 0 0 20px;
365  background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
366}
367ul.outline li.unfolded:hover {
368  padding: 0 0 0 20px;
369  background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
370}
371ul.outline li.folded:hover {
372  padding: 0 0 0 20px;
373  background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
374}
375
376/* for slides with class "title" in table of contents */
377a.titleslide { font-weight: bold; font-style: italic }
378
379/*
380 hide images for work around for save as bug
381 where browsers fail to save images used by CSS
382*/
383img.hidden { display: none; visibility: hidden }
384div.initial_prompt { display: none; visibility: hidden }
385
386  div.slide {
387     visibility: visible;
388     position: inherit;
389  }
390  div.handout {
391     border-top-style: solid;
392     border-top-width: thin;
393     border-top-color: black;
394  }
395
396@media screen {
397  .hidden { display: none; visibility: visible }
398
399  div.slide.hidden { display: block; visibility: visible }
400  div.handout.hidden { display: block; visibility: visible }
401  div.background { display: none; visibility: hidden }
402  body.single_slide div.initial_prompt { display: block; visibility: visible }
403  body.single_slide div.background { display: block; visibility: visible }
404  body.single_slide div.background.hidden { display: none; visibility: hidden }
405  body.single_slide .invisible { visibility: hidden }
406  body.single_slide .hidden { display: none; visibility: hidden }
407  body.single_slide div.slide { position: absolute }
408  body.single_slide div.handout { display: none; visibility: hidden }
409}
410
411@media print {
412  .hidden { display: block; visibility: visible }
413
414/*
415  div.slide pre { font-size: 60%; padding-left: 0.5em; }
416*/
417  div.toolbar { display: none; visibility: hidden; }
418  div.slidy_toc { display: none; visibility: hidden; }
419  div.background { display: none; visibility: hidden; }
420  div.slide { page-break-before: always }
421  /* :first-child isn't reliable for print media */
422  div.slide.first-slide { page-break-before: avoid }
423}
424
425
426/* SJR: AsciiDoc slidy backend tweaks */
427
428ol, ul {
429  margin: 0.8em 1.5em 0.8em 1.8em;
430}
431li > ul, li > ol {
432  margin-top: 0.5em;
433}
434
435.outline > li.folded,
436.outline > li.unfolded {
437  color: #527bbd;
438}
439ul > li{ color: #aaa; }
440ul > li > *, ol > li > * { color: black; }
441
442li {
443  margin-top: 0.5em;
444  margin-bottom: 0.5em;
445}
446