Style update

sample_data/home/style.css

@@ -11,9 +11,7 @@ body {
     font: 14px/1.45 -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
     color: #111;
     -webkit-text-size-adjust: none;
-
     background-color: #F5F5F5;
-
     height: 100vh;
 }
 
@@ -21,18 +19,13 @@ main {
     max-width: 75ch;
     padding: 2ch;
     margin: auto;
-
     background-color: #F0F0F0;
-
-    min-height: 100%;
+    min-height: 100vh;
 }
 
-q:before {
-    content: open-quote;
-}
-
-q:after {
-    content: close-quote;
+/* hide redundant text in article */
+#text h1:first-child {
+    display: none;
 }
 
 hr {
@@ -45,6 +38,7 @@ hr {
 a {
     color: #3C3CA1;
 }
+
 a:hover {
     color: #8484C6;
 }
@@ -60,14 +54,31 @@ pre {
     padding: 10px 16px;
 }
 
+blockquote {
+    border-left: 0.5em solid #ccc;
+    padding-left: 1em;
+    margin: 0.25em 0;
+    color: #333;
+}
+
+blockquote > p {
+    margin: 0.6rem 0;
+}
+
 table td {
     vertical-align: baseline;
     padding-left: 8px;
 }
+
 table td:first-of-type {
     padding-left: 0;
 }
 
+#text table td, #text table th {
+    border: 1px solid #ccc;
+    padding: 0.25em 0.5em;
+}
+
 main.article div.header span.time span, div.article span.time span {
     color: #888;
     font-family: serif;
@@ -83,7 +94,7 @@ main.article div.header a.link-home {
 main.article div.header h1, main.article div.header h2, div.article h3 {
     margin-top: 0.85em;
     margin-bottom: 0.25em;
-    font-size: 1.5em;
+    font-size: 2em;
 }
 
 main.article div.header h1 a, main.article div.header h2 a, div.article h3 a {
@@ -94,44 +105,24 @@ main.article div.header span.time, div.article span.time {
     display: block;
 }
 
-#text h1:first-child {
-    display: none;
+div.article {
+    margin-left: 1em;
+}
+
+div.article h3 {
+    font-size: 1.3em;
 }
 
 #text {
     text-align: justify;
     hyphens: auto;
 }
+
 #text li, #text table, #text blockquote {
     text-align: left;
 }
+
 #text img {
     max-width: 100%;
     height: auto;
-}
-
-.note {
-    padding: 1em;
-    background: #ff02;
-}
-.note > p {
-    margin: 0.6rem 0;
-}
-
-.important {
-    padding: 1em;
-    background: #eff5ff;
-}
-.important > p {
-    margin: 0.6rem 0;
-}
-
-/* Sidenotes */
-
-#text .side > p:nth-child(2n+0) {
-    font-style: italic;
-    color: #555;
-}
-#text .side > p:nth-child(2n+0) > i, #text .side > p:nth-child(2n+0) > em {
-    font-style: normal;
 }