Update styles of details, summary and figure

Signed-off-by: Max Wu <jackymaxj@gmail.com>

1 files 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;
 }