UI调整 准备添加看板娘

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

@@ -1,77 +1,56 @@
 .article-inner {
+  border-color: #d1d1d1;
 	p {
 	  margin: 0 0 1.75em;
   }
+  // 目录标题
+  h1,h2,h3,h4,h5,h6 {
+    font-weight: 900;
+    &:first-child {
+      margin-top: 0;
     }
-
-.article-inner {
-	border-color: #d1d1d1;
   }
-
+  h1 {
-.article-inner h1 {
     font-size: 28px;
     font-size: 1.75rem;
     line-height: 1.25;
     margin-top: 2em;
     margin-bottom: 1em;
+    &:first-child {
+      display: inline;
     }
-
+  }
-.article-inner h2 {
+  h2 {
     font-size: 23px;
     font-size: 1.4375rem;
     line-height: 1.2173913043;
     margin-top: 2.4347826087em;
     margin-bottom: 1.2173913043em;
   }
-
+  h3 {
-.article-inner h3 {
     font-size: 19px;
     font-size: 1.1875rem;
     line-height: 1.1052631579;
     margin-top: 2.9473684211em;
     margin-bottom: 1.4736842105em;
   }
-
+  h4,h5,h6{
-.article-inner h4,
-.article-inner h5,
-.article-inner h6 {
     font-size: 16px;
     font-size: 1rem;
     line-height: 1.3125;
     margin-top: 3.5em;
     margin-bottom: 1.75em;
   }
-
+  h6 {
-.article-inner h6 {
     font-style: italic;
   }
-
-.article-inner h1,
-.article-inner h2,
-.article-inner h3,
-.article-inner h4,
-.article-inner h5,
-.article-inner h6 {
-	font-weight: 900;
 }
 
-.article-inner h1:first-child,
-.article-inner h2:first-child,
-.article-inner h3:first-child,
-.article-inner h4:first-child,
-.article-inner h5:first-child,
-.article-inner h6:first-child {
-	margin-top: 0;
-}
-
-.article-inner h1:first-child{
-  display: inline;
-}
 .article-entry{
   line-height: 1.8em;
   padding-right: 7.6923%;
   padding-left: 7.6923%;
-  .post-count {
+  .post-count { // 字数统计
     color: rgb(185, 185, 185);
     font-size: 14px;
     .count-item {
@@ -81,6 +60,14 @@
       }
     }
   }
+  img {
+    transition: transform 0.2s ease-out,box-shadow 0.5s ease;
+    cursor: zoom-in;
+    &:hover {
+      transform: scale(1.05,1.05);
+      box-shadow: 0px 0px 10px 2px #87afea;
+    }
+  }
   p{
     margin-top: 10px;
   }
@@ -200,31 +187,23 @@
     tr,td{
       height:35px;
     }
-    thead{
+    thead tr{
-      tr {
       background: #f8f8f8;
     }
-    }
+    tbody tr:hover{
-    tbody{
-      tr:hover{
       background: #efefef;
     }
-    }
     td,th{
       border: 1px solid #dedede;
       padding: 0 10px;
     }
   }
-  figure{
+  figure table{
-    table {
     border: none;
     width: auto;
     margin: 0;
-      tbody{
+    tbody tr:hover{
-        tr:hover{
       background: none;
     }
   }
 }
-  }
-}

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

@@ -62,15 +62,6 @@
   border-bottom: 1px solid #fff;
   background: #fff;
   transition: all 0.2s ease-in;
-/*   &.show{
-    visibility: visible;
-    -webkit-animation: cd-bounce-1 0.6s;
-    -moz-animation: cd-bounce-1 0.6s;
-    animation: cd-bounce-1 0.6s;
-  }
-  &.hidden{
-    visibility: hidden;
-  } */
   img{
     max-width: 100%;
   }

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

@@ -11,23 +11,23 @@
 	}
 	.overlay{
 		width: 100%;
-		height: 180px;
+		height: 150px;
 		position: absolute;
 	}
 
 	.intrude-less {
 		width: 76%;
 		text-align: center;
-		margin: 112px auto 0;
+		margin: 82px auto 0;
 	}
 
 	#header{
 		width:100%;
 		height: 300px;
 		position: relative;
-		border-bottom: 1px solid color-border;
 		a {
 			color: #696969;
+			transition: color 0.3s;
 			&:hover {
 				color: #B0A0AA;
 			}
@@ -67,7 +67,7 @@
 			}
 		}
 		.header-smart-menu {
-			font-size: 12px;
+			font-size: 16px;
 			margin-bottom: 20px;
 			a {
 				&:after {

themes/yilia/source-src/css/mobile-slider.scss

@@ -10,6 +10,7 @@
     overflow: hidden;
     background: #88acdb;
     -webkit-transition: all 0.2s ease-in;
+    transition: all 0.2s ease-in;
     display: -webkit-box;
     -webkit-box-orient: horizontal;
     -webkit-box-pack: center;

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

@@ -10,7 +10,6 @@
     color:#fff;   
     height:18px;  
     line-height:18px;  
-        float: left;
     padding:0 5px 0px 10px;  
     position:relative;  
     border-radius:0 5px 5px 0; 
@@ -19,7 +18,7 @@
     &:hover{
       opacity: 0.8;
     }
-        &:before{
+    &::before{
       content: " ";
       width: 0px;
       height: 0px;
@@ -28,7 +27,7 @@
       left: -18px;
       border: 9px solid transparent;
     }
-        &:after{  
+    &::after{  
       content:" ";  
       width:4px;  
       height:4px;  
@@ -42,31 +41,31 @@
   }
   a.color1{
     background:  #FF945C;
-        &:before{
+    &::before{
       border-right-color: #FF945C;  
     }
   }
   a.color2{
     background:  #cc8167;
-        &:before{
+    &::before{
       border-right-color: #cc8167;  
     }
   }
   a.color3{
     background:  #BA8F6C;
-        &:before{
+    &::before{
       border-right-color: #BA8F6C;  
     }
   }
   a.color4{
     background: #94635c;
-        &:before{
+    &::before{
       border-right-color:#94635c;  
     }
   }
   a.color5{
     background: #7B5D5F;
-        &:before{
+    &::before{
       border-right-color:#7B5D5F;  
     }
   }
@@ -106,6 +105,10 @@
   color: #999;
   margin-right: 7.6923%;
   float: right;
+  transition: color 0.3s;
+  &:hover {
+    color: #b5b5b5;
+  }
   .icon {
     margin: 5px 5px 5px 0;
   }

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

@@ -189,7 +189,7 @@
         padding: 40px;
         -webkit-transform: translate3d(0,100%,0);
         transform: translate3d(0,100%,0);
-        webkit-transition: -webkit-transform 0.3s;
+        -webkit-transition: -webkit-transform 0.3s;
         transition: transform 0.3s;
     }