From 3dc388ab551020bb0e5b5ea2f9f91d306fb6fe6e Mon Sep 17 00:00:00 2001 From: Silvio Date: Mon, 5 Dec 2011 00:21:26 -0200 Subject: Aditional files --- s6/projection.css | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 s6/projection.css (limited to 's6/projection.css') diff --git a/s6/projection.css b/s6/projection.css new file mode 100644 index 0000000..5624b65 --- /dev/null +++ b/s6/projection.css @@ -0,0 +1,109 @@ +/********************************* + * CSS @media projection rules (not print or screen) + * + * 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 + */ + +html, +body, +.presentation { margin: 0; padding: 0; } + + +.slide { display: none; + position: absolute; + top: 0; left: 0; + margin: 0; + padding: 2% 4% 0% 4%; /* css note: order is => top right bottom left */ + width: 92%; height: 95%; /* css note: to get to 100% add padding/border/margin */ + overflow-x: hidden; overflow-y: auto; + z-index: 2; + } + +#slide1 { display: block; } + +.notes { display: none; } /* handout notes/note (use note? handout? notes? */ + + +/********* format layout block + * + * .layout + * > #header + * > #footer + * > #controls (holding navigation controls) + * > #navLinks + * > #toggle + * > #navList + * > #jumplist + * > #currentSlide (e.g. 1/7) + * + */ + +.layout { display: block; } + +#header { position: fixed; + top: 0; left: 0; + width: 100%; height: 0.5em; + z-index: 1; + } + +#footer { position: fixed; + top: auto; bottom: 0; + padding: 1em 0; /* css note: order is => 1st top,bottom; 2nd right,left */ + width: 100%; height: 1em; + z-index: 5; + + /* todo: move font-size and font-style to blank.css */ + font-size: 100%; font-weight: bold; + } + +/* todo: move font-size and font-style to blank.css */ + + #footer h1 { display: block; margin: 0; padding: 0 1em; font-size: 0.5em; } + #footer h2 { display: block; margin: 0; padding: 0 1em; font-size: 0.5em; font-style: italic; } + + +/************************* + * format for navigation controls + */ + + +#controls { position: fixed; + left: 60%; bottom: 0; + width: 40%; + z-index: 100; + text-align: right; + font: bold 1.2em Verdana, Helvetica, sans-serif; + } + + #controls :focus { outline: 1px dotted white;} + + #controls #navLinks { text-align: right; margin: 0; visibility: hidden; } + + #controls #navLinks a { padding: 0; margin: 0 0.5em; cursor: pointer; border: none; } + + #controls #navLinks :link, + #controls #navLinks :visited {text-decoration: none; } + + #controls #navList #jumplist { background: white; color: black; } + +/************************* + * format for + * currentSlide block ( e.g. 2/20 ) + */ + +#currentSlide { position: fixed; + left: 45%; bottom: 1em; + width: 10%; + z-index: 10; + text-align: center; + font-size: 0.8em; + } + +#currentSlide :link, +#currentSlide :visited { text-decoration: none; } + + -- cgit v1.2.3