/docs/presentations/laika-it-20071125/ui/laika/framing.css

https://bitbucket.org/laika/thingfish · CSS · 32 lines · 14 code · 7 blank · 11 comment · 0 complexity · 883d66f41ff4c952675ce01e0816ca0f MD5 · raw file

  1. /* @override http://gont.ljc.laika.com/thingfish-intro/ui/laika/framing.css */
  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. /* target = 1024x768 */
  7. div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
  8. div#header {top: 0; height: 3em; z-index: 1;}
  9. div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
  10. .slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2; list-style: none;}
  11. div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
  12. div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
  13. margin: 0;}
  14. #currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
  15. html>body #currentSlide {position: fixed;}
  16. div#header, div#footer {
  17. font-family: "Helvetica Neue", sans-serif;
  18. color: white;
  19. background: #151617;
  20. }
  21. /*
  22. div#footer {background: #CCF;}
  23. div#controls {background: #BBD;}
  24. div#currentSlide {background: #FFC;}
  25. */