From ea118c2ec8089fdde95cdbc71d19d05d72d7e673 Mon Sep 17 00:00:00 2001
From: Max Wu <jackymaxj@gmail.com>
Date: Mon, 26 Feb 2018 21:05:13 +0800
Subject: [PATCH] Update styles of details, summary and figure

Signed-off-by: Max Wu <jackymaxj@gmail.com>
---
 public/css/markdown.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/public/css/markdown.css b/public/css/markdown.css
index 36e45781..eaa9ab5c 100644
--- a/public/css/markdown.css
+++ b/public/css/markdown.css
@@ -190,10 +190,22 @@
 }
 
 /* Make details boxes look like on GitHub */
+.markdown-body summary {
+    display: list-item;
+}
+
+.markdown-body summary:focus {
+    outline: none;
+}
+
 .markdown-body details summary {
     cursor: pointer;
 }
 
-.markdown-body summary {
-    display: list-item;
+.markdown-body details:not([open]) > *:not(summary) {
+    display: none;
+}
+
+.markdown-body figure {
+    margin: 1em 40px;
 }