From 3641e22645eb06b54b29bfac720f7184a6c86836 Mon Sep 17 00:00:00 2001 From: Eltrac <45323514+BigCoke233@users.noreply.github.com> Date: Sun, 6 Oct 2019 13:51:46 +0800 Subject: =?UTF-8?q?=F0=9F=93=8F=20Perf:=20=E6=A0=B7=E5=BC=8F=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/comment.css | 4 ++++ assets/css/main/dark.css | 1 + assets/css/main/miracles.min.css | 15 +++++++++++++-- assets/css/main/nav.css | 2 +- assets/css/main/page.css | 27 +++++++++++++++++++++++---- 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; -- cgit v1.2.3