Commit | Line | Data |
52d980cb |
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
3 | <!-- Do not edit this document! The system will likely break if you do. --> |
4 | <html xmlns="http://www.w3.org/1999/xhtml"> |
5 | <head> |
6 | <title>Notes</title> |
7 | <style type="text/css" media="all"> |
8 | body { |
9 | margin: 0; |
10 | padding: 1.0em; |
11 | background: #333; |
12 | color: #FFF; |
13 | font: 2em/1.4em 'Lucida Grande', Verdana, sans-serif; |
14 | } |
15 | div.timers { |
16 | background: #FFF; |
17 | color: #333; |
18 | border: 0.08em solid #222; |
19 | border-top-width: 1px; |
20 | border-left-width: 1px; |
21 | float: left; |
22 | padding: 0.2em; |
23 | margin: 0 0 0.5em; |
24 | position: relative; |
25 | } |
26 | div.timers h1 { |
27 | text-align: left; |
28 | font-size: 0.6em; |
29 | line-height: 1.4em; |
30 | background-color: #FF9; |
31 | padding: 0 0.75em; |
32 | margin: 0.25em 0 0; |
33 | border: 1px solid #EE8; |
34 | } |
35 | div.timers div.controls { |
36 | position: absolute; |
37 | right: 0.25em; |
38 | top: 0.1em; |
39 | line-height: 1em; |
40 | } |
41 | div.timers h1 a { |
42 | text-decoration: none; |
43 | color: #000; |
44 | } |
45 | div.timers div.controls a { |
46 | font-size: 0.5em; |
47 | padding: 0; |
48 | color: #330; |
49 | } |
50 | div.timers a.control { |
51 | position: absolute; |
52 | text-decoration: none; |
53 | padding: 0 0.25em; |
54 | color: #AAA; |
55 | outline: 0; |
56 | } |
57 | a.headctrl { |
58 | outline: none; |
59 | text-decoration: none; |
60 | font-weight: bold; |
61 | } |
62 | #minus {left: 0.25em;} |
63 | #plus {right: 0.25em;} |
64 | .overtime { |
65 | background: yellow; |
66 | color: red; |
67 | border: 3px solid; |
68 | padding: 0.1em 0.25em; |
69 | font-weight: bold; |
70 | } |
71 | div.timers h2 { |
72 | font-size: 0.6em; |
73 | line-height: 1.0em; |
74 | font-weight: normal; |
75 | margin: 0 0 -0.25em; |
76 | padding-top: 0.5em; |
77 | color: #666; |
78 | } |
79 | div.timers p {margin: 0; padding: 0 0.5em;} |
80 | div.timers form {margin: 0;} |
81 | div.timers span.clock {font-family: monospace;} |
82 | div.timers ul {margin: 0; padding: 0; list-style: none;} |
83 | div.timers li {float: left; width: 5em; margin: 0; padding: 0 0.5em; text-align: center;} |
84 | div#elapsed {width: 12.1em;} |
85 | div#remaining {clear: left; width: 12.1em;} |
86 | div#remaining p {text-align: center;} |
87 | #slide, #next, #notes, #nextnotes { |
88 | font-size: 0.75em; |
89 | line-height: 1.4em; |
90 | clear: left; |
91 | /* max-width: 30.0em; */ |
92 | text-shadow: 0.1em 0.1em 0.1em #111; |
93 | } |
94 | #next {margin-top: 2.5em;} |
95 | #next, #nextnotes {color: #999; font-size: 0.66em;} |
96 | em.disclaimer {color: #666;} |
97 | div.collapsed h1 {display: block; font-size: 0.33em;} |
98 | div.collapsed h1 a {display: inline;} |
99 | div.collapsed * {display: none;} |
100 | </style> |
101 | <script type="text/javascript"> |
102 | // <![CDATA[ |
103 | document.onkeyup = opener.keys; |
104 | document.onkeypress = opener.trap; |
105 | document.onclick = opener.clicker; |
106 | // ]]> |
107 | </script> |
108 | </head> |
109 | |
110 | <body onload="opener.s5NotesWindowLoaded=true;" onunload="opener.s5NotesWindowLoaded=false;"> |
111 | |
112 | |
113 | <div class="timers" id="elapsed"> |
114 | <h1> |
115 | <a href="#" onclick="opener.minimizeTimer('elapsed'); return false;">Elapsed Time</a> |
116 | </h1> |
117 | <ul> |
118 | <li> |
119 | <h2>Presentation</h2> |
120 | <span class="clock" id="elapsed-presentation">00:00:00</span> |
121 | </li> |
122 | <li> |
123 | <h2>Current Slide</h2> |
124 | <span class="clock" id="elapsed-slide">00:00:00</span> |
125 | </li> |
126 | </ul> |
127 | <div class="controls"> |
128 | <a href="#reset-elapsed" class="headctrl" onclick="opener.resetElapsedTime(); return false;" title="Reset Elapsed Time">|<</a> |
129 | </div> |
130 | </div> |
131 | |
132 | <div class="timers" id="remaining"> |
133 | <h1> |
134 | <a href="#" onclick="opener.minimizeTimer('remaining'); return false;">Remaining Time</a> |
135 | </h1> |
136 | <p> |
137 | <a href="#subtract-remaining" class="control" id="minus" onclick="opener.alterRemainingTime('-5'); return false;" title="Subtract 5 Minutes">-</a> |
138 | <span class="clock" id="timeLeft">00:00:00</span> |
139 | <a href="#add-remaining" class="control" id="plus" onclick="opener.alterRemainingTime('5'); return false;" title="Add 5 Minutes">+</a> |
140 | </p> |
141 | <div class="controls"> |
142 | <form action="#" onsubmit="opener.resetRemainingTime(); return false;"> |
143 | <input type="text" class="text" id="startFrom" value="0" size="4" maxlength="4" /> |
144 | <a href="#toggle-remaining" class="headctrl" onclick="opener.toggleRemainingTime(); return false;" title="Pause/Run Remaining Time">||</a> |
145 | <a href="#reset-remaining" class="headctrl" onclick="opener.resetRemainingTime(); return false;" title="Reset Remaining Time">|<</a> |
146 | </form> |
147 | </div> |
148 | </div> |
149 | |
150 | <h2 id="slide">...</h2> |
151 | <div id="notes"></div> |
152 | |
153 | <h2 id="next">...</h2> |
154 | <div id="nextnotes"></div> |
155 | |
156 | </body> |
157 | </html> |