1
/* This file has been placed in the public domain. */
2
/* The following styles size, place, and layer the slide components.
3
Edit these if you want to change the overall slide layout.
4
The commented lines can be uncommented (and modified, if necessary)
5
to help you with the rearrangement process. */
7
/* target = 1024x768 */
9
div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
10
div#header {position: fixed; top: 0; height: 3em; z-index: 1;}
11
div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
12
.slide {top: 0; width: 92%; padding: 2.5em 4% 4%; z-index: 2;}
13
div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
14
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
16
#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em;
18
html>body #currentSlide {position: fixed;}
21
div#header {background: #FCC;}
22
div#footer {background: #CCF;}
23
div#controls {background: #BBD;}
24
div#currentSlide {background: #FFC;}