mirror of
https://github.com/Eggbertx/gochan.git
synced 2025-08-03 19:56:22 -07:00
use QR file input when posting, improve front page formatting
This commit is contained in:
parent
4ec04d799b
commit
4fa467933b
10 changed files with 101 additions and 96 deletions
|
@ -219,13 +219,6 @@ div.inlinepostprev {
|
|||
padding: 4px 8px 4px 8px;
|
||||
}
|
||||
|
||||
div.page {
|
||||
float: left;
|
||||
width: 75%;
|
||||
margin-left: 8px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
div.section-block {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
@ -259,10 +252,13 @@ div#top-pane span#site-title {
|
|||
font-size: 50px;
|
||||
}
|
||||
|
||||
col#recent {
|
||||
width: 22%;
|
||||
}
|
||||
|
||||
#tab-bar {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 2px;
|
||||
margin-left: -24px;
|
||||
display: inline;
|
||||
}
|
||||
#tab-bar .tab {
|
||||
display: inline;
|
||||
|
@ -270,13 +266,10 @@ div#top-pane span#site-title {
|
|||
}
|
||||
|
||||
div#recent-posts {
|
||||
width: 22%;
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
display: inline-block;
|
||||
}
|
||||
div#recent-posts img {
|
||||
float: left;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div#recent-posts div.section-body {
|
||||
|
@ -429,9 +422,9 @@ input.config-text {
|
|||
|
||||
div#qr-box {
|
||||
padding: 1px;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
min-width: 300px;
|
||||
background-color: lightgray;
|
||||
border: 1px solid #000;
|
||||
|
@ -443,9 +436,9 @@ div#qr-box input[type=text], div#qr-box textarea {
|
|||
background-color: #FFF !important;
|
||||
color: #000 !important;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
div#qr-box input[type=file] {
|
||||
background-color: lightgray !important;
|
||||
|
|
|
@ -130,6 +130,7 @@ form#postform input[type=text], form#postform input[type=password], form#postfor
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #363942;
|
||||
background-image: url(res/pipes_bg.png);
|
||||
color: #d8d0b9;
|
||||
font: 12pt sans-serif;
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 946 B |
Binary file not shown.
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
Before Width: | Height: | Size: 2.8 KiB |
|
@ -504,7 +504,7 @@ function initSettings() {
|
|||
function initQR(pageThread) {
|
||||
var $qrbuttons = $jq("<div />").prop("id", "qrbuttons")
|
||||
.append(
|
||||
"<input type=\"file\" id=\"imagefile\" style=\"display: none;\" />" +
|
||||
"<input type=\"file\" id=\"imagefile\" name=\"imagefile\" style=\"display: none;\" />" +
|
||||
"<input name=\"imagefilebtn\" type=\"button\" onclick=\"document.getElementById('imagefile').click();\" value=\"Browse...\">" +
|
||||
"<input type=\"submit\" value=\"Post\" style=\"float:right;\"/>"
|
||||
)
|
||||
|
|
|
@ -6,7 +6,14 @@
|
|||
}
|
||||
|
||||
@mixin box-sizing($sizing) {
|
||||
box-sizing: $sizing;
|
||||
-moz-box-sizing: $sizing;
|
||||
-webkit-box-sizing: $sizing;
|
||||
box-sizing: $sizing;
|
||||
}
|
||||
|
||||
@mixin border-radius($properties...) {
|
||||
-moz-border-radius: $properties;
|
||||
-ms-border-radius: $properties;
|
||||
-webkit-border-radius: $properties;
|
||||
border-radius: $properties;
|
||||
}
|
|
@ -1,10 +1,3 @@
|
|||
div.page {
|
||||
float: left;
|
||||
width: 75%;
|
||||
margin-left: 8px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
div.section-block {
|
||||
margin-bottom: 8px;
|
||||
div.section-title-block {
|
||||
|
@ -39,10 +32,13 @@ div#top-pane {
|
|||
}
|
||||
}
|
||||
|
||||
col#recent {
|
||||
width:22%;
|
||||
}
|
||||
|
||||
#tab-bar {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 2px;
|
||||
margin-left: -24px;
|
||||
display: inline;
|
||||
.tab {
|
||||
display: inline;
|
||||
padding: 0px 8px 0px 8px;
|
||||
|
@ -50,12 +46,9 @@ div#top-pane {
|
|||
}
|
||||
|
||||
div#recent-posts {
|
||||
width:22%;
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
display: inline-block;
|
||||
img {
|
||||
float: left;
|
||||
padding-right: 8px;
|
||||
}
|
||||
div.section-body {
|
||||
|
|
|
@ -9,6 +9,7 @@
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #363942;
|
||||
background-image: url(res/pipes_bg.png);
|
||||
color: #d8d0b9;
|
||||
font: $font;
|
||||
|
|
|
@ -26,6 +26,13 @@
|
|||
<span id="site-slogan">{{.config.SiteSlogan}}</span>
|
||||
</div>
|
||||
<div id="main">
|
||||
<table style="width:100%" cellspacing="10">
|
||||
<colgroup>
|
||||
<col id="sections" />
|
||||
<col id="recent" />
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<ul id="tab-bar">
|
||||
<li id="current-tab" class="tab">
|
||||
<a href="#">News</a>
|
||||
|
@ -82,7 +89,8 @@
|
|||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
{{if gt .config.MaxRecentPosts 0}}<div id="recent-posts">
|
||||
</td>
|
||||
{{if gt .config.MaxRecentPosts 0}}<td>
|
||||
<div id="recent-posts-header" class="section-title-block"><b>Recent Posts</b></div>
|
||||
{{range $i, $post := $.recent_posts}}<div class="section-block">
|
||||
<div class="section-title-block">
|
||||
|
@ -93,6 +101,8 @@
|
|||
{{truncateMessage $post.Message 225 12}}
|
||||
</div>
|
||||
</div>{{end}}{{end}}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{{template "global_footer.html" .}}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue