From b0b7d905dd912a020ddeb56c207ff63cf26f2e48 Mon Sep 17 00:00:00 2001
From: jeff <ampernand@gmail.com>
Date: Thu, 6 Aug 2015 10:30:54 -0400
Subject: [PATCH] change styles to not suck as much, including postform

---
 contrib/static/site.css                     |  74 +++++++++++--
 contrib/templates/default/post.mustache     |  17 +--
 contrib/templates/default/postform.mustache | 110 +++++++++++---------
 3 files changed, 136 insertions(+), 65 deletions(-)

diff --git a/contrib/static/site.css b/contrib/static/site.css
index 4347bb1..4255850 100644
--- a/contrib/static/site.css
+++ b/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 {
@@ -59,4 +103,20 @@ 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;
 }
\ No newline at end of file
diff --git a/contrib/templates/default/post.mustache b/contrib/templates/default/post.mustache
index 9686845..d108f23 100644
--- a/contrib/templates/default/post.mustache
+++ b/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}}">
-        <img class="file-thumbnail" src="{{Thumbnail}}" alt="{{Filename}}" />
-      </a>
+      <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>
diff --git a/contrib/templates/default/postform.mustache b/contrib/templates/default/postform.mustache
index 59e1148..dda9a6e 100644
--- a/contrib/templates/default/postform.mustache
+++ b/contrib/templates/default/postform.mustache
@@ -9,56 +9,62 @@
  <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" />
- <table class="postform">
-   <tbody>
-     <tr>
-       <th>
-         Name
-       </th>
-       <td>
-         <input type="text" name="name" value="" />
-       </td>
-     </tr>
-     <tr>
-       <th>
-         Subject
-       </th>
-       <td>
-         <input type="text" name="subject" value="" />
-         <input type="submit" value="{{button}}" />
-       </td>
-     </tr>
-     <tr>
-       <th>
-         Comment
-       </th>
-       <td>
-         <textarea type="text" name="message" cols=35 rows=5></textarea>
-       </td>
-     </tr>
-     <tr>
-       <th>
-         File
-       </th>
-       <td>
-         <input type="file" name="attachment" />
-       </td>
-     </tr>
-     <tr>
-       <th>
-         Captcha
-       </th>
-       <td>
-         <img id="captcha_img" src="" alt="captcha" />
-       </td>
-     </tr>
-     <tr>
-       <th>
-       </th>
-       <td>
-         <input type="text" name="captcha_solution" />
-       </td>
-     </tr>
-   </tbody>
- </table>
+ <div id="postform-outer">
+   <div id="postform-inner">
+     <table class="postform">
+       <tbody>
+         <tr>
+           <th>
+             Name
+           </th>
+           <td>
+             <input type="text" name="name" value="" />
+           </td>
+         </tr>
+         <tr>
+           <th>
+             Subject
+           </th>
+           <td>
+             <input type="text" name="subject" value="" />
+             <input type="submit" value="{{button}}" class="button" />
+           </td>
+         </tr>
+         <tr>
+           <th>
+             Comment
+           </th>
+           <td>
+             <textarea type="text" name="message" cols=40 rows=5></textarea>
+           </td>
+         </tr>
+         <tr>
+           <th>
+             File
+           </th>
+           <td>
+             <input type="file" name="attachment" />
+           </td>
+         </tr>
+         <tr>
+           <th>
+             Captcha
+           </th>
+           <td>
+             <img id="captcha_img" src="" alt="captcha" />
+           </td>
+         </tr>
+         <tr>
+           <th>
+             Solution
+           </th>
+           <td>
+             <input type="text" name="captcha_solution" />
+           </td>
+         </tr>
+       </tbody>
+     </table>
+   </div>
+ </div>
  </form>
+ 
\ No newline at end of file