Mercurial > hg > Members > innparusu > slides
comparison 2015_05_25/s6/screen.css @ 0:47676a16ed13
Add Slides
| author | Tatsuki IHA <e125716@ie.u-ryukyu.ac.jp> |
|---|---|
| date | Tue, 14 Jul 2015 17:23:04 +0900 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:47676a16ed13 |
|---|---|
| 1 /********************************* | |
| 2 * CSS @media screen (not projection or print) | |
| 3 * | |
| 4 * 1) projection -> slideshow mode (display one slide at-a-time; hide all others) | |
| 5 * 2) screen -> outline mode (display all slides-at-once on screen) | |
| 6 * 3) print -> print (and print preview) | |
| 7 * | |
| 8 * toogle between slideshow/outline mode using t-key | |
| 9 */ | |
| 10 | |
| 11 | |
| 12 /**** | |
| 13 * hide layout stuff (header, footer, navLinks, navList etc.) | |
| 14 */ | |
| 15 | |
| 16 .layout * { display: none; } | |
| 17 | |
| 18 .projection { display: none; } | |
| 19 | |
| 20 /************* | |
| 21 * make toggle button visible and reposition to upper right corner * | |
| 22 * note: toogle button is nested inside #controls > #navLinks > #toogle | |
| 23 */ | |
| 24 | |
| 25 #controls, | |
| 26 #navLinks, | |
| 27 #toggle { display: block; | |
| 28 visibility: visible; | |
| 29 margin: 0; padding: 0; | |
| 30 } | |
| 31 | |
| 32 #toggle { position: fixed; | |
| 33 top: 0; right: 0; | |
| 34 padding: 0.5em; | |
| 35 border-left: 1px solid; | |
| 36 border-bottom: 1px solid; | |
| 37 background: white; | |
| 38 } | |
| 39 | |
| 40 | |
| 41 /************* | |
| 42 * making the outline look pretty-ish | |
| 43 */ | |
| 44 | |
| 45 #slide1, #slide1 h1, #slide1 h2, #slide1 h3, #slide1 h4 {border: none; margin: 0;} | |
| 46 #slide1 h1 {padding-top: 1.5em;} | |
| 47 | |
| 48 .slide { margin: 1.5em 0 0; border-top: 1px solid #888; } | |
| 49 .slide h1 { border-bottom: 1px solid #AAA; } | |
| 50 |