From 5edfe78bcbc7bd4100d296e5fb8d5a9f8df36ed4 Mon Sep 17 00:00:00 2001
From: Minori Tokuda <minorityland@gmail.com>
Date: Wed, 28 Jul 2021 13:15:20 +0900
Subject: [PATCH] fix to support hilighting styles

---
 static/css/app.css | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index 45eaf11..7efd13d 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -8,11 +8,18 @@ a {
   color: black;
 }
 
-pre {
+pre:not(.highlight *) {
   white-space: pre-wrap;
-  background: gray;
+  background: #bbb;
   font-size: 0.9em;
-  padding: 0.5em;
+  padding: 0.5em 1em;
+  border-radius: 3px;
+}
+
+div.highlight {
+  border: 1px solid #bbb;
+  border-radius: 3px;
+  margin: 2em 0;
 }
 
 code, pre {
@@ -20,8 +27,8 @@ code, pre {
 }
 
 blockquote {
-  border-left: 4px solid #b0b0b0;
-  background: #d0d0d0;
+  border-left: 4px solid #bbb;
+  background: #ddd;
   padding: 1em 2em;
   margin: 0 1em 2em 1em;
 }
@@ -29,17 +36,17 @@ blockquote {
 hr {
   height:0;
   border:0;
-  border-top:1px solid #d0d0d0;
+  border-top:1px solid #ddd;
   border-bottom:1px solid #fff;
 }
 
-table tr:nth-child(odd) td {
-  background: #d0d0d0;
+table:not(.highlight *) tr:nth-child(odd) td {
+  background: #ddd;
   padding: 0.25em;
 }
 
-table tr:nth-child(even) td {
-  background: #b0b0b0;
+table:not(.highlight *) tr:nth-child(even) td {
+  background: #bbb;
   padding: 0.25em;
 }