|
0
|
1 /* The following styles size and place the slide components.
|
|
|
2 Edit them if you want to change the overall slide layout.
|
|
|
3 The commented lines can be uncommented (and modified, if necessary)
|
|
|
4 to help you with the rearrangement process. */
|
|
|
5
|
|
|
6 div#header, div#footer, div.slide {width: 100%; top: 0; left: 0;}
|
|
|
7 div#header {top: 0; height: 1em;}
|
|
|
8 div#footer {top: auto; bottom: 0; height: 2.5em;}
|
|
|
9 div.slide {top: 0; width: 92%; padding: 3.5em 4% 4%;}
|
|
|
10 /*div#controls {left: 50%; top: 0; width: 50%; height: 100%;}
|
|
|
11 #footer>*/
|
|
|
12 div#controls {bottom: 0; top: auto; height: auto;}
|
|
|
13
|
|
|
14 div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
|
|
|
15 margin: 0;}
|
|
|
16 div#currentSlide {position: absolute; left: -500px; bottom: 1em; width: 130px; z-index: 10;}
|
|
|
17 /*html>body
|
|
|
18 #currentSlide {position: fixed;}*/
|
|
|
19
|
|
|
20 /*
|
|
|
21 div#header {background: #FCC;}
|
|
|
22 div#footer {background: #CCF;}
|
|
|
23 div#controls {background: #BBD;}
|
|
|
24 div#currentSlide {background: #FFC;}
|
|
|
25 */
|
