Improve text colors, layout

1 files changed, 16 insertions, 7 deletions

diff --git a/static/style.css b/static/style.css
index d6ee94d..729121b 100644
--- a/static/style.css
+++ b/static/style.css
@@ -124,12 +124,6 @@ pre, div.sourceCode {
     background-color: var(--code-bg-color);
 }
 
-img {
-    max-width: 100%;
-    width: 100%;
-    margin: 20px 0;
-}
-
 blockquote {
     display: block;
     background-color: var(--blockquote-bg-color);
@@ -139,6 +133,12 @@ blockquote {
     quotes: "\201C""\201D""\2018""\2019";
 }
 
+img {
+    max-width: 100%;
+    width: 100%;
+    margin: 20px 0;
+}
+
 figure {
     max-width: 100%;
     padding: 0;
@@ -146,6 +146,15 @@ figure {
     display: block;
 }
 
+figure img {
+    margin-bottom: 10px;
+}
+
+figure figcaption {
+    margin-bottom: 10px;
+    color: var(--blockquote-color);
+}
+
 hr {
     background: none !important;
     height: 0;
@@ -160,5 +169,5 @@ hr {
 }
 
 small {
-    color: grey;
+    color: var(--blockquote-color);
 }