pages(detail): Completed details on all pages

source/css/Redemption.css

@@ -178,7 +178,6 @@ main .post > .title {
   margin-top: 4rem;
 }
 main .post > .title > h1 > a {
-  color: black;
   letter-spacing: 0.0625rem;
   font-size: 2rem;
   line-height: 2rem;
@@ -186,18 +185,15 @@ main .post > .title > h1 > a {
 main .post > .title > .info {
   padding-bottom: 1rem;
   margin-bottom: 1rem;
-  border-bottom: 1px solid #f3f3f3;
 }
 main .post > .title > .info > span {
   margin: 0 0.25rem;
   font-weight: 400;
   font-size: 0.75rem;
-  color: rgba(0, 0, 0, 0.65);
 }
 main .post > .title > .info > span i {
   position: relative;
   top: 0.125rem;
-  color: rgba(0, 0, 0, 0.85);
 }
 main .journals > .name {
   font-size: 1.5rem;
@@ -215,7 +211,6 @@ main .journals > ul > li > .content {
 main .journals > ul > li > .option {
   display: flex;
   justify-content: flex-end;
-  color: rgba(0, 0, 0, 0.65);
   font-weight: 400;
   font-size: 0.75rem;
   margin: 0 0.5rem;
@@ -233,6 +228,26 @@ main .pagenav > a {
   margin: 0 2rem;
 }
 
+.comment {
+  width: 47rem;
+  margin: 1rem 0rem;
+  padding: 1rem 2.5rem;
+  background: #ffffff;
+  box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
+}
+
+.commentButton {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 2rem;
+  padding-top: 2rem;
+  width: 40rem;
+  border-top: 1px solid #f3f3f3;
+}
+.commentButton > a {
+  color: black;
+}
+
 footer {
   padding: 2rem 0;
 }

source/css/Redemption.scss

@@ -236,7 +236,6 @@ main {
             margin-top: 4rem;
             > h1 {
                 > a {
-                    color: rgba(0, 0, 0, 1);
                     letter-spacing: 0.0625rem;
                     font-size: 2rem;
                     line-height: 2rem;
@@ -246,17 +245,14 @@ main {
             > .info {
                 padding-bottom: 1rem;
                 margin-bottom: 1rem;
-                border-bottom: 1px solid #f3f3f3;
     
                 > span{
                     margin: 0 0.25rem;
                     font-weight: 400;
                     font-size: 0.75rem;
-                    color: rgb(0, 0, 0, 0.65);
                     i {
                         position: relative;
                         top:0.125rem;
-                        color: rgb(0, 0, 0, 0.85);
                     }
                 }
             }
@@ -264,6 +260,7 @@ main {
     }
 
     .journals{
+        
         > .name{
             font-size: 1.5rem;
             font-weight: bold;
@@ -280,7 +277,6 @@ main {
                 > .option{
                     display: flex;
                     justify-content: flex-end;
-                    color: rgb(0, 0, 0, 0.65);
                     font-weight: 400;
                     font-size: 0.75rem;
                     margin: 0 0.5rem;
@@ -307,6 +303,25 @@ main {
 
 }
 
+.comment
+{
+    width: 47rem;
+    margin: 1rem 0rem;
+    padding: 1rem 2.5rem;
+    background: #ffffff;
+    box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
+}
+.commentButton{
+    display: flex;
+    justify-content: space-around;
+    margin-top: 2rem;
+    padding-top: 2rem;
+    width: 40rem;
+    border-top: 1px solid #f3f3f3;
+    >a{
+        color: rgba(0, 0, 0, 1);
+    }
+}
 footer {
     padding: 2rem 0;
 

source/css/color.css

@@ -15,13 +15,6 @@ html::-webkit-scrollbar-thumb:hover {
   background: #0095ff1a;
 }
 
-body {
-  display: flex;
-  flex-wrap: nowrap;
-  flex-direction: column;
-  align-items: center;
-}
-
 .header > .title > a > span {
   color: black;
 }
@@ -81,6 +74,24 @@ main .pagenav a {
 main .pagenav a:hover {
   color: rgba(0, 0, 0, 0.65);
 }
+main .post > .title > h1 {
+  color: black;
+}
+main .post > .title > h1 > a {
+  color: black;
+}
+main .post > .title > .info {
+  border-bottom: 1px solid #f3f3f3;
+}
+main .post > .title > .info > span {
+  color: rgba(0, 0, 0, 0.65);
+}
+main .post > .title > .info > span i {
+  color: rgba(0, 0, 0, 0.85);
+}
+main .journals > ul > li > .option {
+  color: rgba(0, 0, 0, 0.65);
+}
 
 footer .copyright a {
   color: rgba(0, 0, 0, 0.25);

source/css/color.scss

@@ -17,13 +17,13 @@ html::-webkit-scrollbar-thumb:hover {
     background: #0095ff1a;
 }
 
-// Body
-body {
-    display: flex;
-    flex-wrap: nowrap;
-    flex-direction: column;
-    align-items: center;
-}
+// // Body
+// body {
+//     display: flex;
+//     flex-wrap: nowrap;
+//     flex-direction: column;
+//     align-items: center;
+// }
 
 // Header 头部
 .header {
@@ -120,6 +120,41 @@ main {
             }
         }
     }
+
+    // 文章
+    .post{
+        > .title{
+            > h1 {
+                color: rgba(0, 0, 0, 1);
+                > a {
+                    color: rgba(0, 0, 0, 1);
+                }
+            }
+
+            > .info {
+                border-bottom: 1px solid #f3f3f3;
+                > span{
+                    color: rgb(0, 0, 0, 0.65);
+                    i {
+
+                        color: rgb(0, 0, 0, 0.85);
+                    }
+                }
+            }
+        }
+    }
+
+    // 日志
+    .journals{
+        > ul{
+            > li{
+                > .option{
+                    color: rgb(0, 0, 0, 0.65);
+                }
+            }
+        }
+        
+    }
 }
 
 // 脚注