blob: 5624b6597263ba7a1dadc921615d62cd42253483 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
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; }
|
