Mercurial > hg > Papers > 2012 > yutaka-master
comparison presen/ui/s5-notes.html @ 20:e5e563dc8270 draft
add file
author | Yutaka_Kinjyo <yutaka@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Sun, 12 Feb 2012 00:47:14 +0900 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
18:140aec35135c | 20:e5e563dc8270 |
---|---|
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> |