model != rs, Foo > MyApp
[dbsrgits/dbix-class-introduction-presentation.git] / ui / s5-notes.html
CommitLineData
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">
8body {
9 margin: 0;
10 padding: 1.0em;
11 background: #333;
12 color: #FFF;
13 font: 2em/1.4em 'Lucida Grande', Verdana, sans-serif;
14}
15div.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}
26div.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}
35div.timers div.controls {
36 position: absolute;
37 right: 0.25em;
38 top: 0.1em;
39 line-height: 1em;
40}
41div.timers h1 a {
42 text-decoration: none;
43 color: #000;
44}
45div.timers div.controls a {
46 font-size: 0.5em;
47 padding: 0;
48 color: #330;
49}
50div.timers a.control {
51 position: absolute;
52 text-decoration: none;
53 padding: 0 0.25em;
54 color: #AAA;
55 outline: 0;
56}
57a.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}
71div.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}
79div.timers p {margin: 0; padding: 0 0.5em;}
80div.timers form {margin: 0;}
81div.timers span.clock {font-family: monospace;}
82div.timers ul {margin: 0; padding: 0; list-style: none;}
83div.timers li {float: left; width: 5em; margin: 0; padding: 0 0.5em; text-align: center;}
84div#elapsed {width: 12.1em;}
85div#remaining {clear: left; width: 12.1em;}
86div#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;}
96em.disclaimer {color: #666;}
97div.collapsed h1 {display: block; font-size: 0.33em;}
98div.collapsed h1 a {display: inline;}
99div.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">|&lt;</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">|&lt;</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>