PageRenderTime 46ms CodeModel.GetById 19ms RepoModel.GetById 0ms app.codeStats 0ms

/www/tags/NOV_07_2009/htdocs/ruby/slides/02005/euruko/ui/framing.css

#
CSS | 23 lines | 9 code | 3 blank | 11 comment | 0 complexity | b0029c9bf89674a2aa94fa361d1696c9 MD5 | raw file
Possible License(s): BSD-3-Clause, AGPL-1.0, Apache-2.0, LGPL-2.0, LGPL-3.0, GPL-2.0, CC-BY-SA-3.0, LGPL-2.1, GPL-3.0, MPL-2.0-no-copyleft-exception, IPL-1.0 
    

  1. /* The following styles size, place, and layer the slide components.
    2. 

  2.    Edit these if you want to change the overall slide layout.
    3. 

  3.    The commented lines can be uncommented (and modified, if necessary) 
    4. 

  4.     to help you with the rearrangement process. */
    5. 

  5. 

  6. /* target = 1024x768 */
    7. 

  7. 

  8. div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
    9. 

  9. div#header {top: 0; height: 3em; z-index: 1;}
    10. 

  10. div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
    11. 

  11. .slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2;  list-style: none;}
    12. 

  12. div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
    13. 

  13. div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
    14. 

  14.   margin: 0;}
    15. 

  15. #currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
    16. 

  16. html>body #currentSlide {position: fixed;}
    17. 

  17. 

  18. /*
    19. 

  19. div#header {background: #FCC;}
    20. 

  20. div#footer {background: #CCF;}
    21. 

  21. div#controls {background: #BBD;}
    22. 

  22. div#currentSlide {background: #FFC;}
    23. 

  23. */
    24. 

  24.