css: improve nested blockquote styling

1 files changed, 18 insertions, 1 deletions

diff --git a/src/static/site4.css b/src/static/site4.css
index c7ecc39..6a23ff4 100644
--- a/src/static/site4.css
+++ b/src/static/site4.css
@@ -647,12 +647,29 @@ p code {
   font-weight: 800;
 }
 
-blockquote {
+#content blockquote {
   margin-left: 40px;
   max-width: 600px;
   margin-right: 0;
 }
 
+#content blockquote blockquote {
+  margin-left: 10px;
+  padding-left: 10px;
+  margin-right: 20px;
+  border-left: dotted 1px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+#content blockquote blockquote > :first-child {
+  margin-top: 0;
+}
+
+#content blockquote blockquote > :last-child {
+  margin-bottom: 0;
+}
+
 main.long-content .main-content-container,
 main.long-content > h1 {
   padding-left: 12%;