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#footer
{top: auto
; bottom: 0; height: 2.5em; z-index: 5;}
11 .slide {top: 0; width: 92%; padding: 1em 4% 0 4%; z-index: 2;}
12 div#controls
{left: 50%; bottom: 0; width: 50%; z-index: 100;}
13 div#controls form
{position: absolute
; bottom: 0; right: 0; width: 100%;
15 #currentSlide {position: absolute
; width: 10%; left: 45%; bottom: 1em;
17 html
>body #currentSlide
{position: fixed
;}
20 div#header {background: #FCC;}
21 div#footer {background: #CCF;}
22 div#controls {background: #BBD;}
23 div#currentSlide {background: #FFC;}