1 files changed, 63 insertions, 6 deletions
diff --git a/source/css/theme.css b/source/css/theme.css
index cd8d977f..e3e2125a 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -15,7 +15,8 @@
 /*** Main theme ***/
 
 body {
-    color: #000;
+    background-color: #000;
+    color: #fff;
     font-family: Times, "Times New Roman",
                  /* Chinese fonts */
                  "Kaiti SC", /* macOS */
@@ -32,6 +33,12 @@ body {
     margin: 100px 0;
 }
 
+.bodya {
+  border: 1px solid #fff;
+  margin-left: 20vw;
+  margin-right: 20vw;
+}
+
 @media
 only screen and (-webkit-min-device-pixel-ratio: 1.25),
 only screen and ( min-device-pixel-ratio: 1.25),
@@ -136,6 +143,11 @@ h1 {
     font-weight: bold;
 }
 
+.h1 {
+  text-align: center;
+}
+
+
 h2 {
     text-align: center;
     font-size: 125%;
@@ -150,10 +162,19 @@ h2 {
 }
 
 a {
-    color: inherit;
+    color: #fff;
     word-wrap: break-word;
 }
 
+a .active {
+  color: #fff;
+}
+
+p, h2, ul {
+  padding-left: 10vw;
+  padding-right: 10vw;
+}
+
 code {
     font-size: 90%;
     color: #333;
@@ -168,10 +189,8 @@ h1 code, h2 code {
 }
 
 pre {
-    overflow-x: scroll;
     padding: 1em;
-    background: #fbfbfb;
-    border-left: 0.4em solid #ddd;
+    background: #000;
 }
 
 /* Pandoc wraps pre[class*=sourceCode] in a div tag, so it is necessary to
@@ -182,7 +201,7 @@ pre[class*=sourceCode] {
 
 pre code {
     font-size: 85%;
-    color: #000;
+    color: #fff;
     white-space: pre;
     word-wrap: normal;
 }
@@ -304,6 +323,44 @@ noscript a {
     font-size: 95%;
 }
 
+.header {
+  display: table;
+  margin: 0 auto;
+}
+
+.code-outer {
+  margin-left: 1vw;
+  width: 65%;
+  margin-left: 10vw;
+  margin-bottom: 1vw;
+  border: 1px solid #fff;
+  overflow: auto;
+  font-family: monospace;
+}
+
+.left-h1 {
+  float: left;
+  font-weight: bold;
+  font-size: 24.4px;
+}
+
+.right-h1 {
+  float: right;
+  margin-right: -1.6%;
+  font-weight: bold;
+  font-size: 24.4px;
+}
+
+.title-h1 {
+  display: inline-block;
+  font-size: 24.4px;
+  font-weight: bold;
+}
+
+.footer {
+  text-align: center;
+}
+
 /*** Wide screen ***/
 
 @media screen and (min-width: 1441px) {