web/question.mark.html

   1 <div id="helpUnderlay" class="help-underlay">
   2   <div id="helpModal" class="help-modal">
   3   <h1>Keyboard Shortcuts <kbd class="help-key"><span>?</span></kbd></h1>
   4     <div id="helpClose" class="help-close">&times;</div><!-- .help-close -->
   5
   6     <div id="helpModalContent" class="help-modal-content">
   7
   8       <div id="helpListWrap" class="help-list-wrap">
   9
  10         <!--
  11              Each <ul> below creates a column, as long as each has a class of
  12              "help-list". Each <li> is a single key/definition pair.
  13              The extra nested <span> is to help keep the definitions lined up
  14              vertically, for aesthetic reasons.
  15              If you hate the extra <span>, just remove it from each key/def pair.
  16         -->
  17
  18         <ul class="help-list">
  19
  20           <li class="help-key-unit">
  21             <kbd class="help-key"><span>space</span></kbd>
  22             <span class="help-key-def">Pause/Play</span>
  23           </li>
  24           <li class="help-key-unit">
  25             <kbd class="help-key"><span>r</span></kbd>
  26             <span class="help-key-def">Return to start</span>
  27           </li>
  28           <li class="help-key-unit">
  29             <kbd class="help-key"><span>b</span></kbd>
  30             <span class="help-key-def">Rewind 10 secs</span>
  31           </li>
  32           <li class="help-key-unit">
  33             <kbd class="help-key"><span>f</span></kbd>
  34             <span class="help-key-def">Fast forward 10 secs</span>
  35           </li>
  36           <li class="help-key-unit">
  37             <kbd class="help-key"><span>a</span></kbd>
  38             <span class="help-key-def">Mark start</span>
  39           </li>
  40           <li class="help-key-unit">
  41             <kbd class="help-key"><span>c</span></kbd>
  42             <span class="help-key-def">Clear start</span>
  43           </li>
  44
  45         </ul><!-- .help-list -->
  46
  47       </div><!-- .help-list-wrap -->
  48
  49     </div><!-- .help-modal-content -->
  50   </div><!-- .help-modal -->
  51 </div><!-- .help-underlay -->