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