hosted-presentations/2007/nothingmuch-YAPC-EU/slides/ui/framing.css

   1 /* The following styles size and place the slide components.
   2    Edit them 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 div#header, div#footer, div.slide {width: 100%; top: 0; left: 0;}
   7 div#header {top: 0; left: 0; z-index: 1;}
   8 div#footer {top: auto; bottom: 0; width: 100%; z-index: 5;}
   9 div.slide {top: 0; width: 88%; padding: 1em 7% 2em 5%; z-index: 2;}
  10
  11 div#controls {bottom: 1em; left: 0; width: 100%; text-align: center; z-index: 1000;}
  12 div#controls form {margin: 0; padding: 0;}
  13
  14 #currentSlide {position: absolute; left: 0; bottom: 0.5em; z-index: 10;
  15   width: 100%; text-align: center;}
  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 */
  24