[3] | 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 {display:none;} |
---|
| 11 | .slide {top: 0; width: 92%; padding: 0.25em 4% 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 | */ |
---|