inline HTML, result viewer

static/style.css

@@ -1,18 +1,12 @@
 body            { font-family: sans-serif; background: #eee; }
 a, h1, h2       { color: #377ba8; }
-h1, h2          { font-family: 'Georgia', serif; margin: 0; }
+h1, h2          { font-family: 'Georgia', serif; margin: 0; margin-top: 0.2em; }
 h1              { border-bottom: 2px solid #eee; }
 h2              { font-size: 1.2em; }
 input           { margin-top: 0.5em; border: 1px solid gray;}
 
 .page           { margin: 2em auto; width: 90%; border: 5px solid #ccc;
                   padding: 0.8em; background: white; }
-.entries        { list-style: none; margin: 0; padding: 0; }
-.entries li     { margin: 0.8em 1.2em; }
-.entries li h2  { margin-left: -1em; }
-table.entriesall     { border-collapse: collapse; }
-.entriesall td, .entriesall th { border: 1px solid black;
-                  padding: 0.5em; }
 .index {
   margin-top: 1em;
 }
@@ -21,16 +15,27 @@ table.entriesall     { border-collapse: collapse; }
   margin-top: 1em;
 }
 .question       {
-  border-bottom: 1px solid gray;
   padding-bottom: 0.5em;
 }
+.autoformat     {
+  border-bottom: 1px solid gray;
+}
 .warning        {
   font-size: small;
   color: red;
 }
+.message {
+  font-size: large;
+  color: red;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
 
 textarea {
-  width: 90%;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .header {
@@ -38,7 +43,23 @@ textarea {
   font-size: small;
 }
 .footer {
-  margin-top: 2em;
   text-align: left;
   font-size: small;
 }
+
+.summary_single {
+  list-style-type: disk;
+}
+.summary_multiple {
+  list-style-type: square;
+}
+.summary_open {
+  list-style-type: circle;
+  font-style: italic;
+}
+.thankyou {
+  font-size: large;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+