archive/nntpchan
Archived
1
0
Fork 0
Code

change styles to not suck as much, including postform

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
contrib/static/site.css
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 {
@ -59,4 +103,20 @@ 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;
} }

17
contrib/templates/default/post.mustache
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">
<img class="file-thumbnail" src="{{Thumbnail}}" alt="{{Filename}}" /> <p class="file_info">
</a> <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}} {{/Attachments}}
</div> </div>
<div class="post_body">{{{RenderBody}}}</div> <div class="post_body">{{{RenderBody}}}</div>

110
contrib/templates/default/postform.mustache
View File

@ -9,56 +9,62 @@
<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" />
<table class="postform"> <div id="postform-outer">
<tbody> <div id="postform-inner">
<tr> <table class="postform">
<th> <tbody>
Name <tr>
</th> <th>
<td> Name
<input type="text" name="name" value="" /> </th>
</td> <td>
</tr> <input type="text" name="name" value="" />
<tr> </td>
<th> </tr>
Subject <tr>
</th> <th>
<td> Subject
<input type="text" name="subject" value="" /> </th>
<input type="submit" value="{{button}}" /> <td>
</td> <input type="text" name="subject" value="" />
</tr> <input type="submit" value="{{button}}" class="button" />
<tr> </td>
<th> </tr>
Comment <tr>
</th> <th>
<td> Comment
<textarea type="text" name="message" cols=35 rows=5></textarea> </th>
</td> <td>
</tr> <textarea type="text" name="message" cols=40 rows=5></textarea>
<tr> </td>
<th> </tr>
File <tr>
</th> <th>
<td> File
<input type="file" name="attachment" /> </th>
</td> <td>
</tr> <input type="file" name="attachment" />
<tr> </td>
<th> </tr>
Captcha <tr>
</th> <th>
<td> Captcha
<img id="captcha_img" src="" alt="captcha" /> </th>
</td> <td>
</tr> <img id="captcha_img" src="" alt="captcha" />
<tr> </td>
<th> </tr>
</th> <tr>
<td> <th>
<input type="text" name="captcha_solution" /> Solution
</td> </th>
</tr> <td>
</tbody> <input type="text" name="captcha_solution" />
</table> </td>
</tr>
</tbody>
</table>
</div>
</div>
</form> </form>