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. */ |
---|
6 | |
---|
7 | /* target = 1024x768 */ |
---|
8 | |
---|
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%; |
---|
14 | margin: 0;} |
---|
15 | #currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; |
---|
16 | z-index: 10;} |
---|
17 | html>body #currentSlide {position: fixed;} |
---|
18 | |
---|
19 | /* |
---|
20 | div#header {background: #FCC;} |
---|
21 | div#footer {background: #CCF;} |
---|
22 | div#controls {background: #BBD;} |
---|
23 | div#currentSlide {background: #FFC;} |
---|
24 | */ |
---|