1 files changed, 31 insertions, 21 deletions
diff --git a/source/css/theme.css b/source/css/theme.css
index e3e2125a..081a23d7 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -17,20 +17,12 @@
 body {
     background-color: #000;
     color: #fff;
-    font-family: Times, "Times New Roman",
-                 /* Chinese fonts */
-                 "Kaiti SC", /* macOS */
-                 "Songti SC", /* macOS 10.12+ where Kaiti SC isn't installed by default
-                                 but is instead available as a downloadable component */
-                 KaiTi, /* Windows (simkai.ttf, not always included despite
-                           https://www.microsoft.com/typography/fonts/product.aspx?PID=161
-                           https://www.microsoft.com/typography/fonts/product.aspx?PID=164) */
-                 "Microsoft YaHei", /* Windows */
-                 "Heiti SC", /* iOS */
+    font-family: "monospace",
+                 "helvetica",
                  serif;
-    font-size: 16px;
+    font-size: 12px;
     -webkit-font-smoothing: antialiased;
-    margin: 100px 0;
+    margin: 0 0 100px 0;
 }
 
 .bodya {
@@ -84,7 +76,8 @@ only screen and ( min-resolution: 1.25dppx) {
     display: inline-block;
     position: relative;
     left: 2px;
-    font-family: "Helvetica Neue", Arial, sans-serif;
+    font-family: "monospace",
+                 "helvetica", Arial, sans-serif;
     font-size: 35px;
     font-weight: normal;
     letter-spacing: 2px;
@@ -170,10 +163,10 @@ a .active {
   color: #fff;
 }
 
-p, h2, ul {
+/*p, h2, ul {
   padding-left: 10vw;
   padding-right: 10vw;
-}
+}*/
 
 code {
     font-size: 90%;
@@ -307,7 +300,7 @@ noscript a {
 
 .rss-icon:before, .atom-icon:before {
     content: "\e800";
-    font-family: fontello;
+    font-family: "monospace","helvetica";
     font-size: 105%;
 }
 
@@ -319,15 +312,28 @@ noscript a {
 
 .cc-icon:before {
     content: "\e801";
-    font-family: fontello;
+    font-family: "monospace","helvetica";
     font-size: 95%;
 }
 
-.header {
+.title-header {
   display: table;
   margin: 0 auto;
 }
 
+.link-header {
+  text-decoration: none;
+}
+
+table {
+  text-align: center;
+  width: 100%;
+}
+
+.ouer {
+  display: block;
+}
+
 .code-outer {
   margin-left: 1vw;
   width: 65%;
@@ -335,7 +341,7 @@ noscript a {
   margin-bottom: 1vw;
   border: 1px solid #fff;
   overflow: auto;
-  font-family: monospace;
+  font-family: "monospace","helvetica";
 }
 
 .left-h1 {
@@ -373,14 +379,14 @@ noscript a {
 
 @media screen and (max-width: 1023px) {
     body {
-        margin: 40px 0 100px 0;
+        margin: 0 0 100px 0;
     }
 
     .nav {
         position: static;
         width: 100%;
         height: 150px;
-        margin: 80px 0 20px 0;
+        margin: 20px 0 80px 0;
     }
 
     .nav-icon {
@@ -408,6 +414,10 @@ noscript a {
 /*** Ultranarrow screen ***/
 
 @media screen and (max-width: 500px) {
+    .outer {
+      display: none;
+    }
+
     .content, .content-separator, .footer {
         width: 90%;
     }