PageRenderTime 11ms CodeModel.GetById 3ms app.highlight 7ms RepoModel.GetById 0ms app.codeStats 0ms

/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
Possible License(s): BSD-3-Clause
 1/* @override http://gont.ljc.laika.com/thingfish-intro/ui/laika/framing.css */
 2
 3/* The following styles size, place, and layer the slide components.
 4   Edit these if you want to change the overall slide layout.
 5   The commented lines can be uncommented (and modified, if necessary) 
 6    to help you with the rearrangement process. */
 7
 8/* target = 1024x768 */
 9
10div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
11div#header {top: 0; height: 3em; z-index: 1;}
12div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
13.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2;  list-style: none;}
14div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
15div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
16  margin: 0;}
17#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
18html>body #currentSlide {position: fixed;}
19
20div#header, div#footer {
21	font-family: "Helvetica Neue", sans-serif;
22	color: white;
23	background: #151617;
24}
25
26
27
28/*
29div#footer {background: #CCF;}
30div#controls {background: #BBD;}
31div#currentSlide {background: #FFC;}
32*/