|
1
|
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>
|
