Archived
1
0

change styles to not suck as much, including postform

This commit is contained in:
jeff 2015-08-06 10:30:54 -04:00
parent d348dfd720
commit b0b7d905dd
3 changed files with 136 additions and 65 deletions

View File

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

View File

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

View File

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