http: move CSS to its own static file

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
This commit is contained in:
2023-08-02 20:33:17 -07:00
parent d79899ea87
commit 34429238e3
2 changed files with 139 additions and 143 deletions

View File

@@ -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>

138
static/style00.css Normal file
View File

@@ -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;
}