From b1ba88dc8f054420dde0593853c814e4249eefdd Mon Sep 17 00:00:00 2001
From: Cody Boone Ferguson <53008573+xexyl@users.noreply.github.com>
Date: Sat, 22 Jun 2024 05:32:01 -0700
Subject: [PATCH] Improve blockquote styling

To help the fact it's a quote stand out better the vertical bar is a bit
thicker (4px instead of 2px) and the colour is a bit darker (darkgrey
instead of #e6e6e6). Also the font style is italic (as quotes often are
shown) and the font weight is bold to help it stand out even more (that
might be worth changing). Finally the colour of the text is blue (which
looks nice with bold so it might also be changed if the weight is not
bold).

A point worth noting is that in CSS (tested on my apache server and also
W3Schools) having:

	blockquote {
		color: blue;
	}

does not work (for <blockquote><p>...</p></blockquote>) as in the colour
stays what was left for <p>...</p. which earlier in the stylesheet is
set to black. On W3Schools what does work is:

	blockquote p {
		color: blue;
	}

but on the server for some reason it does not quite work. The rest of
the change to blockquote do work but not the colour of the text. I am
not sure if this is a cache or similar problem or not but clearing the
cache and also history (of the past hour) does not seem to solve the
problem at least at this time. Thus it is entirely possible that this
has to be fixed too.

To put this another way this change might need some tweaking still but
the blockquotes now stand out much better.
---
 ioccc.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ioccc.css b/ioccc.css
index 4e653d85c..79e290c60 100644
--- a/ioccc.css
+++ b/ioccc.css
@@ -419,8 +419,13 @@ pre, code {
 blockquote {
     margin: 1em 0 1em 1.7em;
     padding-left: 1em;
-    border-left: 2px solid #e6e6e6;
-    color: inherit;
+    border-left: 4px solid darkgrey;
+    font-style: italic;
+    font-weight: bold;
+}
+
+blockquote p {
+    color: blue;
 }
 
 a {