error.html

<!doctype html>
<title>Emacs Edit - Error</title>
<style>

 @keyframes highlight {
     /* Allow 0.1% of time to scroll to relevant error msg. */
     0% { visibility: hidden; } 0.1% { height: 0em; } 100% { }
 }

 * { margin:0; padding:0; border:0;}
 body { padding-right:10px; }
 .container {
     background:white;
     box-shadow: rgba(0,0,0,0.3) 4px 4px 10px 0px;
     border:#CFCFCF solid 2px; border-radius:4px;
     animation: 1s highlight;
     height: 11em;
     overflow: hidden;
 }

 /* Only show the relevant error message */
 section        { display: none; }
 section:target { display: block; }

 h1 {
     background:#444444;
     color: #B2AFAD;
     font-size:100%;
     text-align: center;
     padding: 3px;
 }
 h2 {
     font-size: 100%;
     padding-bottom: 1em;
 }
 section,a { padding: 1em; }
</style>

<div class="container">
    <h1>Emacs Edit</h1>

    <section id="NoEmacs">
        <h2>Connection Error</h2>
        Could not connect to Emacs.
    </section>

    <section id="NoEditor">
        <h2>No editor found</h2>
        No active editor found on page.
        Click on the text you want to edit.
    </section>

    <a href="https://github.com/willmoffat/emacs-edit-chrome/blob/master/README.md"
       target="_blank">Help</a>

</div>