help_dialog.html

<!-- At runtime, we replace this help_dialog.css URL with the extension's help_dialog.css file path
  -->
<link rel="stylesheet" href="help_dialog.css" type="text/css" />
<div id="help-dialog-modal-background">
  <div id="help-dialog">
    <h1><span>SheetKeys shortcuts</span>
      <a href="#" class="close"><i class="icon-cancel-circled"></i></a>
    </h1>
    <!-- tabindex is required so that this div can be programmatically focused. -->
    <div class="dialog-body" tabindex="0">
      <table>
        <thead>
          <tr>
            <td colspan="0">Movement</td>
          </tr>
        </thead>
        <tbody>
          <tr data-command="the-command">
            <td>
              <div class="display-name">Move left</div>
              <div class="validation-error"></div>
            </td>
            <td>
              <div class="shortcut" tabindex="0"></div>
            </td>
            <td><a href="#" class="edit"><i class="icon-pencil"></i></a></td>
            <td>
              <span class="editing-controls" style="visibility: hidden">
                <a href="#" class="cancel">cancel</a>
                <a href="#" class="save">save</a>
                <a href="#" class="default">default</a>
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>