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 | */ |
---|