13
|
1 /* slidy.css
|
|
2
|
|
3 Copyright (c) 2005 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 .hidden { display: none; visibility: hidden }
|
|
23
|
|
24 div.toolbar {
|
|
25 position: fixed; z-index: 200;
|
|
26 top: auto; bottom: 0; left: 0; right: 0;
|
|
27 height: 1.2em; text-align: right;
|
|
28 padding-left: 1em;
|
|
29 padding-right: 1em;
|
|
30 font-size: 60%;
|
|
31 color: red; background: rgb(240,240,240);
|
|
32 }
|
|
33
|
|
34 div.background {
|
|
35 display: none;
|
|
36 }
|
|
37
|
|
38 div.handout {
|
|
39 margin-left: 20px;
|
|
40 margin-right: 20px;
|
|
41 }
|
|
42
|
|
43 div.slide.titlepage {
|
|
44 text-align: center;
|
|
45 }
|
|
46
|
|
47 div.slide.titlepage.h1 {
|
|
48 padding-top: 40%;
|
|
49 }
|
|
50
|
|
51 div.slide {
|
|
52 z-index: 20;
|
|
53 margin: 0 0 0 0;
|
|
54 padding-top: 0;
|
|
55 padding-bottom: 0;
|
|
56 padding-left: 20px;
|
|
57 padding-right: 20px;
|
|
58 border-width: 0;
|
|
59 top: 0;
|
|
60 bottom: 0;
|
|
61 left: 0;
|
|
62 right: 0;
|
|
63 line-height: 120%;
|
|
64 background-color: transparent;
|
|
65 }
|
|
66
|
|
67 /* this rule is hidden from IE 6 and below which don't support + selector */
|
|
68 div.slide + div[class].slide { page-break-before: always;}
|
|
69
|
|
70 div.slide h1 {
|
|
71 padding-left: 0;
|
|
72 padding-right: 20pt;
|
|
73 padding-top: 4pt;
|
|
74 padding-bottom: 4pt;
|
|
75 margin-top: 0;
|
|
76 margin-left: 0;
|
|
77 margin-right: 60pt;
|
|
78 margin-bottom: 0.5em;
|
|
79 display: block;
|
|
80 font-size: 160%;
|
|
81 line-height: 1.2em;
|
|
82 background: transparent;
|
|
83 }
|
|
84
|
|
85 div.toc {
|
|
86 position: absolute;
|
|
87 top: auto;
|
|
88 bottom: 4em;
|
|
89 left: 4em;
|
|
90 right: auto;
|
|
91 width: 60%;
|
|
92 max-width: 30em;
|
|
93 height: 30em;
|
|
94 border: solid thin black;
|
|
95 padding: 1em;
|
|
96 background: rgb(240,240,240);
|
|
97 color: black;
|
|
98 z-index: 300;
|
|
99 overflow: auto;
|
|
100 display: block;
|
|
101 visibility: visible;
|
|
102 }
|
|
103
|
|
104 div.toc-heading {
|
|
105 width: 100%;
|
|
106 border-bottom: solid 1px rgb(180,180,180);
|
|
107 margin-bottom: 1em;
|
|
108 text-align: center;
|
|
109 }
|
|
110
|
|
111 pre {
|
|
112 font-size: 80%;
|
|
113 font-weight: bold;
|
|
114 line-height: 120%;
|
|
115 padding-top: 0.2em;
|
|
116 padding-bottom: 0.2em;
|
|
117 padding-left: 1em;
|
|
118 padding-right: 1em;
|
|
119 border-style: solid;
|
|
120 border-left-width: 1em;
|
|
121 border-top-width: thin;
|
|
122 border-right-width: thin;
|
|
123 border-bottom-width: thin;
|
|
124 border-color: #95ABD0;
|
|
125 color: #00428C;
|
|
126 background-color: #E4E5E7;
|
|
127 }
|
|
128
|
|
129 li pre { margin-left: 0; }
|
|
130
|
|
131 @media print {
|
|
132 div.slide {
|
|
133 display: block;
|
|
134 visibility: visible;
|
|
135 position: relative;
|
|
136 border-top-style: solid;
|
|
137 border-top-width: thin;
|
|
138 border-top-color: black;
|
|
139 }
|
|
140 div.slide pre { font-size: 60%; padding-left: 0.5em; }
|
|
141 div.handout { display: block; visibility: visible; }
|
|
142 }
|
|
143
|
|
144 blockquote { font-style: italic }
|
|
145
|
|
146 img { background-color: transparent }
|
|
147
|
|
148 p.copyright { font-size: smaller }
|
|
149
|
|
150 .center { text-align: center }
|
|
151 .footnote { font-size: smaller; margin-left: 2em; }
|
|
152
|
|
153 a img { border-width: 0; border-style: none }
|
|
154
|
|
155 a:visited { color: navy }
|
|
156 a:link { color: navy }
|
|
157 a:hover { color: red; text-decoration: underline }
|
|
158 a:active { color: red; text-decoration: underline }
|
|
159
|
|
160 a {text-decoration: none}
|
|
161 .navbar a:link {color: white}
|
|
162 .navbar a:visited {color: yellow}
|
|
163 .navbar a:active {color: red}
|
|
164 .navbar a:hover {color: red}
|
|
165
|
|
166 ul { list-style-type: square; }
|
|
167 ul ul { list-style-type: disc; }
|
|
168 ul ul ul { list-style-type: circle; }
|
|
169 ul ul ul ul { list-style-type: disc; }
|
|
170 li { margin-left: 0.5em; margin-top: 0.5em; }
|
|
171 li li { font-size: 85%; font-style: italic }
|
|
172 li li li { font-size: 85%; font-style: normal }
|
|
173
|
|
174 div dt
|
|
175 {
|
|
176 margin-left: 0;
|
|
177 margin-top: 1em;
|
|
178 margin-bottom: 0.5em;
|
|
179 font-weight: bold;
|
|
180 }
|
|
181 div dd
|
|
182 {
|
|
183 margin-left: 2em;
|
|
184 margin-bottom: 0.5em;
|
|
185 }
|
|
186
|
|
187
|
|
188 p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
|
|
189 margin-left: 1em;
|
|
190 margin-right: 1em;
|
|
191 }
|
|
192
|
|
193 p.subhead { font-weight: bold; margin-top: 2em; }
|
|
194
|
|
195 .smaller { font-size: smaller }
|
|
196 .bigger { font-size: 130% }
|
|
197
|
|
198 td,th { padding: 0.2em }
|
|
199
|
|
200 ul {
|
|
201 margin: 0.5em 1.5em 0.5em 1.5em;
|
|
202 padding: 0;
|
|
203 }
|
|
204
|
|
205 ol {
|
|
206 margin: 0.5em 1.5em 0.5em 1.5em;
|
|
207 padding: 0;
|
|
208 }
|
|
209
|
|
210 ul { list-style-type: square; }
|
|
211 ul ul { list-style-type: disc; }
|
|
212 ul ul ul { list-style-type: circle; }
|
|
213 ul ul ul ul { list-style-type: disc; }
|
|
214
|
|
215 ul li {
|
|
216 list-style: square;
|
|
217 margin: 0.1em 0em 0.6em 0;
|
|
218 padding: 0 0 0 0;
|
|
219 line-height: 140%;
|
|
220 }
|
|
221
|
|
222 ol li {
|
|
223 margin: 0.1em 0em 0.6em 1.5em;
|
|
224 padding: 0 0 0 0px;
|
|
225 line-height: 140%;
|
|
226 list-style-type: decimal;
|
|
227 }
|
|
228
|
|
229 li ul li {
|
|
230 font-size: 85%;
|
|
231 font-style: italic;
|
|
232 list-style-type: disc;
|
|
233 background: transparent;
|
|
234 padding: 0 0 0 0;
|
|
235 }
|
|
236 li li ul li {
|
|
237 font-size: 85%;
|
|
238 font-style: normal;
|
|
239 list-style-type: circle;
|
|
240 background: transparent;
|
|
241 padding: 0 0 0 0;
|
|
242 }
|
|
243 li li li ul li {
|
|
244 list-style-type: disc;
|
|
245 background: transparent;
|
|
246 padding: 0 0 0 0;
|
|
247 }
|
|
248
|
|
249 li ol li {
|
|
250 list-style-type: decimal;
|
|
251 }
|
|
252
|
|
253
|
|
254 li li ol li {
|
|
255 list-style-type: decimal;
|
|
256 }
|
|
257
|
|
258 /*
|
|
259 setting class="outline on ol or ul makes it behave as an
|
|
260 ouline list where blocklevel content in li elements is
|
|
261 hidden by default and can be expanded or collapsed with
|
|
262 mouse click. Set class="expand" on li to override default
|
|
263 */
|
|
264
|
|
265 ol.outline li:hover { cursor: pointer }
|
|
266 ol.outline li.nofold:hover { cursor: default }
|
|
267
|
|
268 ul.outline li:hover { cursor: pointer }
|
|
269 ul.outline li.nofold:hover { cursor: default }
|
|
270
|
|
271 ol.outline { list-style:decimal; }
|
|
272 ol.outline ol { list-style-type:lower-alpha }
|
|
273
|
|
274 ol.outline li.nofold {
|
|
275 padding: 0 0 0 20px;
|
|
276 background: transparent url(nofold-dim.gif) no-repeat 0px 0.5em;
|
|
277 }
|
|
278 ol.outline li.unfolded {
|
|
279 padding: 0 0 0 20px;
|
|
280 background: transparent url(fold-dim.gif) no-repeat 0px 0.5em;
|
|
281 }
|
|
282 ol.outline li.folded {
|
|
283 padding: 0 0 0 20px;
|
|
284 background: transparent url(unfold-dim.gif) no-repeat 0px 0.5em;
|
|
285 }
|
|
286 ol.outline li.unfolded:hover {
|
|
287 padding: 0 0 0 20px;
|
|
288 background: transparent url(fold.gif) no-repeat 0px 0.5em;
|
|
289 }
|
|
290 ol.outline li.folded:hover {
|
|
291 padding: 0 0 0 20px;
|
|
292 background: transparent url(unfold.gif) no-repeat 0px 0.5em;
|
|
293 }
|
|
294
|
|
295 ul.outline li.nofold {
|
|
296 padding: 0 0 0 20px;
|
|
297 background: transparent url(nofold-dim.gif) no-repeat 0px 0.5em;
|
|
298 }
|
|
299 ul.outline li.unfolded {
|
|
300 padding: 0 0 0 20px;
|
|
301 background: transparent url(fold-dim.gif) no-repeat 0px 0.5em;
|
|
302 }
|
|
303 ul.outline li.folded {
|
|
304 padding: 0 0 0 20px;
|
|
305 background: transparent url(unfold-dim.gif) no-repeat 0px 0.5em;
|
|
306 }
|
|
307 ul.outline li.unfolded:hover {
|
|
308 padding: 0 0 0 20px;
|
|
309 background: transparent url(fold.gif) no-repeat 0px 0.5em;
|
|
310 }
|
|
311 ul.outline li.folded:hover {
|
|
312 padding: 0 0 0 20px;
|
|
313 background: transparent url(unfold.gif) no-repeat 0px 0.5em;
|
|
314 }
|
|
315
|
|
316 /* for slides with class "title" in table of contents */
|
|
317 a.titleslide { font-weight: bold; font-style: italic }
|