<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Loading...</title>
  <link rel="stylesheet" href="/install-usercss/install-usercss.css">
  <script src="/js/messaging.js"></script>
  <script src="/js/prefs.js"></script>
  <script src="/js/dom.js"></script>
  <script src="/js/localization.js"></script>
  <script src="/vendor/node-semver/semver.js"></script>

  <script src="/msgbox/msgbox.js"></script>
  <link rel="stylesheet" href="/msgbox/msgbox.css"></script>

  <!-- FIXME: do we need all of these? -->
  <script src="/vendor/codemirror/lib/codemirror.js"></script>
  <script src="/vendor/codemirror/keymap/sublime.js"></script>
  <script src="/vendor/codemirror/keymap/emacs.js"></script>
  <script src="/vendor/codemirror/keymap/vim.js"></script>

  <script src="/edit/codemirror-default.js"></script>
  <link rel="stylesheet" href="/edit/codemirror-default.css">

  <link rel="stylesheet" href="/vendor/codemirror/lib/codemirror.css">
  <script src="/vendor/codemirror/mode/css/css.js"></script>
  <link rel="stylesheet" href="/vendor/codemirror/addon/dialog/dialog.css">
  <link rel="stylesheet" href="/vendor/codemirror/addon/search/matchesonscrollbar.css">
  <script src="/vendor/codemirror/addon/scroll/annotatescrollbar.js"></script>
  <script src="/vendor/codemirror/addon/search/matchesonscrollbar.js"></script>
  <script src="/vendor-overwrites/codemirror/addon/search/match-highlighter.js"></script>
  <script src="/vendor/codemirror/addon/dialog/dialog.js"></script>
  <script src="/vendor/codemirror/addon/search/searchcursor.js"></script>
  <script src="/vendor/codemirror/addon/search/search.js"></script>
  <script src="/vendor/codemirror/addon/comment/comment.js"></script>
  <script src="/vendor/codemirror/addon/selection/active-line.js"></script>
  <link rel="stylesheet" href="/vendor/codemirror/addon/fold/foldgutter.css" />
  <script src="/vendor/codemirror/addon/fold/foldcode.js"></script>
  <script src="/vendor/codemirror/addon/fold/foldgutter.js"></script>
  <script src="/vendor/codemirror/addon/fold/brace-fold.js"></script>
  <script src="/vendor/codemirror/addon/fold/comment-fold.js"></script>
  <script src="/vendor/codemirror/addon/edit/matchbrackets.js"></script>
  <link rel="stylesheet" href="/vendor/codemirror/addon/lint/lint.css" />
  <link rel="stylesheet" href="/vendor/codemirror/addon/hint/show-hint.css" />
  <script src="/vendor/codemirror/addon/hint/show-hint.js"></script>
  <script src="/vendor/codemirror/addon/hint/css-hint.js"></script>
  <script src="/vendor/codemirror/addon/mode/loadmode.js"></script>
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="actions">
        <button class="install" i18n-text="installButton"></button>
        <label class="set-update-url">
          <input type="checkbox">
          <span></span>
        </label>
        <label class="live-reload">
          <input type="checkbox">
          <span i18n-text="liveReloadLabel"></span>
        </label>
      </div>
      <h1>
        <span class="meta-name"></span>
        <small class="meta-version"></small>
      </h1>
      <p class="meta-description"></p>
      <div>
        <h3 i18n-text="author"></h3>
        <span class="meta-author"></span>
      </div>
      <div>
        <h3 i18n-text="license"></h3>
        <span class="meta-license"></span>
      </div>
      <h3 i18n-text="appliesLabel"></h3>
      <ul class="applies-to">
      </ul>
      <div class="external-link"></div>
    </div>
    <div class="main">
      <div class="code">
        <textarea></textarea>
      </div>
    </div>
  </div>
  <script src="/content/util.js"></script>
  <script src="/install-usercss/install-usercss.js"></script>
</body>
</html>