Stylize figures

1 files changed, 30 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index d6fa1f2..6c3a196 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -668,3 +668,33 @@ pre {
         grid-template-columns: repeat(2,1fr)
     }
 }
+
+figure {
+    margin: 20px 0;
+    padding: 10px;
+    background-color: #f9f9f9;
+    border: 1px solid #666;
+    box-shadow: 2px 2px 0#ccc
+}
+
+figure img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    border: 1px solid #ccc;
+    margin-bottom: 10px
+}
+
+figcaption {
+    font-size: 9px;
+    color: #666;
+    line-height: 1.2;
+    padding: 5px;
+    border-top: 1px dotted #999
+}
+
+figcaption .figure-number {
+    font-weight: 700;
+    text-transform: uppercase;
+    color: #333
+}