diff options
| author | Eltrac Koalar <hi@guhub.cn> | 2020-02-27 11:50:22 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-02-27 11:50:22 +0800 |
| commit | d8358ad37b4ac5f9a6029a09d6c517cbf444c6a9 (patch) | |
| tree | faa61d0ae785ca26642ce16a20bb492d555b18f8 | |
| parent | ab06de536f14b0d2056191e1bd866f98e15ccfea (diff) | |
:memo: Perf: 文章卡片阴影减淡
| -rw-r--r-- | assets/css/main/miracles.min.css | 15 | ||||
| -rw-r--r-- | assets/css/main/nav.css | 5 | ||||
| -rw-r--r-- | assets/css/main/post.css | 8 | ||||
| -rw-r--r-- | assets/css/main/special.css | 1 |
4 files changed, 16 insertions, 13 deletions
diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index 14665b9..d1b6396 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -18,7 +18,7 @@ /* Varriable */
:root {
- --shadow-color: rgb(180,180,180);
+ --shadow-color: rgb(190,190,190);
}
/* Icon Font */
@@ -38,18 +38,19 @@ }
/* ScrollBar */
::-webkit-scrollbar {
- width: 9px;
+ width: 6px;
height: 5px
}
::-webkit-scrollbar-button {
display: none
}
::-webkit-scrollbar-thumb {
- background: rgb(150,150,150);
- border-radius: 3px
+ background: rgb(120,120,120);
+ border-radius: 2px;
+ transition: .2s
}
::-webkit-scrollbar-thumb:hover {
- background: gray
+ background: rgb(100,100,100)
}
/* Selection */
::-moz-selection,
@@ -362,7 +363,7 @@ .post-list,
.post-body,
.saying-body {
- margin-top: -134px
+ margin-top: -110px
}
.links-container {
padding: 12px;
@@ -482,7 +483,7 @@ .post-list,
.post-body,
.saying-body {
- margin-top: -140px
+ margin-top: -125px
}
.links-container {
padding: 15px;
diff --git a/assets/css/main/nav.css b/assets/css/main/nav.css index 2a37bcd..9623719 100644 --- a/assets/css/main/nav.css +++ b/assets/css/main/nav.css @@ -44,6 +44,7 @@ .nav-aero.nav-font-white .nav-mobile-content a{
color: #FFFFFF;
}
+
.nav-content a {
text-decoration: none;
color: #141414;
@@ -54,8 +55,8 @@ .nav-aero .nav-content a:hover,
.nav-aero .nav-mobile-content a:hover,
.nav-aero .nav-mobile-content button:hover,
-.nav-aero .nav-sorts-content{
- background: rgba(255, 255, 255, 0.5);
+.nav-aero .nav-sorts-content {
+ background: rgba(250, 250, 250, 0.3);
}
.nav-content a:hover,
.nav-mobile-content a:hover,
diff --git a/assets/css/main/post.css b/assets/css/main/post.css index bb49b76..9bfdf4b 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -12,13 +12,13 @@ transition: .8s;
}
.post-item {
- margin-bottom: 10px;
+ margin-bottom: 5px;
}
.post-body,.post-item,.saying-item,#comment-form {
background: #fff;
- 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);
+ box-shadow: 0 2px 10px var(--shadow-color);
+ -moz-box-shadow: 0 2px 10px var(--shadow-color);
+ -webkit-box-shadow: 0 2px 10px var(--shadow-color);
transition: background .1s
}
.post-banner-box {
diff --git a/assets/css/main/special.css b/assets/css/main/special.css index 58f88b7..8116b81 100644 --- a/assets/css/main/special.css +++ b/assets/css/main/special.css @@ -12,6 +12,7 @@ background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
+ background-color: #f1f1f1
}
.banner-mask {
width: 100%;
|