presentations

Presentations
Log | Files | Refs

framing.css (945B)

      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; height: 50px; z-index: 1;}
     10 div#footer {top: auto; bottom: 0; height: 50; z-index: 5;}
     11 .slide {top: 0; width: 80%; 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: 12%; right: 0; bottom: 0; z-index: 10;}
     16 html>body #currentSlide {position: fixed;}
     17 
     18 /*
     19 div#header {background: #FCC;}
     20 div#footer {background: #CCF;}
     21 div#controls {background: #BBD;}
     22 div#currentSlide {background: #FFC;}
     23 */