From baf1e15e529c265bc0c48004da6f3b24e675fcaa Mon Sep 17 00:00:00 2001
From: ltGuillaume <ltguillaume@users.noreply.github.com>
Date: Wed, 20 Jan 2021 18:35:57 +0100
Subject: [PATCH] Style quotes

---
 static/css/sepia.css | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/static/css/sepia.css b/static/css/sepia.css
index aedca3b..c9a3319 100644
--- a/static/css/sepia.css
+++ b/static/css/sepia.css
@@ -14,6 +14,8 @@
 	--oddborder: #616161;
  	--evenbg: #f2f0ea;
 	--evenborder: #919191;
+	--quotebg: #e9e9e9;
+	--quoteborder: #bdbdbd;
 	/* Overrides */
 	--graytext: #616161;
 	/* Copied from default theme */
@@ -69,7 +71,7 @@ body.sepia #links .link {
 	background: var(--linkbg);
 	color: var(--linktext);
 	border-radius: 3px;
-	box-shadow: 0px 0px 2px var(--shadow);
+	box-shadow: 0 0 2px var(--shadow);
 }
 body.sepia .flair,
 body.sepia #links .link .entry .title span.flair,
@@ -106,7 +108,7 @@ body.sepia .view-more-links a {
 	color: var(--buttontext);
 	border-radius: 3px;
 	border: none;
-	box-shadow: 0px 0px 2px var(--shadow);
+	box-shadow: 0 0 2px var(--shadow);
 }
 body.sepia .view-more-links a {
 	margin-left: 16px;
@@ -122,7 +124,7 @@ body.sepia input[type="checkbox"] {
 body.sepia footer {
 	margin-top: 20px;
 	padding: 8px 0 8px 20px;
-	box-shadow: 0px 0px 2px var(--shadow);
+	box-shadow: 0 0 2px var(--shadow);
 }
 /* Search */
 body.sepia #links.search {
@@ -144,14 +146,11 @@ body.sepia #post .crosspost {
 	background: var(--oddbg);
 	border-radius: 3px;
 	border: 1px solid var(--oddbg);	/* .crosspost disappears with border: none */
-	box-shadow: 0px 0px 2px var(--shadow);
+	box-shadow: 0 0 2px var(--shadow);
 }
 body.sepia #post .crosspost {
 	padding: 0 16px 16px 0;
 }
-body.sepia .md {
-	color: var(--bodytext);
-}
 body.sepia #post header div a {
 	color: var(--headerfaded);
 }
@@ -159,12 +158,12 @@ body.sepia .comment {
 	background: var(--oddbg);
 	border-left: 3px solid var(--oddborder);
 	border-radius: 3px 0 0 3px;
-	box-shadow: 1px 0px 1px var(--shadow);
+	box-shadow: 1px 0 1px var(--shadow);
 }
 body.sepia .comment.even-depth {
 	background: var(--evenbg);
 	border-left: 3px solid var(--evenborder);
-	box-shadow: 1px 0px 1px var(--shadow);
+	box-shadow: 1px 0 1px var(--shadow);
 }
 body.sepia .comments > .comment {
 	border: none;
@@ -179,6 +178,16 @@ body.sepia .comment details {
 body.sepia .comment details:not([open]) {
 	padding-bottom: 8px;
 }
+body.sepia .comment .body blockquote {
+	background: var(--quotebg);
+	color: var(--bodytext);
+	border-left: 3px solid var(--quoteborder);
+	border-radius: 3px;
+	box-shadow: 0 0 1px var(--shadow);
+}
+body.sepia .md {
+	color: var(--bodytext);
+}
 body.sepia .md .md-spoiler-text:not(.revealed),
 body.sepia .md .md-spoiler-text:active:not(.revealed),
 body.sepia .md .md-spoiler-text:focus:not(.revealed),