first commit. dokuwiki.
[h2N7SspZmY.git] / lib / plugins / s5 / ui / dokuwiki / framing.css
blob74f0fdfba77847b9974bbc3a33a6f1894ef4d802
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. */
6 /* target = 1024x768 */
8 div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
9 div#header {top: 0; height: 2em; z-index: 1;}
10 div#footer {top: auto; bottom: 0; height: 2.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 {position: absolute; bottom: 0; right: 0; width: 100%;
14 margin: 0;}
15 #currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
16 html>body #currentSlide {position: fixed;}
19 div#header {background: #FCC;}
20 div#footer {background: #CCF;}
21 div#controls {background: #BBD;}
22 div#currentSlide {background: #FFC;}