diff options
| -rw-r--r-- | assets/css/main/comment.css | 4 | ||||
| -rw-r--r-- | assets/css/main/dark.css | 1 | ||||
| -rw-r--r-- | assets/css/main/miracles.min.css | 15 | ||||
| -rw-r--r-- | assets/css/main/nav.css | 2 | ||||
| -rw-r--r-- | assets/css/main/page.css | 27 | ||||
| -rw-r--r-- | assets/css/main/post.css | 21 |
6 files changed, 55 insertions, 15 deletions
diff --git a/assets/css/main/comment.css b/assets/css/main/comment.css index b1f44be..e50acd2 100644 --- a/assets/css/main/comment.css +++ b/assets/css/main/comment.css @@ -194,6 +194,10 @@ .comment-children .comment-children {
margin-left: 0!important
}
+#response {
+ text-align: center;
+ margin-top: 60px;
+}
/* OwO */
.owo-img {
diff --git a/assets/css/main/dark.css b/assets/css/main/dark.css index 95927d5..a6fbc34 100644 --- a/assets/css/main/dark.css +++ b/assets/css/main/dark.css @@ -169,6 +169,7 @@ .body-dark .drawer-header,
.body-dark .options-button-active,
.body-dark .tags-item a,
+.body-dark .post-tags a,
.body-dark .about-social a:hover {
background: #646464!important
}
diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index 78f7537..bea8c27 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -19,6 +19,7 @@ /* Varriable */
:root {
--theme-color: #4D90FE;
+ --shadow-color: rgb(150,150,150);
}
/* ScrollBar */
@@ -125,12 +126,17 @@ }
.post-title {
- margin: 16px 0;
+ margin: 25px 0;
margin-bottom: 10px
}
.post-excerpt {
- height: 56px
+ height: 38px
+ }
+
+ .post-banner-box,
+ .post-banner img {
+ height: 230px
}
.large-screen {
@@ -228,6 +234,11 @@ .post-excerpt {
height: 65px
}
+
+ .post-banner-box,
+ .post-banner img {
+ height: 280px
+ }
.large-screen {
display: block
diff --git a/assets/css/main/nav.css b/assets/css/main/nav.css index 9e7016d..4304a44 100644 --- a/assets/css/main/nav.css +++ b/assets/css/main/nav.css @@ -270,7 +270,7 @@ padding-top: 5px;
background: rgba(0,0,0,0);
border: none;
- margin-left: -100px
+ margin-left: -90px;
}
.search-close,
.search-form button,
diff --git a/assets/css/main/page.css b/assets/css/main/page.css index e288862..390e480 100644 --- a/assets/css/main/page.css +++ b/assets/css/main/page.css @@ -54,7 +54,7 @@ position: relative;
display: inline-block
}
-/* Archives */
+/* Archives 归档 */
.archives-list {
list-style-type: none;
margin-left: -40px
@@ -126,14 +126,33 @@ }
/* Archive */
.archive-title {
- text-align: center
+ text-align: center;
+ margin: 30px 0!important
}
-.arvchive-item-excerpt {
- color: gray;
+.archive-item-excerpt {
+ color: gray!important;
font-size: 17px;
margin-top: 0
}
.archive-item-title {
font-size: 25px;
margin-bottom: 5px
+}
+.archive-item {
+ margin: 0;
+}
+.archive-pagenav ol {
+ margin-left: -40px;
+ text-align: center;
+}
+.archive-pagenav li {
+ list-style-type: none;
+ display: inline-block;
+}
+.archive-pagenav li a {
+ border-radius: 3px;
+ padding: 3px 10px;
+}
+.archive-pagenav li a:hover {
+ background: rgb(240,240,240)
}
\ No newline at end of file diff --git a/assets/css/main/post.css b/assets/css/main/post.css index 02aac0d..3e01e38 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -12,21 +12,20 @@ }
.post-body,.post-item {
background: #fff;
- box-shadow: 0 0 36px #bababa;
- -moz-box-shadow: 0 0 36px #bababa;
- -webkit-box-shadow: 0 0 36px #bababa;
+ box-shadow: 0 0 36px var(--shadow-color);
+ -moz-box-shadow: 0 0 36px var(--shadow-color);
+ -webkit-box-shadow: 0 0 36px var(--shadow-color);
transition: background .1s
}
.post-banner-box {
margin-left: -15px;
margin-bottom: -2px;
- max-height: 300px;
- min-height: 270px;
+ height: 280px;
overflow: hidden
}
.post-banner img {
width: 100%;
- min-height: 270px;
+ height: 280px;
margin-right: -40px
}
.post-title {
@@ -52,7 +51,9 @@ }
.post-footer {
color: #c8c8c8;
- font-size: 14px
+ font-size: 14px;
+ padding: 52px;
+ padding-top: 0;
}
.post-tags a {
color: #bebebe;
@@ -85,10 +86,14 @@ background: #f0f0f0;
border-radius: 3px;
font-family: font-family: 'Noto Sans SC',sans-serif!important;
- padding: 5px 8px;
color: var(--theme-color);
vertical-align: middle
}
+.post-content pre>code {
+ background: #282c34!important;
+ color: #fff!important;
+ text-indent: 0!important;
+}
.post-content img {
display: block;
margin: 20px auto;
|