ui/s5-notes.html

   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">|&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>