179
|
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; z-index: 1;}
|
|
10 |
div#footer {display:none;}
|
|
11 |
.slide {top: 0; width: 92%; padding: 0.1em 4% 4%; z-index: 2;}
|
|
12 |
/* list-style: none;} */
|
|
13 |
div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
|
|
14 |
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
|
|
15 |
margin: 0;}
|
|
16 |
#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em;
|
|
17 |
z-index: 10;}
|
|
18 |
html>body #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 |
*/
|