样式优化

themes/yilia/source-src/css/archive.scss

@@ -63,7 +63,6 @@
         content: "“";
         font-family: serif;
         font-size: 30px;
-        float: left;
         margin: 4px 4px 0 -12px;
         color: #c8c8c8;
       }
@@ -102,13 +101,11 @@
       font-size: 14px;
     }
     .archive-article-date{
-     cursor: default;
-     font-size: 12px;
-     margin-bottom: 5px;
-     margin-top: -10px;
-     margin-right: 0;
-     time{
-     }
+    cursor: default;
+      font-size: 12px;
+      margin-bottom: 5px;
+      margin-top: -10px;
+      margin-right: 0;
     }
     .article-category{
       &:before{

themes/yilia/source-src/css/article-inner.scss

@@ -42,11 +42,6 @@
 	margin-bottom: 1.75em;
 }
 
-.article-inner h4 {
-	letter-spacing: 0.140625em;
-	text-transform: uppercase;
-}
-
 .article-inner h6 {
 	font-style: italic;
 }
@@ -114,7 +109,6 @@
       background: #aaa;
       display: inline-block;
       margin-right: 10px;
-      float: left;
       margin-top: 10px;
     }
   }

themes/yilia/source-src/css/footer.scss

@@ -1,7 +1,5 @@
 #footer {
 	font-size: 12px;
-	font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
-	text-shadow: 0 1px #fff;
 	position: absolute;
 	bottom: 30px;
 	opacity: 0.6;

themes/yilia/source-src/css/left.scss

@@ -51,15 +51,18 @@
 			min-height: 150px;
 			margin-left: -12px;
 			text-align: center;
-			display: -webkit-box;
-			-webkit-box-orient: horizontal;
-			-webkit-box-pack: center;
-			-webkit-box-align: center;
-			li{
-				cursor: default;
-				a{
-					font-size: 14px;
-					min-width: 300px;
+			position: relative;
+			ul {
+				position: absolute;
+				left: 50%;
+				top: 50%;
+				transform: translateX(-50%) translateY(-50%);
+				li{
+					cursor: default;
+					a{
+						font-size: 14px;
+						min-width: 300px;
+					}
 				}
 			}
 		}
@@ -68,7 +71,8 @@
 			margin-bottom: 20px;
 			a {
 				&:after {
-					content: '/'
+					content: '/';
+					margin-left: 4px;
 				}
 				&:last-child {
 					&:after {
@@ -96,6 +100,8 @@
 			text-align: center;
 			img{
 				border-radius: 300px;
+				width: 100%;
+				height: 100%;
 				opacity: 1;
 				-webkit-transition: all 0.2s ease-in;
 				&.show{
@@ -108,7 +114,6 @@
 		.header-author{
 			text-align: center;
 			margin: 0.67em 0;
-			font-family: Roboto, "Roboto", serif;
 			font-size: 30px;
 			transition: 0.3s;
 		}