|
24
|
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 * toggle between projection/screen (that is, slideshow/outline) mode using t-key
|
|
|
9 *
|
|
|
10 * (note: this is a less extendend css script, to learn more about less; see lesscss.org)
|
|
|
11 */
|
|
|
12 .slide {
|
|
|
13 margin: 1.5em 0 0;
|
|
|
14 border-top: 1px solid #888;
|
|
|
15 }
|
|
|
16 .slide h1 {
|
|
|
17 border-bottom: 1px solid #AAA;
|
|
|
18 }
|
|
|
19 .slide:first-child {
|
|
|
20 margin: 0;
|
|
|
21 border: none;
|
|
|
22 }
|
|
|
23 .slide:first-child h1 {
|
|
|
24 border: none;
|
|
|
25 padding-top: 1.5em;
|
|
|
26 }
|
