Use CSS on tables instead of border HTML attribute, standardize table headers

frontend/sass/_util.scss

@@ -1,8 +1,4 @@
 @mixin box-shadow($properties...) {
-	// -moz-box-shadow: $properties;
-	// -ms-box-shadow: $properties;
-	// -webkit-box-shadow: $properties;
-	// box-shadow: $properties;
 	filter: drop-shadow($properties);
 }
 

frontend/sass/_yotsubacommon.scss

@@ -80,7 +80,7 @@
 		background: $topbarbg;
 		border-bottom: 1px solid $topbarborder;
 	}
-	th.postblock {
+	th.postblock, table.mgmt-table tr:first-of-type th {
 		background: $postblockbg;
 		border: 1px solid $postblockborder;
 	}

frontend/sass/bunkerchan/_img.scss

@@ -10,7 +10,8 @@
 div.reply,
 th.postblock,
 div.postprev,
-div.inlinepostprev {
+div.inlinepostprev,
+table.mgmt-table tr:first-of-type th {
 	background: #282A2E;
 	border: 1px solid #117743;
 	border-radius: 5px;

frontend/sass/burichan/_colors.scss

@@ -3,4 +3,5 @@ $linkcol: #34345C;
 $shadowcol: #555555;
 $font: sans-serif 12pt;
 $hfont-family: Verdana,Tahoma,sans-serif;
-$bordercol: #9295a4;
+$bordercol: #9295a4;
+$postblock: #9988EE;

frontend/sass/burichan/_img.scss

@@ -8,7 +8,7 @@ h1#board-title {
 }
 
 .postblock {
-	background:#9988EE;
+	background:$postblock;
 }
 
 div.file-info {

frontend/sass/burichan/_manage.scss

@@ -8,4 +8,10 @@
 .manage-header {
 	background: $bgcol;
 	border-radius: 8px;
+}
+
+table.mgmt-table {
+	tr:first-of-type th {
+		background: $postblock;
+	}
 }

frontend/sass/clear.scss

@@ -38,7 +38,6 @@ div#content {
 		color: #000;
 	}
 	input:active, select:active, textarea:active {
-		// box-shadow: 0px 0px 5px $replyborder;
 		@include shadow-filter(0px 0px 5px $replyborder);
 	}
 	input[type="button"],
@@ -53,16 +52,15 @@ div#content {
 }
 
 
-
 div.reply,
 div.section-block,
 th.postblock,
 div.postprev,
-div.inlinepostprev {
+div.inlinepostprev,
+table.mgmt-table tr:first-of-type th {
 	background: $inputcol;
 	border: 1px solid $replyborder;
 	border-radius: 5px;
-	text-align: left;
 }
 
 span.subject {

frontend/sass/dark.scss

@@ -34,7 +34,7 @@ div#content {
 	}
 }
 
-th.postblock {
+th.postblock, table.mgmt-table tr:first-of-type th {
 	background: $blockcol;
 	border: 1px solid $blockborder;
 	border-radius: 5px;

frontend/sass/global/_manage.scss

@@ -22,9 +22,26 @@ h1, h2 {
 	padding-right: 4px;
 }
 
-table#board-options, table#board-options *,
-table#config, table#config td, table#config th {
-	border: solid 1px;
+table.mgmt-table {
+	td.table-actions {
+		text-align: center;
+	}
+	th {
+		padding: 4px;
+	}
+}
+
+.banlist, .wordfilters {
+	margin-top: 4px;
+	width: 100%;
+}
+
+table#recentposts {
+	width: 100%;
+	border-collapse: collapse;
+	td {
+		border: 1px solid;
+	}
 }
 
 input.config-text {

frontend/sass/pipes/_colors.scss

@@ -6,3 +6,5 @@ $linkcol: #f90;
 $linklight: #ffd43f;
 $headercol: #e1b400;
 $font: 12pt sans-serif;
+$postblock: #25272D;
+$postblockcol: #8C94AB;

frontend/sass/pipes/_img.scss

@@ -12,12 +12,13 @@ img.thumbnail {
 }
 
 .reply, .inlinepostprev, .postprev {
-	background: #25272D;
-	border: 1px solid #8C94AB;
+	background: $postblock;
+	border: 1px solid $postblockcol;
 }
 
-.postblock {
-	background: #25272D;
+.postblock,
+table.mgmt-table tr:first-of-type th {
+	background: $postblock;
 	font-weight: 700;
 }
 
@@ -44,8 +45,8 @@ div#content {
 	textarea,
 	select#changepage,
 	select.post-actions {
-		background: #25272D;
-		border: 1px solid #8C94AB;
+		background: $postblock;
+		border: 1px solid $postblockcol;
 		color: #FFF;
 	}
 }

html/css/bunkerchan.css

@@ -34,7 +34,8 @@ div#report-delbox input[type=file]::-webkit-file-upload-button {
 div.reply,
 th.postblock,
 div.postprev,
-div.inlinepostprev {
+div.inlinepostprev,
+table.mgmt-table tr:first-of-type th {
   background: #282A2E;
   border: 1px solid #117743;
   border-radius: 5px;

html/css/burichan.css

@@ -66,6 +66,10 @@ div.inlinepostprev {
   border-radius: 8px;
 }
 
+table.mgmt-table tr:first-of-type th {
+  background: #9988EE;
+}
+
 body {
   font: sans-serif 12pt;
   background: #EEF2FF;

html/css/clear.css

@@ -51,11 +51,11 @@ div.reply,
 div.section-block,
 th.postblock,
 div.postprev,
-div.inlinepostprev {
+div.inlinepostprev,
+table.mgmt-table tr:first-of-type th {
   background: #DDD;
   border: 1px solid #117743;
   border-radius: 5px;
-  text-align: left;
 }
 
 span.subject {

html/css/dark.css

@@ -29,7 +29,7 @@ div#content textarea, div#content select {
   color: #CCC;
 }
 
-th.postblock {
+th.postblock, table.mgmt-table tr:first-of-type th {
   background: #282A2E;
   border: 1px solid #888;
   border-radius: 5px;

html/css/global.css

@@ -296,9 +296,24 @@ h1, h2 {
   padding-right: 4px;
 }
 
-table#board-options, table#board-options *,
-table#config, table#config td, table#config th {
-  border: solid 1px;
+table.mgmt-table td.table-actions {
+  text-align: center;
+}
+table.mgmt-table th {
+  padding: 4px;
+}
+
+.banlist, .wordfilters {
+  margin-top: 4px;
+  width: 100%;
+}
+
+table#recentposts {
+  width: 100%;
+  border-collapse: collapse;
+}
+table#recentposts td {
+  border: 1px solid;
 }
 
 input.config-text {

html/css/photon.css

@@ -1,7 +1,8 @@
 div.reply,
 div.postprev,
 div.inlinepostprev,
-th.postblock {
+th.postblock,
+table tr:first-of-type th {
   background: #ddd;
   border: 1px solid #ccc;
   -moz-border-radius: 5px;

html/css/pipes.css

@@ -58,7 +58,8 @@ img.thumbnail {
   border: 1px solid #8C94AB;
 }
 
-.postblock {
+.postblock,
+table.mgmt-table tr:first-of-type th {
   background: #25272D;
   font-weight: 700;
 }

html/css/yotsuba.css

@@ -71,7 +71,7 @@ div#topbar {
   border-bottom: 1px solid #FEC68F;
 }
 
-th.postblock {
+th.postblock, table.mgmt-table tr:first-of-type th {
   background: #EA8;
   border: 1px solid #800;
 }

html/css/yotsubab.css

@@ -71,7 +71,7 @@ div#topbar {
   border-bottom: 1px solid #89A;
 }
 
-th.postblock {
+th.postblock, table.mgmt-table tr:first-of-type th {
   background: #98E;
   border: 1px solid #000;
 }

html/error/404.html

@@ -5,7 +5,7 @@
 </head>
 <body>
 <h1>404: File not found</h1>
-<img src="/error/lol 404.gif" border="0" alt="">
+<img src="/error/lol 404.gif" alt="lol 404">
 <p>The requested file could not be found on this server.</p>
 <hr/>Site powered by <a href="https://github.com/gochan-org/gochan" target="_blank">Gochan</a> v3.10.1
 </body>

html/error/500.html

@@ -5,7 +5,7 @@
 </head>
 <body>
 <h1>Error 500: Internal Server error</h1>
-<img src="/error/server500.gif" border="0" alt="">
+<img src="/error/server500.gif" alt="server burning">
 <p>The server encountered an error while trying to serve the page, and we apologize for the inconvenience. The <a href="https://en.wikipedia.org/wiki/Idiot">system administrator</a> will try to fix things as soon they get around to it, whenever that is. Hopefully soon.</p>
 <hr/>Site powered by <a href="https://github.com/gochan-org/gochan" target="_blank">Gochan</a> v3.10.1
 </body>

html/error/502.html

@@ -5,7 +5,7 @@
 </head>
 <body>
 <h1>Error 502: Bad gateway</h1>
-<img src="/error/server500.gif" border="0" alt="">
+<img src="/error/server500.gif" alt="server burning">
 <p>The server encountered an error while trying to serve the page, and we apologize for the inconvenience. The <a href="https://en.wikipedia.org/wiki/Idiot">system administrator</a> will try to fix things as soon they get around to it, whenever that is. Hopefully soon.</p>
 <hr/>Site powered by <a href="https://github.com/gochan-org/gochan" target="_blank">Gochan</a> v3.10.1
 </body>

templates/404.html

@@ -5,7 +5,7 @@
 </head>
 <body>
 <h1>404: File not found</h1>
-<img src="/error/lol 404.gif" border="0" alt="">
+<img src="/error/lol 404.gif" alt="lol 404">
 <p>The requested file could not be found on this server.</p>
 <hr/>Site powered by <a href="https://github.com/gochan-org/gochan" target="_blank">Gochan</a> v{}
 </body>

templates/5xx.html

@@ -5,7 +5,7 @@
 </head>
 <body>
 <h1>{title}</h1>
-<img src="/error/server500.gif" border="0" alt="">
+<img src="/error/server500.gif" alt="server burning">
 <p>The server encountered an error while trying to serve the page, and we apologize for the inconvenience. The <a href="https://en.wikipedia.org/wiki/Idiot">system administrator</a> will try to fix things as soon they get around to it, whenever that is. Hopefully soon.</p>
 <hr/>Site powered by <a href="https://github.com/gochan-org/gochan" target="_blank">Gochan</a> v{version}
 </body>

templates/error.html

@@ -6,7 +6,6 @@
 </head>
 <body>
 <h1>{{.errorHeader}}</h1>
-{{/*<img src="{{.errorImage}}" border="0" alt="">*/}}
 <p>{{.errorText}}</p>
 <hr><address>Site powered by Gochan {{version}}</address>
 </body>

templates/manage_appeals.html

@@ -1,5 +1,9 @@
-<table border="1">
+<table class="mgmt-table">
 <tr><th>Action</th><th>Appeal Text</th><th>Banned IP</th></tr>
+{{if eq nil $.appeals}}
+</table>
+<i>No appeals</i>
+{{end}}
 {{range $_,$appeal := $.appeals}}
 <tr>
 	<td>

templates/manage_bans.html

@@ -32,11 +32,11 @@ Filter board: <select name="filterboardid" id="filterboardid" onchange="window.l
 {{- end -}}
 </select> <input type="submit">
 </form>
-<table border="1">
+<table class="mgmt-table banlist">
 	<tr><th>Action</th><th>IP</th><th>Board</th><th>Reason</th><th>Staff</th><th>Staff note</th><th>Banned post text</th><th>Set</th><th>Expires</th><th>Appeal at</th></tr>
 {{range $_, $ban := $.banlist -}}
 	<tr>
-		<td> <a href="{{webPath "manage/bans?edit="}}{{$ban.ID}}">Edit</a> | <a href="{{webPath "manage/bans?delete="}}{{$ban.ID}}">Delete</a> </td>
+		<td class="table-actions"> <a href="{{webPath `manage/bans?edit=`}}{{$ban.ID}}">Edit</a> | <a href="{{webPath `manage/bans?delete=`}}{{$ban.ID}}">Delete</a> </td>
 		<td>{{banMask $ban}}</td>
 		<td>{{if not $ban.BoardID}}<i>all</i>{{else}}/{{getBoardDirFromID $ban.BoardID}}/{{end}}</td>
 		<td>{{$ban.Message}}</td>

templates/manage_filebans.html

@@ -26,7 +26,7 @@
 </form><hr/>
 <h2>Current filename bans</h2>
 {{- if eq 0 (len .filenameBans)}}<i>No filename bans</i>{{else -}}
-<table border="1">
+<table class="mgmt-table">
 	<tr><th>Filename</th><th>Regular expression</th><th>Board</th><th>Staff</th><th>Staff note</th><th>Action</th></tr>
 {{range $b,$ban := .filenameBans}}
 	<tr>
@@ -75,7 +75,7 @@
 </form><hr/>
 <h2>Current file checksum bans</h2>
 {{- if eq 0 (len .checksumBans)}}<i>No file checksum bans</i>{{else -}}
-<table border="1">
+<table class="mgmt-table">
 	<tr><th>Checksum</th><th>Board</th><th>Staff</th><th>Staff note</th><th>Fingerprinter</th><th>Ban IP</th><th>Ban IP message</th><th>Action</th></tr>
 {{range $b,$ban := .checksumBans}}
 	<tr>

templates/manage_namebans.html

@@ -17,7 +17,7 @@
 </form>
 <h2>Current banned names/tripcodes</h2>
 {{- if eq 0 (len .nameBans)}}<i>No name bans</i>{{else -}}
-<table border="1">
+<table class="mgmt-table namebans">
 	<tr><th>Name</th><th>Regular expression</th><th>Board</th><th>Staff</th><th>Staff note</th><th>Action</th></tr>
 {{range $_, $ban := .nameBans}}<tr>
 	<td>{{$ban.Username}}</td>

templates/manage_recentposts.html

@@ -10,7 +10,7 @@
 	<input type="number" name="limit" id="limit" value="{{$.limit}}" min="1"><br />
 	<input type="submit" />
 </form><hr />
-<table width="100%" border="1">
+<table id="recentposts" class="mgmt-table">
 	<colgroup><col width="5%"><col width="15%"><col width="60%"><col width="15%"></colgroup>
 	<tr><th></th><th>Name</th><th>Message</th><th>Thumb</th></tr>
 {{range $rp, $post := $.recentposts}}

templates/manage_reports.html

@@ -1,5 +1,5 @@
 {{if eq 0 (len .reports)}}<i>No reports</i>{{else -}}
-<table id="reportstable" border="1">
+<table id="reportstable" class="mgmt-table">
 <tr><th>Post</th><th>Reason</th><th>Reporter IP</th><th>Staff assigned</th><th>Actions</th></tr>
 {{range $r,$report := .reports}}
 <tr><td><a href="{{$report.post_link}}">Link</a></td><td>{{$report.reason}}</td><td>{{$report.ip}}</td><td>
@@ -8,7 +8,7 @@
 	{{- else -}}
 		{{$report.staff_user}}
 	{{- end -}}
-</td><td>
+</td><td class="table-actions">
 	<a href="{{webPath "manage/reports?dismiss="}}{{$report.id}}">Dismiss</a>
 	{{if eq $.staff.Rank 3 -}}
 	|

templates/manage_sections.html

@@ -17,7 +17,7 @@
 <br/><hr/>
 <h2>Current sections</h2>
 
-<table id="sections" border="1">
+<table id="sections" class="mgmt-table">
 	<tr><th>Name</th><th>Abbreviation</th><th>Navbar position</th><th>Hidden</th><th>Action</th></tr>
 {{range $s, $section := .sections}}<tr id="section{{$section.ID}}" class="sectionrow">
 	<td>{{$section.Name}}</td>

templates/manage_staff.html

@@ -1,11 +1,6 @@
 {{$isAdmin := (eq .currentStaff.Rank 3) -}}
 {{$showNewStaffForm := (and (eq .updateUsername "") $isAdmin) -}}
-<style>
-	table#stafftable, table#stafftable th, table#stafftable td {
-		border: 1px solid;
-	}
-</style>
-<table id="stafftable">
+<table class="mgmt-table stafflist">
 <tr><th>Username</th><th>Rank</th><th>Added on</th><th>Action</th></tr>
 {{range $s, $staff := $.allstaff -}}
 <tr>

templates/manage_wordfilters.html

@@ -18,7 +18,7 @@
 <hr/>
 <h2>Wordfilters</h2>
 {{if eq 0 (len .wordfilters)}}<i>No wordfilters</i>{{else -}}
-<table width="100%" border="1">
+<table class="mgmt-table wordfilters">
 	<colgroup><col width="10%"><col width="10%"><col width="10%"><col width="5%"><col width="15%"><col width="10%"></colgroup>
 	<tr><th>Actions</th><th>Search</th><th>Replace with</th><th>Is regex</th><th>Dirs</th><th>Created by</th><th>Staff note</th></tr>
 {{- range $f,$filter := .wordfilters}}