change styles to not suck as much, including postform

contrib/static/site.css

@@ -1,6 +1,9 @@
 .thread {
-    margin_right: 20px;
-    margin_bottom: 5px;
+    margin-right: 20px;
+    margin-bottom: 1em;
+    display: inline-block;
+    word-wrap: break-word;
+    width: 100%;
 }
 
 .frontend , .subject {
@@ -16,18 +19,61 @@
     font-weight: bold;
 }
 
+#postform-outer {
+    text-align: center;
+}
+
+
+input {
+    width: 70%;
+}
+
+input.button {
+    width: 25%;
+}
+
+textarea {
+    width: 350px;
+}
+
+#postform-inner {
+    display: inline-block;
+}
+
 .post {
+    padding: 10px 10px;
+}
+
+.post, th, .ukko_thread_header {
     background: #d6daf0;
-    padding: 10px;
+}
+
+.ukko_thread_header {
+    padding: 5px 5px;
+    margin: 5px 5px;
+    display: inline-block;
+    border-radius: 10px;
+}
+
+th {
+    font-size: 10pt;
+    padding-left: 10px;
+    padding-right: 15px;
 }
 
 body {
     background: #eef2ff;
+    font-family: arial,helvetica,sans-serif;
+    font-size: 10pt;
+    margin: 0 4px;
+    padding-left: 4px;
+    padding-right: 4px;
 }
 
 .reply {
     margin-left: 1.8em;
     display: inline-block;
+    border-radius: 3px;
 }
 
 .frontend {
@@ -43,14 +89,12 @@ body {
 }
 
 .post, .post_body {
-    margin-top: 5px;
     margin-bottom: 5px;
-    padding-right: 3em;
-    padding-bottom: 0.3em;
+
 }
 
 .post_body > p {
-    word-wrap: break-word;
+    margin: 2px;
 }
 
 .tripcode {
@@ -60,3 +104,19 @@ body {
 .memearrows {
     color: green;
 }
+
+.intro {
+    margin-bottom: 0.75em;
+}
+
+.file:not(.multiple) .file-thumbnail {
+    float: left;
+}
+
+.file-thumbnail {
+    display: block;
+    margin: 5px 20px 10px;
+    border: medium none;
+    max-width: 300px;
+    max-height: 200px;
+}

contrib/templates/default/post.mustache

@@ -1,6 +1,9 @@
   <div class="{{{CSSClass}}}" id="post_{{PostHash}}">
   <p class="intro">
     <label for="delete_{{PostHash}}">
+      <span class="frontend">
+        [[ {{Frontend}} ]]
+      </span>
       <span class="subject">
         {{Subject}}
       </span>
@@ -23,14 +26,16 @@
       <a href="{{PostURL}}">[reply]</a>
     {{/OP}}
   </p>
-  <p class="frontend">
-    [[ {{Frontend}} ]]
-  </p>
   <div class="files">
     {{#Attachments}}
-      <a class="file" href="{{Source}}" title="{{Filename}}">
+      <div class="file">
+        <p class="file_info">
+          <span>File: {{Filename}}</span>
+        </p>
+        <a target="_blank" class="file-link" href="{{Source}}" title="{{Filename}}">
           <img class="file-thumbnail" src="{{Thumbnail}}" alt="{{Filename}}" />
         </a>
+      </div>
     {{/Attachments}}
   </div>
   <div class="post_body">{{{RenderBody}}}</div>

contrib/templates/default/postform.mustache

@@ -9,6 +9,8 @@
  <form action="{{post_url}}" enctype="multipart/form-data" name="post" method="post">
  <input type="hidden" name="reference" value="{{reference}}" />
  <input type="hidden" name="captcha" value="" id="captcha_input" />
+ <div id="postform-outer">
+   <div id="postform-inner">
      <table class="postform">
        <tbody>
          <tr>
@@ -25,7 +27,7 @@
            </th>
            <td>
              <input type="text" name="subject" value="" />
-         <input type="submit" value="{{button}}" />
+             <input type="submit" value="{{button}}" class="button" />
            </td>
          </tr>
          <tr>
@@ -33,7 +35,7 @@
              Comment
            </th>
            <td>
-         <textarea type="text" name="message" cols=35 rows=5></textarea>
+             <textarea type="text" name="message" cols=40 rows=5></textarea>
            </td>
          </tr>
          <tr>
@@ -54,6 +56,7 @@
          </tr>
          <tr>
            <th>
+             Solution
            </th>
            <td>
              <input type="text" name="captcha_solution" />
@@ -61,4 +64,7 @@
          </tr>
        </tbody>
      </table>
+   </div>
+ </div>
  </form>
+