Mercurial > hg > Papers > 2011 > shoshi-jssst
view jssst2011/ui/s5-notes.html @ 7:f542388881a9 default tip
added slides beta
author | Shoshi TAMAKI <shoshi@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Sun, 25 Sep 2011 03:42:16 +0900 |
parents | |
children |
line wrap: on
line source
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Do not edit this document! The system will likely break if you do. --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Notes</title> <style type="text/css" media="all"> body { margin: 0; padding: 1.0em; background: #333; color: #FFF; font: 2em/1.4em 'Lucida Grande', Verdana, sans-serif; } div.timers { background: #FFF; color: #333; border: 0.08em solid #222; border-top-width: 1px; border-left-width: 1px; float: left; padding: 0.2em; margin: 0 0 0.5em; position: relative; } div.timers h1 { text-align: left; font-size: 0.6em; line-height: 1.4em; background-color: #FF9; padding: 0 0.75em; margin: 0.25em 0 0; border: 1px solid #EE8; } div.timers div.controls { position: absolute; right: 0.25em; top: 0.1em; line-height: 1em; } div.timers h1 a { text-decoration: none; color: #000; } div.timers div.controls a { font-size: 0.5em; padding: 0; color: #330; } div.timers a.control { position: absolute; text-decoration: none; padding: 0 0.25em; color: #AAA; outline: 0; } a.headctrl { outline: none; text-decoration: none; font-weight: bold; } #minus {left: 0.25em;} #plus {right: 0.25em;} .overtime { background: yellow; color: red; border: 3px solid; padding: 0.1em 0.25em; font-weight: bold; } div.timers h2 { font-size: 0.6em; line-height: 1.0em; font-weight: normal; margin: 0 0 -0.25em; padding-top: 0.5em; color: #666; } div.timers p {margin: 0; padding: 0 0.5em;} div.timers form {margin: 0;} div.timers span.clock {font-family: monospace;} div.timers ul {margin: 0; padding: 0; list-style: none;} div.timers li {float: left; width: 5em; margin: 0; padding: 0 0.5em; text-align: center;} div#elapsed {width: 12.1em;} div#remaining {clear: left; width: 12.1em;} div#remaining p {text-align: center;} #slide, #next, #notes, #nextnotes { font-size: 0.75em; line-height: 1.4em; clear: left; /* max-width: 30.0em; */ text-shadow: 0.1em 0.1em 0.1em #111; } #next {margin-top: 2.5em;} #next, #nextnotes {color: #999; font-size: 0.66em;} em.disclaimer {color: #666;} div.collapsed h1 {display: block; font-size: 0.33em;} div.collapsed h1 a {display: inline;} div.collapsed * {display: none;} </style> <script type="text/javascript"> // <![CDATA[ document.onkeyup = opener.keys; document.onkeypress = opener.trap; document.onclick = opener.clicker; // ]]> </script> </head> <body onload="opener.s5NotesWindowLoaded=true;" onunload="opener.s5NotesWindowLoaded=false;"> <div class="timers" id="elapsed"> <h1> <a href="#" onclick="opener.minimizeTimer('elapsed'); return false;">Elapsed Time</a> </h1> <ul> <li> <h2>Presentation</h2> <span class="clock" id="elapsed-presentation">00:00:00</span> </li> <li> <h2>Current Slide</h2> <span class="clock" id="elapsed-slide">00:00:00</span> </li> </ul> <div class="controls"> <a href="#reset-elapsed" class="headctrl" onclick="opener.resetElapsedTime(); return false;" title="Reset Elapsed Time">|<</a> </div> </div> <div class="timers" id="remaining"> <h1> <a href="#" onclick="opener.minimizeTimer('remaining'); return false;">Remaining Time</a> </h1> <p> <a href="#subtract-remaining" class="control" id="minus" onclick="opener.alterRemainingTime('-5'); return false;" title="Subtract 5 Minutes">-</a> <span class="clock" id="timeLeft">00:00:00</span> <a href="#add-remaining" class="control" id="plus" onclick="opener.alterRemainingTime('5'); return false;" title="Add 5 Minutes">+</a> </p> <div class="controls"> <form action="#" onsubmit="opener.resetRemainingTime(); return false;"> <input type="text" class="text" id="startFrom" value="0" size="4" maxlength="4" /> <a href="#toggle-remaining" class="headctrl" onclick="opener.toggleRemainingTime(); return false;" title="Pause/Run Remaining Time">||</a> <a href="#reset-remaining" class="headctrl" onclick="opener.resetRemainingTime(); return false;" title="Reset Remaining Time">|<</a> </form> </div> </div> <h2 id="slide">...</h2> <div id="notes"></div> <h2 id="next">...</h2> <div id="nextnotes"></div> </body> </html>