|
1
|
1 /* The following styles size, place, and layer the slide components.
|
|
|
2 Edit these 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 /* target = 1024x768 */
|
|
|
7
|
|
|
8 div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
|
|
|
9 div#header {top: 0; height: 3em; z-index: 1;}
|
|
|
10 div#footer {top: auto; bottom: 0; height: 0.5em; z-index: 5;}
|
|
|
11 .slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2; list-style: none;}
|
|
|
12 div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
|
|
|
13 div#controls form {text-align: right; width: 100%; margin: 0;}
|
|
|
14 #currentSlide {position: absolute; width: 12%; left: 44%; bottom: 1em; z-index: 10;}
|
|
|
15 html>body #currentSlide {position: fixed;}
|
|
|
16
|
|
|
17 /*
|
|
|
18 div#header {background: #FCC;}
|
|
|
19 div#footer {background: #CCF;}
|
|
|
20 div#controls {background: #BBD;}
|
|
|
21 div#currentSlide {background: #FFC;}
|
|
|
22 */
|
