<!DOCTYPE HTML>

<!--
about:version template page
-->

<html id="t">
  <head>
    <title i18n-content="title"></title>
    <style>
      body {
        font-family:Helvetica,Arial,sans-serif;
        background-color:white;
        color: black;
        margin: 0px;
      }
      #outer {
        text-align: left;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 800px;
      }
      #inner {
        padding-top: 10px;
        width: 550px;
      }
      .label {
        font-weight: bold;
        text-align: right;
        white-space: nowrap;
        padding-right: 5px;
        font-size: 0.9em;
        border-right: 0px solid black;
      }
      .label:after {
        content: ":";
      }
      #logo {
        text-align: right;
        float: right;
        width: 180px;
        margin-left: 40px;
      }
      #company {
        text-align: right;
        font-size: 0.7em;
      }
      #copyright {
        text-align: right;
        font-size: 0.7em;
      }
      #name {
      }
      #useragent {
        font-family: monospace;
      }
      .version {
        font-family: monospace;
        padding-left: 5px;
        max-width: 430px;
      }
    </style>
  </head>

  <body>
    <div id="outer">
      <div id="logo">
        <img src="../../app/theme/%DISTRIBUTION%/product_logo.png" />
        <div id="company" i18n-content="company"></div>
        <div id="copyright" i18n-content="copyright"></div>
      </div>
      <table id="inner" cellpadding="0" cellspacing="0" border="0">
        <tr jsdisplay="is_chrome_os"><td class="label" valign="top" id="os_name" i18n-content="os_name"></td>
            <td class="version" id="os_version"><span i18n-content="os_version"></span></td>
        </tr>
        <tr><td class="label" valign="top" id="name" i18n-content="name"></td>
          <td class="version" id="version"><span i18n-content="version"></span> (<span i18n-content="official"></span> <span i18n-content="cl"></span>) <span i18n-content="version_modifier"></span></td>
        </tr>
        <tr><td class="label" valign="top">WebKit</td>
            <td class="version" id="webkit_version" i18n-content="webkit_version"></td>
        </tr>
        <tr><td class="label" valign="top" i18n-content="js_engine"></td>
            <td class="version" id="js_version" i18n-content="js_version"></td>
        </tr>
        <tr><td class="label" valign="top" i18n-content="flash_plugin"></td>
            <td class="version" id="flash_version" i18n-content="flash_version"></td>
        </tr>
        <tr><td class="label" valign="top" i18n-content="user_agent_name"></td>
            <td class="version" id="useragent" i18n-content="useragent"></td>
        </tr>
        <tr><td class="label" valign="top" i18n-content="command_line_name"></td>
            <td class="version" id="Td1" i18n-content="command_line"></td>
        </tr>       
      </table>
    </div>
  </body>

</html>