optimize

layout/page.ejs

@@ -5,11 +5,9 @@
     <div class="section">
         <div class="images">
         </div><div class="article">
-            <div>
-                <div class="content">
-                    <%- page.content %>
-                </div>
+            <div class="content">
+                <%- page.content %>
             </div>
         </div>
     </div>
-</div>
+</div>

source/css/diaspora.css

@@ -1,7 +1,7 @@
 body,div,h1,h2,h3,h4,h5,p,ul,li {margin:0;padding:0;font-weight:normal;list-style:none;}
 html {-webkit-text-size-adjust:100%;}
 html,body {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;background:#fff;}
-body {position:relative;overflow-x:hidden;}
+body {font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei',sans-serif;font-size:14px;position:relative;overflow-x:hidden;}
 body:before {background:grey;position:absolute;content:'';display:block;width:14px;height:14px;left:50%;top:50%;margin-left:-7px;margin-top:-7px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-animation:loading 2s ease-out forwards infinite;-moz-animation:loading 2s ease-out forwards infinite;display:none;}
 body.loading:before {display:block;}
 @-webkit-keyframes loading {0% {-webkit-transform:scale(0.3);}
@@ -14,7 +14,6 @@ body.loading:before {display:block;}
 }
 body.loading #container,body.loading #single,body.loading .nav {opacity:0;}
 html.loading,body.loading {height:100%;overflow:hidden;}
-body {font-family:"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;}
 a,a:hover {text-decoration:none;}
 img {display:block;max-width:100%;height:auto;}
 audio {display:none;visibility:hidden;opacity:0;width:0;height:0;}
@@ -104,7 +103,7 @@ body.touch,body.touch .article {margin-top:0;}
 .touch .zoom:hover:before {opacity:0;}
 .icon-arrow-left:before {content:'\e606';position:absolute;left:0;top:50%;margin-top:-30px;color:#666;}
 .icon-arrow-right:before {content:'\e605';position:absolute;right:0;top:50%;margin-top:-30px;color:#666;}
-.article > div {padding:50px 0;width:700px;margin:0 auto;}
+.article > div {padding:30px 0;width:700px;margin:0 auto;}
 h1.title {font-size:30px;color:#333;line-height:1.3;position:relative;font-weight:bold;}
 .page .content:before {display:none;}
 .stuff {margin-top:20px;color:#666;font-size:13px;}
@@ -194,20 +193,22 @@ h1.title {font-size:30px;color:#333;line-height:1.3;position:relative;font-weigh
 .icon-email:before {content:"\e60c";}
 
 /* Post or Page content style */
-.content {margin-top:50px;font-size:15px;line-height:2;color:#333;}
+.content {margin-top:50px;font-size:15px;line-height:2;color: #232323;}
 .content h1{font-size:39px}
 .content h2{font-size:32px}
 .content h3{font-size:26px}
 .content h4{font-size:19px}
 .content h5{font-size:15px}
 .content h6{font-size:13px}
-.content a {color:#333;text-decoration:underline;}
+.content a {background: transparent; color: #1980e6; text-decoration: none;}
+.content a:hover {color:#518dca;}
 .content hr{margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid rgba(102,128,153,0.1)}
 .content p{margin: 0 0 .8em;}
 .content ul,.content ol {margin:10px 0;padding-left:20px;}
 .content ul li {list-style:disc;}
 .content ol li {list-style:decimal;}
-.content > h1,.content > h2,.content > h3,.content > h4,.content > h5,.content > h6 {margin-top:2rem;margin-bottom:0.8rem;}
+.content > h1,.content > h2,.content > h3,.content > h4,.content > h5,.content > h6 {margin-top:2rem;margin-bottom:0.8rem;color:#000;}
+.content > h1:first-child,.content > h2:first-child,.content > h3:first-child,.content > h4:first-child,.content > h5:first-child,.content > h6:first-child {margin-top:0;}
 .content img {cursor:pointer;}
 .content pre,.content .highlight {background:#2d2d2d;margin:1.6rem 0;padding:0.8rem 0.8rem;border-style:solid;border-width:1px 0;overflow:auto;color:#ccc;line-height:20px;}
 .content .gutter {display: none;}