diff options
author | Silvio Rhatto <rhatto@riseup.net> | 2014-03-06 21:59:52 -0300 |
---|---|---|
committer | Silvio Rhatto <rhatto@riseup.net> | 2014-03-06 21:59:52 -0300 |
commit | bfbb12cc9f1c1a14fc0f3989d82dfd1d7bad972e (patch) | |
tree | 13165e966c6f6f8d18a62e0f6386aebb038aa848 /doc/s6/screen.css | |
parent | 5b333d87eb00eec65f588b841dfd4ee585bd529e (diff) | |
download | hydra-bfbb12cc9f1c1a14fc0f3989d82dfd1d7bad972e.tar.gz hydra-bfbb12cc9f1c1a14fc0f3989d82dfd1d7bad972e.tar.bz2 |
Adding presentation
Diffstat (limited to 'doc/s6/screen.css')
-rw-r--r-- | doc/s6/screen.css | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/doc/s6/screen.css b/doc/s6/screen.css new file mode 100644 index 0000000..aa3fc21 --- /dev/null +++ b/doc/s6/screen.css @@ -0,0 +1,50 @@ +/********************************* + * CSS @media screen (not projection or print) + * + * 1) projection -> slideshow mode (display one slide at-a-time; hide all others) + * 2) screen -> outline mode (display all slides-at-once on screen) + * 3) print -> print (and print preview) + * + * toogle between slideshow/outline mode using t-key + */ + + +/**** + * hide layout stuff (header, footer, navLinks, navList etc.) + */ + +.layout * { display: none; } + +.projection { display: none; } + +/************* + * make toggle button visible and reposition to upper right corner * + * note: toogle button is nested inside #controls > #navLinks > #toogle + */ + +#controls, +#navLinks, +#toggle { display: block; + visibility: visible; + margin: 0; padding: 0; + } + +#toggle { position: fixed; + top: 0; right: 0; + padding: 0.5em; + border-left: 1px solid; + border-bottom: 1px solid; + background: white; + } + + +/************* + * making the outline look pretty-ish + */ + +#slide1, #slide1 h1, #slide1 h2, #slide1 h3, #slide1 h4 {border: none; margin: 0;} +#slide1 h1 {padding-top: 1.5em;} + +.slide { margin: 1.5em 0 0; border-top: 1px solid #888; } +.slide h1 { border-bottom: 1px solid #AAA; } + |