From aa4d90328e8922de98773bae85225e367db3ab9b Mon Sep 17 00:00:00 2001
From: Dedushka <dedushka1@protonmail.com>
Date: Sun, 17 Jan 2021 17:01:32 -0500
Subject: [PATCH] Add updated demain stylesheets

---
 stylesheets/demain_dark.css  | 382 ++++++++++++++++++----------------
 stylesheets/demain_light.css | 389 +++++++++++++++++++----------------
 2 files changed, 407 insertions(+), 364 deletions(-)

diff --git a/stylesheets/demain_dark.css b/stylesheets/demain_dark.css
index 18ccb05d..cfa60f78 100644
--- a/stylesheets/demain_dark.css
+++ b/stylesheets/demain_dark.css
@@ -1,182 +1,200 @@
-/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/
-/* Work in progress*/
-/* General */
-/* General */
-body {
-    background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%;
-    color: #4c4c4c;
-    font-size: 11pt;
-    font-family: liberation.sans
-}
-/* Link colors */
-a:link,
-a:visited,
-.intro a.email span.name {
-    color: #477085;
-}
-a:hover,
-.intro a.post_no:hover {
-    color: #5d6678;
-}
-/* Board title and subtitle */
-header div.subtitle,
-h1 {
-    color: #d93f42;
-}
-/* Post number*/
-a.post_no {
-    color: #477085;
-}
-/* "Top bar" of the replies*/
-p.intro {
-    background: #e3e7e8;
-    border-color: #cccccc;
-    border-style: solid;
-    border-width: 0.8px;
-    border-radius: 5px; 
-}
-/* Replies */
-/* Background color and border */
-div.post.reply {
-    background: #e9eced;
-    border-color: #cccccc;
-    border-style: solid;
-    border-width: 0.8px;
-    border-radius: 5px;
-}
-div.post.reply.highlighted {
-    background: #d5dada;
-    border-color: #477085;
-    border-style: solid;
-    border-width: 0.8px;
-    border-radius: 5px;
-}
-div.post.reply div.body a {
-    color: #477085;
-}
-.intro span.subject {
-    color: #6b7a1e;
-}
-/* Greentext */
-span.quote {
-    color: #6b7a1e
-}
-/* Catalog grids */
-/* Background color and green border */
-.thread.grid-li.grid-size-vsmall,
-.thread.grid-li.grid-size-vsmall:hover,
-.thread.grid-li.grid-size-small,
-.thread.grid-li.grid-size-small:hover,
-.thread.grid-li.grid-size-large,
-.thread.grid-li.grid-size-large:hover {
-    background-color: #e9eced;
-    border: 1px solid #cccccc;
-}
-/* Posting form */
-/* Field names */
-form table tr th {
-    background: #e9eced;
-    color: #4c4c4c;
-    border: 1px solid #cccccc;
-}
-/* Input fields */
-textarea,
-input:not([type="file"]):not([type="checkbox"]),
-[type="submit"] {
-    color: #4c4c4c;
-    background: #e9eced;
-    border: 1px double #cccccc;
-    border-radius: 5px;
-}
-/* Input fields, focused */
-textarea:focus,
-input:not([type="file"]):not([type="checkbox"]):focus,
-[type="submit"]:hover {
-    border: 1px solid #d5dada;
-    -moz-box-shadow: 0 0 10px #d5dada;
-    -webkit-box-shadow: 0 0 10px #d5dada;
-    box-shadow: 0 0 10px #d5dada;
-}
-/* Top bar */
-/* Background, border and fade */
-.bar {
-    background-color: #e9eced;
-    border-color: #cccccc!important;
-    ;
-    /* comment these out to remove the fade */
-    /*
-    -moz-box-shadow: 0 0 40px #FFB300;
-    -webkit-box-shadow: 0 0 40px #FFB300;
-    box-shadow: 0 0 40px #FFB300;
-    */
-}
-/* Bottom bar, not visible in catalog mode */
-div.pages {
-    background: #e9eced;
-    border-color: #cccccc;
-}
-div.pages a.selected {
-    color: #5d6678;
-}
-hr {
-    border-color: #cccccc;
-}
-div.boardlist {
-    color: #81a2be;
-    font-size: 14px;
-}
-div.boardlist a {
-    color: #477085;
-}
-table.modlog tr th {
-    background: #e9eced;
-}
-
-/* options.js */
-#options_div,
-#alert_div {
-    background: #e9eced;
-}
-
-.desktop-style div.boardlist:nth-child(1) {
-    background-color: #e9eced;
-}
-/* Red text */
-span.heading {
-    color: #d93f42;
-}
-/* Buggy shit */
-div.post.reply div.body a {
-    color: #5f89ac;
-    text-decoration: none;
-}
-/* OP */
-/* Subject */
-.intro span.subject {
-    color: #617d6f;
-}
-/* name */
-.intro span.name {
-    color: #4c4c4c;
-}
-/* tripcode */
-.intro span.trip {
-    color: #5d6678;
-}
-/* Quick reply */
-/* Quick reply banner */
-div.banner {
-    background-color: #477085;
-}
-#quick-reply th,
-#quick-reply td {
-    background-color: #d5dada;
-}
-#quick-reply table {
-    border-color: #cccccc
-}
-/* Buggy shit */
-div.post.reply div.body a {
-    color: #477085;
-    text-decoration: none;
-}
+/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/
+/* Work in progress*/
+/* General */
+/* Main page */
+legend {
+    background: indianred
+}
+div.module, div.ban {
+    background: #1d1f21;;
+    border: 1px solid #373b41;
+    max-width: 700px;
+    margin: 30px auto;
+}
+/* Text */
+body {
+    background: #1d1f21;
+    color: #ACACAC;
+    font-size: 14pt;
+    font-family: "LiberationSansRegular";
+}
+/* Link colors */
+a:link, a:visited, .intro a.email span.name {
+    color: #81a2be;
+}
+a:hover,
+.intro a.post_no:hover {
+    color: #cc6666;
+}
+/* Board title and subtitle */
+header div.subtitle,
+h1 {
+    color: indianred;
+    font-size: 20pt; 
+    font-family: "LiberationSansRegular";
+}
+header div.subtitle {
+    font-size: 10pt;
+}
+/* Post number*/
+a.post_no {
+    color: #c5c8c6;
+}
+/* Replies */
+/* Background color and border */
+div.post.reply {
+    background: #282A2E;
+    border-color: #373b41;
+    border-style: solid;
+    border-width: 0.8px;
+    border-radius: 5px;
+}
+div.post.reply.highlighted {
+    background: #1b1c21;
+    border-color: #5f89ac;
+    border-style: solid;
+    border-width: 0.8px;
+    border-radius: 5px;
+}
+div.post.reply div.body a {
+    color: #5f89ac;
+}
+.intro span.subject {
+    color: #b294bb;
+}
+/* Greentext */
+span.quote {
+    color: #b5bd68
+}
+/* Orangetext */
+span.orangeQuote {
+    color: #b294bb
+}
+/* Catalog grids */
+/* Background color and green border */
+.thread.grid-li.grid-size-vsmall,
+.thread.grid-li.grid-size-small,
+.thread.grid-li.grid-size-large {
+    background-color: #282A2E;
+    border: 1px solid #373b41;
+}
+.thread.grid-li.grid-size-vsmall:hover, 
+.thread.grid-li.grid-size-small:hover,
+.thread.grid-li.grid-size-large:hover {
+    background: #1b1c21;
+    border-color: #5f89ac;
+    border-style: solid;
+    border-width: 0.8px;
+    border-radius: 5px;
+}
+/* Posting form */
+/* Field names */
+form table tr th {
+    background: #282A2E;
+    color: #ACACAC;
+    border: 1px solid #373b41;
+}
+/* Input fields */
+textarea, input:not([type="file"]):not([type="checkbox"]), [type="submit"] {
+    color: #ACACAC;
+    background: #282A2E;
+    border: 1px double #1d1f21;
+    border-radius: 5px;
+}
+/* Input fields, focused */
+textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover {
+    border: 1px solid #1d1f21;
+    -moz-box-shadow: 0 0 10px #1d1f21;
+    -webkit-box-shadow: 0 0 10px #1d1f21;
+    box-shadow: 0 0 10px #1d1f21;
+}
+/* Top bar */
+/* Background, border and fade */
+.bar {
+    background-color: #151515;
+    border-color: #81a2be!important;;
+    /* comment these out to remove the fade */
+    /*
+    -moz-box-shadow: 0 0 40px #FFB300;
+    -webkit-box-shadow: 0 0 40px #FFB300;
+    box-shadow: 0 0 40px #FFB300;
+    */
+}
+/* Bottom bar, not visible in catalog mode */
+div.pages {
+        background: #151515;
+        border-color: #81a2be;
+}
+div.pages a.selected {
+        color: #cc6666;
+}
+hr {
+        border-color: #373b41;
+}
+div.boardlist {
+    color: #81a2be;
+    font-size: 14pt;
+}
+div.boardlist a {
+        color: #cc6666;
+}
+table.modlog tr th {
+        background: #1d1f21;
+}
+/* options.js */
+#options_div, #alert_div {
+    background: #151515;
+}
+.options_tab_icon {
+    color: gray;
+}
+.desktop-style div.boardlist:nth-child(1) {
+    background-color: #151515;
+}
+/* Red text */
+span.heading {
+    color: indianred;
+}
+/* Buggy shit */
+div.post.reply div.body a {
+    color: #5f89ac;
+    text-decoration: none;
+}
+/* OP */
+/* Subject */
+.intro span.subject {
+    color: #b294bb;
+}
+/* name */
+.intro span.name {
+    color: #5f89ac;
+}
+.desktop-style div.boardlist:nth-child(1) {
+    background-color: #151515;
+}
+/* Red text */
+span.heading {
+    color: indianred;
+}
+/* Upper part of a post */
+div.post p {
+    display: block;
+    margin: 0;
+    line-height: 1.16em;
+    font-size: 13pt;
+    min-height: 1.16em;
+}
+/* Buggy shit */
+div.post.reply div.body a {
+    color: #5f89ac;
+    text-decoration: none;
+}
+/* OP */
+/* Subject */
+.intro span.subject {
+    color: #b294bb;
+}
+/* name */
+.intro span.name {
+    color: #5f89ac;
+}
diff --git a/stylesheets/demain_light.css b/stylesheets/demain_light.css
index 18ccb05d..793fa94b 100644
--- a/stylesheets/demain_light.css
+++ b/stylesheets/demain_light.css
@@ -1,182 +1,207 @@
-/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/
-/* Work in progress*/
-/* General */
-/* General */
-body {
-    background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%;
-    color: #4c4c4c;
-    font-size: 11pt;
-    font-family: liberation.sans
-}
-/* Link colors */
-a:link,
-a:visited,
-.intro a.email span.name {
-    color: #477085;
-}
-a:hover,
-.intro a.post_no:hover {
-    color: #5d6678;
-}
-/* Board title and subtitle */
-header div.subtitle,
-h1 {
-    color: #d93f42;
-}
-/* Post number*/
-a.post_no {
-    color: #477085;
-}
-/* "Top bar" of the replies*/
-p.intro {
-    background: #e3e7e8;
-    border-color: #cccccc;
-    border-style: solid;
-    border-width: 0.8px;
-    border-radius: 5px; 
-}
-/* Replies */
-/* Background color and border */
-div.post.reply {
-    background: #e9eced;
-    border-color: #cccccc;
-    border-style: solid;
-    border-width: 0.8px;
-    border-radius: 5px;
-}
-div.post.reply.highlighted {
-    background: #d5dada;
-    border-color: #477085;
-    border-style: solid;
-    border-width: 0.8px;
-    border-radius: 5px;
-}
-div.post.reply div.body a {
-    color: #477085;
-}
-.intro span.subject {
-    color: #6b7a1e;
-}
-/* Greentext */
-span.quote {
-    color: #6b7a1e
-}
-/* Catalog grids */
-/* Background color and green border */
-.thread.grid-li.grid-size-vsmall,
-.thread.grid-li.grid-size-vsmall:hover,
-.thread.grid-li.grid-size-small,
-.thread.grid-li.grid-size-small:hover,
-.thread.grid-li.grid-size-large,
-.thread.grid-li.grid-size-large:hover {
-    background-color: #e9eced;
-    border: 1px solid #cccccc;
-}
-/* Posting form */
-/* Field names */
-form table tr th {
-    background: #e9eced;
-    color: #4c4c4c;
-    border: 1px solid #cccccc;
-}
-/* Input fields */
-textarea,
-input:not([type="file"]):not([type="checkbox"]),
-[type="submit"] {
-    color: #4c4c4c;
-    background: #e9eced;
-    border: 1px double #cccccc;
-    border-radius: 5px;
-}
-/* Input fields, focused */
-textarea:focus,
-input:not([type="file"]):not([type="checkbox"]):focus,
-[type="submit"]:hover {
-    border: 1px solid #d5dada;
-    -moz-box-shadow: 0 0 10px #d5dada;
-    -webkit-box-shadow: 0 0 10px #d5dada;
-    box-shadow: 0 0 10px #d5dada;
-}
-/* Top bar */
-/* Background, border and fade */
-.bar {
-    background-color: #e9eced;
-    border-color: #cccccc!important;
-    ;
-    /* comment these out to remove the fade */
-    /*
-    -moz-box-shadow: 0 0 40px #FFB300;
-    -webkit-box-shadow: 0 0 40px #FFB300;
-    box-shadow: 0 0 40px #FFB300;
-    */
-}
-/* Bottom bar, not visible in catalog mode */
-div.pages {
-    background: #e9eced;
-    border-color: #cccccc;
-}
-div.pages a.selected {
-    color: #5d6678;
-}
-hr {
-    border-color: #cccccc;
-}
-div.boardlist {
-    color: #81a2be;
-    font-size: 14px;
-}
-div.boardlist a {
-    color: #477085;
-}
-table.modlog tr th {
-    background: #e9eced;
-}
-
-/* options.js */
-#options_div,
-#alert_div {
-    background: #e9eced;
-}
-
-.desktop-style div.boardlist:nth-child(1) {
-    background-color: #e9eced;
-}
-/* Red text */
-span.heading {
-    color: #d93f42;
-}
-/* Buggy shit */
-div.post.reply div.body a {
-    color: #5f89ac;
-    text-decoration: none;
-}
-/* OP */
-/* Subject */
-.intro span.subject {
-    color: #617d6f;
-}
-/* name */
-.intro span.name {
-    color: #4c4c4c;
-}
-/* tripcode */
-.intro span.trip {
-    color: #5d6678;
-}
-/* Quick reply */
-/* Quick reply banner */
-div.banner {
-    background-color: #477085;
-}
-#quick-reply th,
-#quick-reply td {
-    background-color: #d5dada;
-}
-#quick-reply table {
-    border-color: #cccccc
-}
-/* Buggy shit */
-div.post.reply div.body a {
-    color: #477085;
-    text-decoration: none;
-}
+/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/
+/* Work in progress*/
+/* General */
+/* Main page */
+legend {
+    background: #477085
+}
+div.module, div.ban {
+    background: #e9eced;
+    border: 1px solid #cccccc;
+    max-width: 700px;
+    margin: 30px auto;
+}
+/* Text */
+body {
+    background: #e9eced;
+    color: #4c4c4c;
+    font-size: 13pt;
+    font-family: "Open Sans", sans-serif;
+}
+/* Link colors */
+a:link,
+a:visited,
+.intro a.email span.name {
+    color: #477085;
+}
+a:hover,
+.intro a.post_no:hover {
+    color: #5d6678;
+}
+/* Board title and subtitle */
+header div.subtitle,
+h1 {
+    color: #d93f42;
+    font-size: 20pt; 
+    font-family: "Open Sans", sans-serif;
+}
+header div.subtitle {
+    font-size: 10pt;
+}
+/* Post number*/
+a.post_no {
+    color: #477085;
+}
+/* "Top bar" of the replies*/
+p.intro {
+    background: #e3e7e8;
+    border-color: #cccccc;
+    border-style: solid;
+    border-width: 0.8px;
+    border-radius: 5px; 
+}
+/* Replies */
+/* Background color and border */
+div.post.reply {
+    background: #e9eced;
+    border-color: #cccccc;
+    border-style: solid;
+    border-width: 0.8px;
+    border-radius: 5px;
+}
+div.post.reply.highlighted {
+    background: #d5dada;
+    border-color: #477085;
+    border-style: solid;
+    border-width: 0.8px;
+    border-radius: 5px;
+}
+div.post.reply div.body a {
+    color: #477085;
+}
+.intro span.subject {
+    color: #6b7a1e;
+}
+/* Upper part of a post */
+div.post p {
+    display: block;
+    margin: 0;
+    line-height: 1.16em;
+    font-size: 13pt;
+    min-height: 1.16em;
+}
+/* Greentext */
+span.quote {
+    color: #6b7a1e
+}
+/* Orangetext */
+orangeText {
+    color: #ffb854
+}
+* Catalog grids */
+/* Background color and green border */
+.thread.grid-li.grid-size-vsmall,
+.thread.grid-li.grid-size-small,
+.thread.grid-li.grid-size-large {
+    background-color: #e9eced;
+    border: 1px solid #cccccc;
+}
+.thread.grid-li.grid-size-vsmall:hover, 
+.thread.grid-li.grid-size-small:hover,
+.thread.grid-li.grid-size-large:hover {
+    background: #d5dada;
+    border-color: #477085;
+    border-style: solid;
+    border-width: 0.8px;
+    border-radius: 5px;
+}
+/* Posting form */
+/* Field names */
+form table tr th {
+    background: #e9eced;
+    color: #4c4c4c;
+    border: 1px solid #cccccc;
+}
+/* Input fields */
+textarea,
+input:not([type="file"]):not([type="checkbox"]),
+[type="submit"] {
+    color: #4c4c4c;
+    background: #e9eced;
+    border: 1px double #cccccc;
+    border-radius: 5px;
+}
+/* Input fields, focused */
+textarea:focus,
+input:not([type="file"]):not([type="checkbox"]):focus,
+[type="submit"]:hover {
+    border: 1px solid #d5dada;
+    -moz-box-shadow: 0 0 10px #d5dada;
+    -webkit-box-shadow: 0 0 10px #d5dada;
+    box-shadow: 0 0 10px #d5dada;
+}
+/* Top bar */
+/* Background, border and fade */
+.bar {
+    background-color: #e9eced;
+    border-color: #cccccc!important;
+    ;
+    /* comment these out to remove the fade */
+    /*
+    -moz-box-shadow: 0 0 40px #FFB300;
+    -webkit-box-shadow: 0 0 40px #FFB300;
+    box-shadow: 0 0 40px #FFB300;
+    */
+}
+/* Bottom bar, not visible in catalog mode */
+div.pages {
+    background: #e9eced;
+    border-color: #cccccc;
+}
+div.pages a.selected {
+    color: #5d6678;
+}
+hr {
+    border-color: #cccccc;
+}
+div.boardlist {
+    color: #81a2be;
+    font-size: 14pt;
+}
+div.boardlist a {
+    color: #477085;
+}
+table.modlog tr th {
+    background: #e9eced;
+}
+
+/* options.js */
+#options_div,
+#alert_div {
+    background: #e9eced;
+}
+
+.desktop-style div.boardlist:nth-child(1) {
+    background-color: #e9eced;
+}
+/* Red text */
+span.heading {
+    color: #d93f42;
+}
+/* OP */
+/* Subject */
+.intro span.subject {
+    color: #617d6f;
+}
+/* name */
+.intro span.name {
+    color: #4c4c4c;
+}
+/* tripcode */
+.intro span.trip {
+    color: #5d6678;
+}
+/* Fix OP file bleeding out of the border*/
+.post-image {
+    margin: 37px 
+}
+/* Quick reply */
+/* Quick reply banner */
+div.banner {
+    background-color: #477085;
+}
+/* Buggy shit */
+div.post.reply div.body a {
+    color: #477085;
+    text-decoration: none;
+}