commit 2ff0203f08f5836f74e4c3519ada1bf61fe6369b
Author: Bùi Thành Nhân <hi@imnhan.com>
Date:   Mon Oct 12 13:46:46 2020 +0700

    revise colors & netsurf compatibility

diff --git a/nhanb-theme/static/css/article.css b/nhanb-theme/static/css/article.css
index 05c94b9..ae6ae6f 100644
--- a/nhanb-theme/static/css/article.css
+++ b/nhanb-theme/static/css/article.css
@@ -1,3 +1,8 @@
 .article-title {
   margin-bottom: 0px;
 }
+
+#comments {
+  border-top: 2px solid brown;
+  padding-top: 0.7rem;
+}
diff --git a/nhanb-theme/static/css/main.css b/nhanb-theme/static/css/main.css
index f3eadbe..0552eca 100644
--- a/nhanb-theme/static/css/main.css
+++ b/nhanb-theme/static/css/main.css
@@ -1,16 +1,18 @@
-body {
-  font-family: sans-serif;
-  max-width: 700px;
-  margin: 0 auto;
-  padding: 0 0.5rem;
-  background-color: white;
+html {
+  font-size: 100%;
+  background-color: cornsilk;
   /* always show vertical scrollbar to avoid content shifting: */
   overflow-y: scroll;
+  font-family: sans-serif;
+}
+body {
+  margin: 0;
+  padding: 0;
 }
 
 a {
   text-decoration: none;
-  color: #990d0d;
+  color: brown;
 }
 a:hover {
   text-decoration: underline;
@@ -24,8 +26,12 @@ video {
 }
 
 video {
+  /* On netsurf browser, a border for <video> tag will enclose all its
+   * following siblings, which is probably a bug.
+   * Therefore, no video border for now :(
   border: 1px solid black;
   box-sizing: border-box;
+   */
 }
 
 p {
@@ -52,8 +58,9 @@ figcaption {
 }
 
 blockquote {
-  background-color: #efefef;
-  border-left: 4px solid #ccc;
+  background-color: blanchedalmond;
+  border: 2px solid burlywood;
+  border-left: 4px solid burlywood;
   padding: 5px;
   margin-left: 2rem;
   margin-right: 0;
@@ -82,9 +89,13 @@ .clearfix {
 }
 
 code {
-  font-size: 1rem;
   font-family: monospace;
-  background-color: #eaeaea;
+}
+
+p code {
+  padding: 0.2rem 0.2rem 0.1rem 0.2rem;
+  border-radius: 0.2rem;
+  border: 1px solid lightgray;
 }
 
 pre {
@@ -98,8 +109,14 @@ pre code {
 
 /* site-specific stuff follows */
 
+#main {
+  max-width: 700px;
+  margin: 0 auto;
+  padding: 0 0.5rem;
+}
+
 nav {
-  border: 1px solid black;
+  border: 2px solid brown;
   border-left: 0;
   border-right: 0;
   margin: 0.8rem auto 1rem auto;
@@ -112,8 +129,12 @@ nav ul {
 
 footer {
   margin-top: 1.5rem;
-  border-top: 1px solid black;
+  border-top: 2px solid brown;
   padding: 0.5rem 0;
+  font-size: 0.9rem;
+}
+footer a {
+  white-space: nowrap;
 }
 
 #site-name {
diff --git a/nhanb-theme/templates/article.html b/nhanb-theme/templates/article.html
index 521f942..3b7396b 100644
--- a/nhanb-theme/templates/article.html
+++ b/nhanb-theme/templates/article.html
@@ -34,9 +34,7 @@ <h1 class="article-title">
 
 {% if DISQUS_SITENAME %}
 
-<hr id="hr-comment">
-
-<h2>Comments</h2>
+<h2 id="comments">Comments</h2>
 
 <div id="disqus_thread">
     <button id="showCommentBtn">Show comments via Disqus</button>