grid push

src/static/css/diary.css

@@ -200,7 +200,7 @@ ul { list-style-position: inside; }
     font-size: 10px;
 }
 .snippet-title a {
-    color: #E6E8EF;
+    color: #E3E0DE;
     font-weight: bold;
     text-shadow:
         -1px -1px 1px #324832,
@@ -227,21 +227,17 @@ ul { list-style-position: inside; }
 }
 .snippet-content {
     background-color: #ecd5d2;
+    color: #080410;
     padding: 10px;
     font-size: 15px;
 }
-.snippet-info {
+.date-line {
     background-color: #ecd5d2;
-    padding: 10px;
+    color: #080410;
+    padding: 5px;
+    padding-left: 15px;
     font-size: 15px;
-}
-.snippet-info a {
-    color: black;
-    font-weight: bold;
-}
-.snippet-info a:hover {
-    color: #404664;
-    font-weight: bold;
+    text-align: left;
 }
 .snippet-tags {
     background-color: #ecd5d2;
@@ -259,6 +255,16 @@ ul { list-style-position: inside; }
     font-weight: bold;
     display: inline-block;
 }
+.social-line {
+    background-color: #404664;
+    padding-top: 5px;
+    padding-left: 15px;
+    
+}
+.social-line a {
+    color: #E3E0DE;
+    font-weight: bold;
+}
 .snippet-link {
     margin-top: -35px;
     float: right;

src/static/css/feature.css

@@ -119,7 +119,8 @@ ul,ol { list-style-position: inside; }
     border-top-right-radius: 25px;
     color: #e6e8ef;
     padding: 10px;
-    padding-top: 25px;
+    padding-top: 55px;
+    padding-bottom: 25px;
     font-size: 25px;
     text-align: center;
     font-weight: bold;