/samples/scalate-presentation/src/styles/slidy.css

  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*/
 10body
 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
 22div.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
 34div.toolbar span.copyright {
 35  color: black;
 36  margin-left: 0.5em;
 37}
 38
 39div.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
 50div.initial_prompt p.help {
 51  text-align: center;
 52}
 53
 54div.initial_prompt p.close {
 55  text-align: right;
 56  font-style: italic;
 57}
 58
 59div.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
 77div.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
 87div.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
104div.background {
105  display: none;
106}
107
108div.handout {
109  margin-left: 20px;
110  margin-right: 20px;
111}
112
113div.slide.titlepage {
114  text-align: center;
115}
116
117div.slide.titlepage h1 {
118  padding-top: 10%;
119  margin-right: 0;
120}
121
122div.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
137div.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
156div.toc-heading {
157  width: 100%;
158  border-bottom: solid 1px rgb(180,180,180);
159  margin-bottom: 1em;
160  text-align: center;
161}
162
163pre {
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
181li pre { margin-left: 0; }
182
183blockquote { font-style: italic }
184
185img { background-color: transparent }
186
187p.copyright { font-size: smaller }
188
189.center { text-align: center }
190.footnote { font-size: smaller; margin-left: 2em; }
191
192a img { border-width: 0; border-style: none }
193
194a:visited { color: navy }
195a:link { color: navy }
196a:hover { color: red; text-decoration: underline }
197a:active { color: red; text-decoration: underline }
198
199a {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
205ul { list-style-type: square; }
206ul ul { list-style-type: disc; }
207ul ul ul { list-style-type: circle; }
208ul ul ul ul { list-style-type: disc; }
209li { margin-left: 0.5em; margin-top: 0.5em; }
210li li { font-size: 85%; font-style: italic }
211li li li { font-size: 85%; font-style: normal }
212
213div dt
214{
215  margin-left: 0;
216  margin-top: 1em;
217  margin-bottom: 0.5em;
218  font-weight: bold;
219}
220div dd
221{
222  margin-left: 2em;
223  margin-bottom: 0.5em;
224}
225
226
227p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
228  margin-left: 1em;
229  margin-right: 1em;
230}
231
232p.subhead { font-weight: bold; margin-top: 2em; }
233
234.smaller { font-size: smaller }
235.bigger { font-size: 130% }
236
237td,th { padding: 0.2em }
238
239ul {
240  margin: 0.5em 1.5em 0.5em 1.5em;
241  padding: 0;
242}
243
244ol {
245  margin: 0.5em 1.5em 0.5em 1.5em;
246  padding: 0;
247}
248
249ul { list-style-type: square; }
250ul ul { list-style-type: disc; }
251ul ul ul { list-style-type: circle; }
252ul ul ul ul { list-style-type: disc; }
253
254/*
255ul li { 
256  list-style: square;
257  margin: 0.1em 0em 0.6em 0;
258  padding: 0 0 0 0;
259  line-height: 140%;
260}
261*/
262
263ol li { 
264  margin: 0.1em 0em 0.6em 1.5em;
265  padding: 0 0 0 0px;
266  line-height: 140%;
267  list-style-type: decimal;
268}
269
270li ul li { 
271  font-size: 85%; 
272  font-style: italic;
273  list-style-type: disc;
274  background: transparent;
275  padding: 0 0 0 0;
276}
277li li ul li { 
278  font-size: 85%; 
279  font-style: normal;
280  list-style-type: circle;
281  background: transparent;
282  padding: 0 0 0 0;
283}
284li li li ul li {
285  list-style-type: disc;
286  background: transparent;
287  padding: 0 0 0 0;
288}
289
290li ol li {
291  list-style-type: decimal;
292}
293
294
295li li ol li {
296  list-style-type: decimal;
297}
298
299/*
300 setting class="outline on ol or ul makes it behave as an
301 ouline list where blocklevel content in li elements is
302 hidden by default and can be expanded or collapsed with
303 mouse click. Set class="expand" on li to override default
304*/
305
306ol.outline li:hover { cursor: pointer }
307ol.outline li.nofold:hover { cursor: default }
308
309ul.outline li:hover { cursor: pointer }
310ul.outline li.nofold:hover { cursor: default }
311
312ol.outline { list-style:decimal; }
313ol.outline ol { list-style-type:lower-alpha }
314
315ol.outline li.nofold {
316  padding: 0 0 0 20px;
317  background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
318}
319ol.outline li.unfolded {
320  padding: 0 0 0 20px;
321  background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
322}
323ol.outline li.folded {
324  padding: 0 0 0 20px;
325  background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
326}
327ol.outline li.unfolded:hover {
328  padding: 0 0 0 20px;
329  background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
330}
331ol.outline li.folded:hover {
332  padding: 0 0 0 20px;
333  background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
334}
335
336ul.outline li.nofold {
337  padding: 0 0 0 20px;
338  background: transparent url(../graphics/nofold-dim.gif) no-repeat 0px 0.5em;
339}
340ul.outline li.unfolded {
341  padding: 0 0 0 20px;
342  background: transparent url(../graphics/fold-dim.gif) no-repeat 0px 0.5em;
343}
344ul.outline li.folded {
345  padding: 0 0 0 20px;
346  background: transparent url(../graphics/unfold-dim.gif) no-repeat 0px 0.5em;
347}
348ul.outline li.unfolded:hover {
349  padding: 0 0 0 20px;
350  background: transparent url(../graphics/fold.gif) no-repeat 0px 0.5em;
351}
352ul.outline li.folded:hover {
353  padding: 0 0 0 20px;
354  background: transparent url(../graphics/unfold.gif) no-repeat 0px 0.5em;
355}
356
357/* for slides with class "title" in table of contents */
358a.titleslide { font-weight: bold; font-style: italic }
359
360/*
361 hide images for work around for save as bug
362 where browsers fail to save images used by CSS
363*/
364img.hidden { display: none; visibility: hidden }
365div.initial_prompt { display: none; visibility: hidden }
366
367  div.slide {
368     visibility: visible;
369     position: inherit;
370  }
371  div.handout {
372     border-top-style: solid;
373     border-top-width: thin;
374     border-top-color: black;
375  }
376
377@media screen {
378  .hidden { display: none; visibility: visible }
379
380  div.slide.hidden { display: block; visibility: visible }
381  div.handout.hidden { display: block; visibility: visible }
382  div.background { display: none; visibility: hidden }
383  body.single_slide div.initial_prompt { display: block; visibility: visible }
384  body.single_slide div.background { display: block; visibility: visible }
385  body.single_slide div.background.hidden { display: none; visibility: hidden }
386  body.single_slide .invisible { visibility: hidden }
387  body.single_slide .hidden { display: none; visibility: hidden }
388  body.single_slide div.slide { position: absolute }
389  body.single_slide div.handout { display: none; visibility: hidden }
390}
391
392@media print {
393  .hidden { display: block; visibility: visible }
394
395  div.slide pre { font-size: 60%; padding-left: 0.5em; }
396  div.toolbar { display: none; visibility: hidden; }
397  div.slidy_toc { display: none; visibility: hidden; }
398  div.background { display: none; visibility: hidden; }
399  div.slide { page-break-before: always }
400  /* :first-child isn't reliable for print media */
401  div.slide.first-slide { page-break-before: avoid }
402}
403