From 7835f24687abaa1e5254c5c78d985d4bb78abcfc Mon Sep 17 00:00:00 2001
From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com>
Date: Mon, 11 Oct 2021 13:15:11 -0300
Subject: couple of style changes + reply at footer is back

---
 static/css/themes/default.css |  59 ++++++++++++++++++++++--
 static/css/themes/gruvbox.css | 103 +++++++++++++++++++++++++++++++++---------
 2 files changed, 136 insertions(+), 26 deletions(-)

(limited to 'static/css/themes')

diff --git a/static/css/themes/default.css b/static/css/themes/default.css
index a0692f9..504f51c 100644
--- a/static/css/themes/default.css
+++ b/static/css/themes/default.css
@@ -21,7 +21,7 @@ body.nsfw {
 }
 
 h1, h2, h3, h4, h5, h6 {
-    color: #af0a0f;
+	color: #af0a0f;
 }
 
 .popup-box {
@@ -81,7 +81,7 @@ h1, h2, h3, h4, h5, h6 {
 
 a.reply {
 	color: #af0a0f;
-    text-decoration: underline;
+	text-decoration: underline;
 }
 
 .replyLink {
@@ -117,13 +117,39 @@ a.reply {
   -moz-box-sizing: border-box;
 }
 
+#postForm input[type="text"],
+#postForm textarea,
 #reply-name, #reply-options, #reply-comment {
+  box-sizing: border-box;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing: border-box;
+}
+
+#reply-comment {
+	min-width: 300px;
+	width: 396px;
+	height: 200px;
+}
+
+#reply-name {
+	width: 75%;
+	float: left;
+}
+
+#reply-options {
+	width: 25%;
+	float: right;
+}
+
+#reply-header {
+	display: inline-block;
 	width: 100%;
+	cursor: move;
 }
 
 #postForm #captcha {
-  display: block;
-  width: 100%;
+	display: block;
+	width: 100%;
 }
 
 .popup-box {
@@ -196,3 +222,28 @@ a.reply {
 .boardGridCell:nth-child(3n+2) {
 	border-left: none;
 }
+
+#threadfooter {
+	width: 100%;
+	table-layout: fixed;
+	border-collapse: collapse;
+}
+
+#threadfooter td {
+	padding: 0;
+	margin: 0;
+}
+
+#threadfooter #threadStats {
+	float: right;
+}
+
+#navlinks, #boardlinks {
+	padding: 0;
+	margin: 0;
+}
+
+#navlinks > li,
+#boardlinks > li {
+	display: inline;
+}
diff --git a/static/css/themes/gruvbox.css b/static/css/themes/gruvbox.css
index 16465f3..c3f1abd 100644
--- a/static/css/themes/gruvbox.css
+++ b/static/css/themes/gruvbox.css
@@ -69,38 +69,68 @@ h1,h2,h3,h4,h5,h6 {
 }
 
 input[type="text"] {
-  -webkit-appearance: none;
-  -webkit-border-radius: 0;
+	-webkit-appearance: none;
+	-webkit-border-radius: 0;
 }
 
 #postForm {
 	border: 4px solid #928374;
 	background-color: #3c3836;
 	margin: auto;
-
 }
 
 #postForm tr > td:first-child {
-  background-color: #504945;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
+	background-color: #504945;
+	padding-left: 0.5em;
+	padding-right: 0.5em;
 }
 
 #postForm input[type="text"],
 #postForm textarea,
 #reply-name, #reply-options, #reply-comment {
-  box-sizing: border-box;
-  -webkit-box-sizing:border-box;
-  -moz-box-sizing: border-box;
+	background-color: #504945;
+	color: #ebdbb2;
+	border: 0;
+	border-bottom: 2px solid #3c3836;
+	font-family: monospace, sans-serif;
+
+	box-sizing: border-box;
+	-webkit-box-sizing:border-box;
+	-moz-box-sizing: border-box;
 }
 
-#reply-name, #reply-options, #reply-comment {
+#postForm input[type="text"]:focus,
+#postForm textarea:focus,
+#reply-name:focus, #reply-options:focus, #reply-comment:focus {
+	outline: none;
+}
+
+#reply-comment {
+	min-width: 300px;
+	width: 396px;
+	height: 200px;
+}
+
+#reply-name {
+	width: 75%;
+	float: left;
+}
+
+#reply-options {
+	width: 25%;
+	border-left: 2px solid #3c3836;
+	float: right;
+}
+
+#reply-header {
+	display: inline-block;
 	width: 100%;
+	cursor: move;
 }
 
 #postForm #captcha {
-  display: block;
-  width: 100%;
+	display: block;
+	width: 100%;
 }
 
 .popup-box {
@@ -118,26 +148,26 @@ input[type="text"] {
 }
 
 .newsbox {
-    padding: 25px;
-    border: 4px solid #928374;
-    background-color: #3c3836;
+	padding: 25px;
+	border: 4px solid #928374;
+	background-color: #3c3836;
 }
 
 .newsbox h2 {
-    margin: 0;
-    padding: 0;
+	margin: 0;
+	padding: 0;
 }
 
 .newsbox-news {
-    text-align: left;
-    background-color: #504945;
-    margin-top: 25px;
-    padding: 25px;
+	text-align: left;
+	background-color: #504945;
+	margin-top: 25px;
+	padding: 25px;
 }
 
 .newsbox-news p,
 .newsbox-news h3 {
-    margin: 0;
+	margin: 0;
 }
 
 #stopTablePost {
@@ -174,3 +204,32 @@ input[type="text"] {
 .boardGridCell:nth-child(3n+2) {
 	border-left: none;
 }
+
+#threadfooter {
+	width: 100%;
+	table-layout: fixed;
+	border-collapse: collapse;
+}
+
+#threadfooter td {
+	padding: 0;
+	margin: 0;
+}
+
+#threadfooter #threadStats {
+	float: right;
+}
+
+#navlinks, #boardlinks {
+	padding: 0;
+	margin: 0;
+}
+
+#navlinks > li,
+#boardlinks > li {
+	display: inline;
+}
+
+hr {
+	border: 1px solid #928374;
+}
-- 
cgit v1.2.3