From 34429238e32b9b04458dc94f90d527761ce9ebfa Mon Sep 17 00:00:00 2001
From: Alek Ratzloff <alekratz@gmail.com>
Date: Wed, 2 Aug 2023 20:33:17 -0700
Subject: [PATCH] http: move CSS to its own static file

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
---
 chanbans/templates/base.html | 144 +----------------------------------
 static/style00.css           | 138 +++++++++++++++++++++++++++++++++
 2 files changed, 139 insertions(+), 143 deletions(-)
 create mode 100644 static/style00.css

diff --git a/chanbans/templates/base.html b/chanbans/templates/base.html
index 2168df3..ac313fe 100644
--- a/chanbans/templates/base.html
+++ b/chanbans/templates/base.html
@@ -9,150 +9,8 @@
             {% endblock title %} -
             {{ config.HTTP_DOMAIN }}
         </title>
-<style>
 
-body {
-    background: #ffe linear-gradient(180deg, rgba(254,214,175,1) 0%, rgba(255,255,238,1) 200px) repeat-x;
-    font-family:helvetica neue,arial,sans-serif;
-    margin:5px 0;
-    padding:0 5px;
-    font-size:13px;
-    color: maroon;
-    text-align: center;
-}
-
-nav {
-    /*
-    position: fixed;
-    top: 0;
-    */
-    width: 100%;
-    margin: 5px 0;
-    text-align: left;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-.reply a {
-    text-decoration: none;
-}
-
-header {
-    text-align: center;
-}
-
-#search {
-    margin: auto;
-    width: 300px;
-    margin-bottom: 5px;
-}
-
-#search input {
-    width: 100%;
-}
-
-table {
-    border-top: 1px solid black;
-    border-left: 1px solid black;
-    border-right: 1px solid black;
-    vertical-align: top;
-    text-align: center;
-    margin: auto;
-    marin-top: 30px;
-    background-color: #fff;
-    color: black;
-}
-
-table td {
-    border-left: 1px solid black;
-    padding: 5px;
-    vertical-align: top;
-}
-
-table th {
-    width: auto;
-    border-left: 1px solid black;
-    background-color: #fca;
-    font-weight: 700;
-    padding: 2px;
-    text-align: center;
-}
-
-table tr {
-    border-bottom: 1px solid black;
-}
-
-.constructed-post td:nth-child(1) {
-    word-break: normal;
-    width: 50%;
-}
-
-.subject {
-    font-weight: 700;
-}
-
-.ws {
-    color: #000;
-}
-
-.ws.reply {
-    background-color: #d6daf0;
-}
-
-.nws.reply {
-    color: maroon;
-    background-color: #f0e0d6;
-}
-
-.reply {
-    padding: 5px;
-}
-
-.ws .subject {
-    color: #0f0c5d;
-}
-
-.nws .subject {
-    color: #cc1105;
-}
-
-.name-block {
-    display: inline-block;
-}
-
-.name {
-    color: #117743;
-    font-weight: 700;
-}
-
-.poster-trip {
-    color: #117743;
-    font-weight: 400 !important;
-}
-
-.file-info {
-    margin-left: 20px;
-}
-
-.file-thumb {
-    margin: 3px 20px 5px;
-}
-
-.file-thumb img {
-    border: none;
-}
-
-.post-message {
-    margin: 13px 40px;
-}
-
-.quote {
-    color: #789922;
-}
-</style>
+        <link rel="stylesheet" href="{{static_url("style00.css")}}">
 {% block style %}
 {% endblock style %}
     </head>
diff --git a/static/style00.css b/static/style00.css
new file mode 100644
index 0000000..35b9462
--- /dev/null
+++ b/static/style00.css
@@ -0,0 +1,138 @@
+body {
+    background: #ffe linear-gradient(180deg, rgba(254,214,175,1) 0%, rgba(255,255,238,1) 200px) repeat-x;
+    font-family:helvetica neue,arial,sans-serif;
+    margin:5px 0;
+    padding:0 5px;
+    font-size:13px;
+    color: maroon;
+    text-align: center;
+}
+
+nav {
+    width: 100%;
+    margin: 5px 0;
+    text-align: left;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+.reply a {
+    text-decoration: none;
+}
+
+header {
+    text-align: center;
+}
+
+#search {
+    margin: auto;
+    width: 300px;
+    margin-bottom: 5px;
+}
+
+#search input {
+    width: 100%;
+}
+
+table {
+    border-top: 1px solid black;
+    border-left: 1px solid black;
+    border-right: 1px solid black;
+    vertical-align: top;
+    text-align: center;
+    margin: auto;
+    marin-top: 30px;
+    background-color: #fff;
+    color: black;
+}
+
+table td {
+    border-left: 1px solid black;
+    padding: 5px;
+    vertical-align: top;
+}
+
+table th {
+    width: auto;
+    border-left: 1px solid black;
+    background-color: #fca;
+    font-weight: 700;
+    padding: 2px;
+    text-align: center;
+}
+
+table tr {
+    border-bottom: 1px solid black;
+}
+
+.constructed-post td:nth-child(1) {
+    word-break: normal;
+    width: 50%;
+}
+
+.subject {
+    font-weight: 700;
+}
+
+.ws {
+    color: #000;
+}
+
+.ws.reply {
+    background-color: #d6daf0;
+}
+
+.nws.reply {
+    color: maroon;
+    background-color: #f0e0d6;
+}
+
+.reply {
+    padding: 5px;
+}
+
+.ws .subject {
+    color: #0f0c5d;
+}
+
+.nws .subject {
+    color: #cc1105;
+}
+
+.name-block {
+    display: inline-block;
+}
+
+.name {
+    color: #117743;
+    font-weight: 700;
+}
+
+.poster-trip {
+    color: #117743;
+    font-weight: 400 !important;
+}
+
+.file-info {
+    margin-left: 20px;
+}
+
+.file-thumb {
+    margin: 3px 20px 5px;
+}
+
+.file-thumb img {
+    border: none;
+}
+
+.post-message {
+    margin: 13px 40px;
+}
+
+.quote {
+    color: #789922;
+}
+