sandbox/gitpull/web_stylesheet_and_menu/test/functional/expected/ui/small-black/framing.css

   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 {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
  11 .slide {top: 0; width: 92%; padding: 1em 4% 0 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 */