perfect: better style stuffs

_layouts/404.html

@@ -7,7 +7,6 @@ layout: default
     margin: 10px auto;
     max-width: 600px;
     text-align: center;
-    color: #3c3c3c;
   }
   h1 {
     margin: 30px 0;

_sass/misc/common-list.scss

@@ -27,7 +27,7 @@
       transition: background 0.2s;
 
       &:hover {
-        background: mix($theme-color, #eaeaea, 20%);
+        background-color: mix($theme-color, #eaeaea, 20%);
       }
     }
 

_sass/misc/google-translate.scss

@@ -113,7 +113,7 @@ body {
 // Main look
 
 .ct-language-selected {
-  background: darken($theme-color, 5%) !important;
+  background-color: darken($theme-color, 5%) !important;
 }
 
 .ct-language-dropdown {

_sass/yat/_base.scss

@@ -151,7 +151,8 @@ code {
   padding: 1px 5px;
   border-radius: 3px;
   color: #fff;
-  background-color: #545454;
+  background-color: #787878;
+  margin: 0 5px;
 }
 
 pre {

_sass/yat/_layout.scss

@@ -11,7 +11,7 @@ html {
   &[data-scroll-status='top'] {
     header.site-header-transparent {
       height: 0;
-      margin-top: 20px;
+      margin-top: 12px;
       background-color: transparent;
       transition: 0.1s height,background-color,box-shadow;
 
@@ -244,6 +244,7 @@ html {
   @extend %flex-1; /* <-- Keep footer on the bottom */
   -ms-flex: none; /* <-- Fix IE footer issue */
   padding: $spacing-unit * 2 0;
+  padding-top: 72px;
 }
 
 .page-heading {
@@ -326,7 +327,7 @@ html {
     }
 
     &:hover {
-      color: #777;
+      color: #787878;
     }
   }
 
@@ -359,10 +360,6 @@ html {
       color: #b3b3b3;
     }
 
-    a:hover {
-      color: #000;
-    }
-
     .indicator {
       padding: 0 15px;
     }
@@ -560,7 +557,6 @@ html {
   height: $banner-height;
   background-color: $banner-background;
   transition: height 0.2s;
-  margin-bottom: 32px;
 
   .page-banner-img {
     position: absolute;
@@ -570,6 +566,7 @@ html {
 
     & > *:first-child {
       @include center-image;
+      transition: 0.1s all ease-in-out;
     }
   }