instiki/public/s5/ui/core/framing.css

23 lines
930 B
CSS
Raw Normal View History

2007-02-28 20:31:34 +01:00
/* The following styles size, place, and layer the slide components.
Edit these if you want to change the overall slide layout.
The commented lines can be uncommented (and modified, if necessary)
to help you with the rearrangement process. */
/* target = 1024x768 */
div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
2007-03-01 10:05:35 +01:00
div#header {top: 0; height: 2em; z-index: 1;}
2007-02-28 20:31:34 +01:00
div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
2007-03-01 10:05:35 +01:00
.slide {top: 0; width: 92%; padding: 2.5em 4% 4% 1em; z-index: 2; list-style: none;}
2007-02-28 20:31:34 +01:00
div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
div#controls form {text-align: right; width: 100%; margin: 0;}
#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
html>body #currentSlide {position: fixed;}
/*
div#header {background: #FCC;}
div#footer {background: #CCF;}
div#controls {background: #BBD;}
div#currentSlide {background: #FFC;}
*/