diff options
| author | Eltrac Koalar <hi@guhub.cn> | 2020-03-05 16:38:30 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-03-05 16:38:30 +0800 |
| commit | 36e1eeddd23396dc1f9a5bce685b1da6ad861495 (patch) | |
| tree | c377468020aca5e72a5880ac2479517251514ed5 /assets/css | |
| parent | 3624bf742cd8c4152696ecdbc5bdc35ce3112452 (diff) | |
🙌🏼 Perf: 重写追番页面样式
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/main/dark.css | 11 | ||||
| -rw-r--r-- | assets/css/main/page.css | 55 |
2 files changed, 65 insertions, 1 deletions
diff --git a/assets/css/main/dark.css b/assets/css/main/dark.css index d033f1d..da46d09 100644 --- a/assets/css/main/dark.css +++ b/assets/css/main/dark.css @@ -96,9 +96,18 @@ }
.body-dark .login,
.body-dark .mobile-menu,
-.body-dark .search {
+.body-dark .search,
+.body-dark .bangumi-des {
background:rgba(90,90,90,.95)
}
+/* Bangumi */
+.body-dark .bangumi-progress {
+ background: gray
+}
+.body-dark .bangumi-progress-bar {
+ background: rgb(180,180,180)
+}
+
/* Others */
.body-dark .post-meta a {
color: gray!important
diff --git a/assets/css/main/page.css b/assets/css/main/page.css index b8e5e86..e212bc2 100644 --- a/assets/css/main/page.css +++ b/assets/css/main/page.css @@ -162,4 +162,59 @@ }
.saying-form {
margin-bottom: -10px!important;
+}
+
+/* bangumi 追番 */
+.bangumi-item {
+ padding-top: 0;
+ padding-bottom: 0;
+ border: none;
+}
+.bangumi-link {
+ padding: 12px;
+ border: none
+}
+.bangumi-banner {
+ position: relative;
+ overflow: hidden
+}
+.bangumi-banner img {
+ width: 100%
+}
+.bangumi-des {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: rgba(255,255,255,0.8);
+ padding: 6px;
+ opacity: 0;
+ transition: .3s;
+ backdrop-filter: blur(4px);
+ -webkit-backdrop-filter: blur(4px);
+ overflow: auto
+}
+.bangumi-des p {
+ margin: 0
+}
+.bangumi-banner:hover .bangumi-des {
+ opacity: 1
+}
+.bangumi-title {
+ border: none!important;
+ text-align: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.bangumi-progress, .bangumi-progress-bar {
+ border-radius: 4px;
+ height: 8px
+}
+.bangumi-progress {
+ background: #ddd
+}
+.bangumi-progress-bar {
+ background: gray
}
\ No newline at end of file |