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 {
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;
}

17
contrib/templates/default/post.mustache
View File

@ -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>

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

@ -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>