diff options
author | Alan Pearce | 2017-10-24 12:04:46 +0200 |
---|---|---|
committer | Alan Pearce | 2017-10-24 12:05:23 +0200 |
commit | ffd2e56294ba5d0e0ca7b6d146d9c279d36a97fe (patch) | |
tree | 7ce592b2f8315c226975123c2ee662e0f35c2603 /talks/fp-js/ui/default/framing.css | |
parent | 8cf7d0c11a54d8a9e24f58bb8387935b75a807c7 (diff) | |
download | website-ffd2e56294ba5d0e0ca7b6d146d9c279d36a97fe.tar.lz website-ffd2e56294ba5d0e0ca7b6d146d9c279d36a97fe.tar.zst website-ffd2e56294ba5d0e0ca7b6d146d9c279d36a97fe.zip |
Add fp-js talk
Diffstat (limited to 'talks/fp-js/ui/default/framing.css')
-rw-r--r-- | talks/fp-js/ui/default/framing.css | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/talks/fp-js/ui/default/framing.css b/talks/fp-js/ui/default/framing.css new file mode 100644 index 0000000..14d8509 --- /dev/null +++ b/talks/fp-js/ui/default/framing.css @@ -0,0 +1,23 @@ +/* The following styles size, place, and layer the slide components. + Edit these if you want to change the overall slide layout. + The commented lines can be uncommented (and modified, if necessary) + to help you with the rearrangement process. */ + +/* target = 1024x768 */ + +div#header, div#footer, .slide {width: 100%; top: 0; left: 0;} +div#header {top: 0; height: 3em; z-index: 1;} +div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;} +.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2; list-style: none;} +div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;} +div#controls form {position: absolute; bottom: 0; right: 0; width: 100%; + margin: 0;} +#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;} +html>body #currentSlide {position: fixed;} + +/* +div#header {background: #FCC;} +div#footer {background: #CCF;} +div#controls {background: #BBD;} +div#currentSlide {background: #FFC;} +*/ |