mirror of
https://github.com/Eggbertx/gochan.git
synced 2025-08-24 08:46:24 -07:00
Make themes use div#content more
This commit is contained in:
Eggbertx
parent
55ef8dd3b8
commit
6ddfaedc11
24 changed files with 94 additions and 112 deletions
|
|
@ -120,7 +120,7 @@ export function initQR(pageThread) {
|
|||
}
|
||||
|
||||
export function openQR() {
|
||||
if($qr) $qr.insertAfter("div#footer");
|
||||
if($qr) $qr.insertAfter("div#content");
|
||||
}
|
||||
window.openQR = openQR;
|
||||
|
||||
|
|
|
|||
|
|
@ -117,8 +117,7 @@ div#topbar,
|
|||
.topbar-item,
|
||||
.topbar-item:visited,
|
||||
.dropdown-button,
|
||||
.dropdown-menu,
|
||||
.dropdown-menu a {
|
||||
.dropdown-menu {
|
||||
background: #000A89;
|
||||
color: #EEF2FF;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,22 +27,20 @@ hr {
|
|||
height: 0;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
div#content input, div#content select, div#content textarea {
|
||||
border: 1px double #07371F;
|
||||
border-radius: 5px;
|
||||
background: #DDD;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
input:active, select:active, textarea:active {
|
||||
div#content input:active, div#content select:active, div#content textarea:active {
|
||||
-webkit-filter: drop-shadow(0px 0px 5px #117743);
|
||||
filter: drop-shadow(0px 0px 5px #117743);
|
||||
}
|
||||
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=file]::file-selector-button,
|
||||
input[type=file]::-webkit-file-upload-button {
|
||||
div#content input[type=button],
|
||||
div#content input[type=submit],
|
||||
div#content input[type=file]::file-selector-button,
|
||||
div#content input[type=file]::webkit-file-upload-button {
|
||||
background: #A7A7A7;
|
||||
border: 3px double #07371F;
|
||||
border-radius: 5px;
|
||||
|
|
|
|||
|
|
@ -22,8 +22,8 @@ header {
|
|||
color: #32DD72;
|
||||
}
|
||||
|
||||
input:not(div#qrbuttons input),
|
||||
textarea {
|
||||
div#content input:not(div#qrbuttons input),
|
||||
div#content textarea, div#content select {
|
||||
background: #333;
|
||||
border: 1px solid #666;
|
||||
color: #CCC;
|
||||
|
|
@ -36,14 +36,9 @@ th.postblock {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
select.post-actions {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
div.reply,
|
||||
div.postprev,
|
||||
div.inlinepostprev,
|
||||
select.post-actions {
|
||||
div.inlinepostprev {
|
||||
background: #333;
|
||||
border: 1px solid #555;
|
||||
border-radius: 5px;
|
||||
|
|
|
|||
|
|
@ -81,10 +81,10 @@ img.thumbnail {
|
|||
color: #FC0;
|
||||
}
|
||||
|
||||
input:not([type=submit]):not([type=button]),
|
||||
textarea,
|
||||
select#changepage,
|
||||
select.post-actions {
|
||||
div#content input:not([type=submit]):not([type=button]),
|
||||
div#content textarea,
|
||||
div#content select#changepage,
|
||||
div#content select.post-actions {
|
||||
background: #25272D;
|
||||
border: 1px solid #8C94AB;
|
||||
color: #FFF;
|
||||
|
|
|
|||
|
|
@ -68,10 +68,10 @@ div#topbar a {
|
|||
cursor: default;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type=button],
|
||||
input[role=pushbutton],
|
||||
input[type=submit] {
|
||||
div#content button,
|
||||
div#content input[type=button],
|
||||
div#content input[role=pushbutton],
|
||||
div#content input[type=submit] {
|
||||
color: #000 !important;
|
||||
/* font-size: 12px!important; */
|
||||
background: silver !important;
|
||||
|
|
@ -84,9 +84,9 @@ input[type=submit] {
|
|||
padding: 0 12px;
|
||||
}
|
||||
|
||||
button:active,
|
||||
input[type=button]:active,
|
||||
input[type=submit]:active {
|
||||
div#content button:active,
|
||||
div#content input[type=button]:active,
|
||||
div#content input[type=submit]:active {
|
||||
box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080 !important;
|
||||
}
|
||||
|
||||
|
|
@ -148,7 +148,7 @@ h1, h2, div.subtitle, a#qrDisplayButton {
|
|||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
select {
|
||||
div#content select {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
|
|
|
|||
|
|
@ -56,8 +56,8 @@ div#topbar,
|
|||
.topbar-item,
|
||||
.topbar-item:visited,
|
||||
.dropdown-button,
|
||||
.dropdown-menu,
|
||||
.dropdown-menu a {
|
||||
.dropdown-menu/* ,
|
||||
.dropdown-menu a */{
|
||||
background: #000A89;
|
||||
color: $bgcol;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,27 +30,29 @@ hr {
|
|||
height: 0;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
border: 1px double $inputshadow;
|
||||
border-radius: 5px;
|
||||
background: $inputcol;
|
||||
color: #000;
|
||||
div#content {
|
||||
input, select, textarea {
|
||||
border: 1px double $inputshadow;
|
||||
border-radius: 5px;
|
||||
background: $inputcol;
|
||||
color: #000;
|
||||
}
|
||||
input:active, select:active, textarea:active {
|
||||
// box-shadow: 0px 0px 5px $replyborder;
|
||||
@include shadow-filter(0px 0px 5px $replyborder);
|
||||
}
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
input[type="file"]::file-selector-button,
|
||||
input[type="file"]::webkit-file-upload-button {
|
||||
background: #A7A7A7;
|
||||
border: 3px double $inputshadow;
|
||||
border-radius: 5px;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
input:active, select:active, textarea:active {
|
||||
// box-shadow: 0px 0px 5px $replyborder;
|
||||
@include shadow-filter(0px 0px 5px $replyborder);
|
||||
}
|
||||
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
input[type="file"]::file-selector-button,
|
||||
input[type="file"]::-webkit-file-upload-button {
|
||||
background: #A7A7A7;
|
||||
border: 3px double $inputshadow;
|
||||
border-radius: 5px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
div.reply,
|
||||
div.section-block,
|
||||
|
|
|
|||
|
|
@ -24,12 +24,14 @@ header {
|
|||
color: $headercol;
|
||||
}
|
||||
|
||||
// input:not([type=submit]):not([type=button]),
|
||||
input:not(div#qrbuttons input),
|
||||
textarea {
|
||||
background: $inputbg;
|
||||
border: 1px solid $topbarbg;
|
||||
color: $linkcol;
|
||||
div#content {
|
||||
// input:not([type=submit]):not([type=button]),
|
||||
input:not(div#qrbuttons input),
|
||||
textarea, select {
|
||||
background: $inputbg;
|
||||
border: 1px solid $topbarbg;
|
||||
color: $linkcol;
|
||||
}
|
||||
}
|
||||
|
||||
th.postblock {
|
||||
|
|
@ -39,14 +41,13 @@ th.postblock {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
select.post-actions {
|
||||
color: $color;
|
||||
}
|
||||
// select.post-actions {
|
||||
// color: $color;
|
||||
// }
|
||||
|
||||
div.reply,
|
||||
div.postprev,
|
||||
div.inlinepostprev,
|
||||
select.post-actions {
|
||||
div.inlinepostprev {
|
||||
background: $inputbg;
|
||||
border: 1px solid $replyborder;
|
||||
border-radius: 5px;
|
||||
|
|
|
|||
|
|
@ -39,11 +39,13 @@ img.thumbnail {
|
|||
color: #FC0;
|
||||
}
|
||||
|
||||
input:not([type=submit]):not([type=button]),
|
||||
textarea,
|
||||
select#changepage,
|
||||
select.post-actions {
|
||||
background: #25272D;
|
||||
border: 1px solid #8C94AB;
|
||||
color: #FFF;
|
||||
div#content {
|
||||
input:not([type=submit]):not([type=button]),
|
||||
textarea,
|
||||
select#changepage,
|
||||
select.post-actions {
|
||||
background: #25272D;
|
||||
border: 1px solid #8C94AB;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -65,26 +65,30 @@ div#topbar a {
|
|||
cursor: default;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type=button],
|
||||
input[role=pushbutton],
|
||||
input[type=submit] {
|
||||
color: $txtcol!important;
|
||||
/* font-size: 12px!important; */
|
||||
background: silver!important;
|
||||
box-shadow: $bar-shadow;
|
||||
box-sizing: border-box;
|
||||
border: none!important;
|
||||
border-radius: 0!important;
|
||||
min-width: 75px;
|
||||
min-height: 22px;
|
||||
padding: 0 12px;
|
||||
div#content {
|
||||
button,
|
||||
input[type=button],
|
||||
input[role=pushbutton],
|
||||
input[type=submit] {
|
||||
color: $txtcol!important;
|
||||
/* font-size: 12px!important; */
|
||||
background: silver!important;
|
||||
box-shadow: $bar-shadow;
|
||||
box-sizing: border-box;
|
||||
border: none!important;
|
||||
border-radius: 0!important;
|
||||
min-width: 75px;
|
||||
min-height: 22px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
button:active,
|
||||
input[type=button]:active,
|
||||
input[type=submit]:active {
|
||||
box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080!important;
|
||||
div#content {
|
||||
button:active,
|
||||
input[type=button]:active,
|
||||
input[type=submit]:active {
|
||||
box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080!important;
|
||||
}
|
||||
}
|
||||
|
||||
div#qr-title {
|
||||
|
|
@ -148,7 +152,7 @@ h1, h2, div.subtitle, a#qrDisplayButton {
|
|||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
select {
|
||||
div#content select {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
<a href="{{.webroot}}{{.board.Dir}}/catalog.html">Board catalog</a><br />
|
||||
</div>
|
||||
{{- template "postbox.html" . -}}<hr />
|
||||
<div id="content">
|
||||
<form action="/util" method="POST" id="main-form">
|
||||
{{$global := .}}
|
||||
{{- range $t, $thread := .threads}}{{$op := $thread.OP}}
|
||||
|
|
@ -60,5 +59,4 @@
|
|||
{{- end}}]
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{- template "page_footer.html" .}}
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<option value="replies">Reply count</option>
|
||||
</select>
|
||||
</div><hr />
|
||||
<div id="content">{{range $_,$thread := .threads}}
|
||||
{{range $_,$thread := .threads}}
|
||||
<div class="catalog-thread">
|
||||
<a href="{{$.webroot}}{{$.board.Dir}}/res/{{$thread.ID}}.html">
|
||||
{{if eq $thread.Filename ""}}(No file){{else if eq $thread.Filename "deleted"}}(File deleted){{else}}
|
||||
|
|
@ -22,6 +22,5 @@
|
|||
{{end}}</a><br />
|
||||
<b>{{if eq $thread.Name ""}}Anonymous{{else}}{{$thread.Name}}{{end}}</b> | <b>R:</b> {{numReplies $.board.ID $thread.ID}}<br />
|
||||
{{$thread.MessageHTML}}
|
||||
</div>{{end}}
|
||||
</div><hr />
|
||||
</div>{{end}}<hr />
|
||||
{{template "page_footer.html" .}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
<form method="POST" action="/manage?action=bans">
|
||||
<input type="hidden" name="do" value="add" />
|
||||
<b>User filter:</b><br />
|
||||
|
|
@ -30,5 +29,4 @@
|
|||
<table>
|
||||
<tr><th>IP</th><th>Name!Tripcode</th><th>Reason</th><th>Staff note</th><th>Boards</th><th>Staff</th><th>Set</th><th>Expires</th><th>Permaban</th></tr>
|
||||
{{range $b, $ban := $.banlist}} <tr><td>{{$ban.IP}}</td><td>{{$ban.Name}}</td><td>{{$ban.Reason}}</td><td>{{$ban.StaffNote}}</td><td>{{if eq $ban.Boards ""}}<i>all boards</i>{{else}}{{$ban.Boards}}{{end}}</td><td>{{$ban.Staff}}</td><td>{{$ban.Timestamp}}</td><td>{{if $ban.Permaban}}never{{else}}{{$ban.Expires}}{{end}}</td><td>{{$ban.Permaban}}</td></tr>
|
||||
{{end}}</table>
|
||||
</div>
|
||||
{{end}}</table>
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
<form action="{{$.webroot}}manage?action=boards" method="GET">
|
||||
<input type="hidden" name="action" value="boards">
|
||||
{{with $.boards}}{{else}}
|
||||
|
|
@ -175,4 +174,3 @@
|
|||
<input type="submit" name="docreate" value="Create new board" onclick="return confirm('Click ok to confirm')"/>
|
||||
{{- end -}}
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
{{if ne .status ""}}{{.status}}<hr />{{end}}
|
||||
Some fields omitted because they can not be (safely) edited from the web interface while Gochan is running.
|
||||
Edit these directly in gochan.json, then restart Gochan.<br />
|
||||
|
|
@ -8,4 +7,3 @@ Edit these directly in gochan.json, then restart Gochan.<br />
|
|||
{{generateConfigTable}}<br />
|
||||
<input type="submit" />
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
<fieldset><legend>Announcements</legend>
|
||||
{{range $a, $announcement := $.announcements}}
|
||||
<div class="announcement">
|
||||
|
|
@ -28,4 +27,3 @@
|
|||
{{end}}
|
||||
</ul>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
<form method="POST" action="{{.webroot}}manage?action=login" id="login-box" class="staff-form">
|
||||
<input type="hidden" name="redirect" value="{{.redirect}}" />
|
||||
<table>
|
||||
|
|
@ -7,4 +6,3 @@
|
|||
<tr><td><input type="submit" value="Login" /></td></tr>
|
||||
</table>
|
||||
</form><br />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
<!-- Limit by: <select id="limitby">
|
||||
<option>25</option>
|
||||
<option>50</option>
|
||||
|
|
@ -23,4 +22,3 @@
|
|||
<a href="{{$uploadURL}}" target="_blank" class="centered"><img src="{{$thumbURL}}"></a>
|
||||
{{end}}</td></tr>{{end}}
|
||||
</table>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
<table id="stafftable" border="1">
|
||||
<tr>
|
||||
<td><b>Username</b></td>
|
||||
|
|
@ -30,4 +29,3 @@
|
|||
</select><br />
|
||||
<input id="submitnewstaff" type="submit" value="Add" />
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
<div id="content">
|
||||
(currently a work in progress)
|
||||
<h2>{{with $.edit}}Edit filter{{else}}Create new{{end}}</h2>
|
||||
<form action="{{.webroot}}manage?action=wordfilters" method="GET">
|
||||
|
|
@ -20,4 +19,3 @@
|
|||
<tr><td><a href="{{$.webroot}}manage?action=wordfilters&edit={{$filter.ID}}">Edit</a></td><td>{{$filter.Search}}</td><td>{{$filter.ChangeTo}}</td><td>{{if $filter.IsRegex}}yes{{else}}no{{end}}</td><td>{{$filter.BoardsString}}</td><td>{{$filter.StaffName}}</td></tr>
|
||||
{{end -}}
|
||||
</table>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,5 +2,6 @@
|
|||
<a href="{{$.webroot}}">Home</a> | <a href="{{$.webroot}}#boards">Boards</a> | <a href="{{$.webroot}}#rules">Rules</a> | <a href="{{$.webroot}}#faq">FAQ</a><br />
|
||||
Powered by <a href="http://github.com/eggbertx/gochan/">Gochan {{version}}</a><br />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -21,4 +21,5 @@
|
|||
<a href="{{$.webroot}}" class="topbar-item">home</a>
|
||||
{{range $i, $board := .boards}}<a href="{{$.webroot}}{{$board.Dir}}/" class="topbar-item" title="{{$board.Title}}">/{{$board.Dir}}/</a>{{end}}
|
||||
</div>
|
||||
<div id="content">
|
||||
{{with $.page_title}}<br /><h1>{{$.page_title}}</h1>{{end}}
|
||||
|
|
@ -10,7 +10,6 @@
|
|||
<a href="{{$.webroot}}{{$.board.Dir}}/catalog.html">Board catalog</a><br />
|
||||
</div>
|
||||
{{template "postbox.html" .}}<hr />
|
||||
<div id="content">
|
||||
<form action="/util" method="POST" id="main-form">
|
||||
<div class="thread" id="{{$.op.ID}}">
|
||||
{{$global := .}}
|
||||
|
|
@ -38,5 +37,4 @@
|
|||
{{- end}}]
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{template "page_footer.html" .}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue