From 17b827ab5f9082d2a3f49bd00611912f4d591ddf Mon Sep 17 00:00:00 2001 From: "1152958806@qq.com" <1152958806@qq.com> Date: Thu, 9 Nov 2023 00:51:40 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=85=A8=E5=B1=80=E3=80=91=E5=A4=A7?= =?UTF-8?q?=E9=87=8F=E8=BF=87=E6=B8=A1=E5=8A=A8=E7=94=BB=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/assets/zhheo/zhheoblog.css | 147 ++----------------- templates/modules/widgets/aside/profile.html | 2 +- templates/modules/widgets/aside/wechat.html | 8 + 3 files changed, 20 insertions(+), 137 deletions(-) diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css index 76dafc26..f861e596 100644 --- a/templates/assets/zhheo/zhheoblog.css +++ b/templates/assets/zhheo/zhheoblog.css @@ -883,6 +883,7 @@ a:hover { img { max-width: 100%; transition: all 0.2s ease 0s; + border-style: none } img:not([src]), @@ -910,133 +911,6 @@ img[src=""] { --hlexpand-bg: linear-gradient(180deg, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0.9)); } -/*figure.highlight table::-webkit-scrollbar-thumb {*/ -/* background: var(--hlscrollbar-bg);*/ -/*}*/ - -/*figure.highlight pre .deletion {*/ -/* color: rgb(191, 66, 191);*/ -/*}*/ - -/*figure.highlight pre .addition {*/ -/* color: rgb(16, 94, 222);*/ -/*}*/ - -/*figure.highlight pre .meta {*/ -/* color: rgb(199, 146, 234);*/ -/*}*/ - -/*figure.highlight pre .comment {*/ -/* color: rgb(150, 152, 150);*/ -/*}*/ - -/*figure.highlight pre .attribute,*/ -/*figure.highlight pre .css .class,*/ -/*figure.highlight pre .css .id,*/ -/*figure.highlight pre .css .pseudo,*/ -/*figure.highlight pre .html .doctype,*/ -/*figure.highlight pre .regexp,*/ -/*figure.highlight pre .ruby .constant,*/ -/*figure.highlight pre .tag .name,*/ -/*figure.highlight pre .variable,*/ -/*figure.highlight pre .xml .doctype,*/ -/*figure.highlight pre .xml .pi,*/ -/*figure.highlight pre .xml .tag .title {*/ -/* color: var(--heo-red);*/ -/*}*/ - -/*figure.highlight pre .tag {*/ -/* color: rgb(137, 221, 255);*/ -/*}*/ - -/*figure.highlight pre .command,*/ -/*figure.highlight pre .constant,*/ -/*figure.highlight pre .literal,*/ -/*figure.highlight pre .number,*/ -/*figure.highlight pre .params,*/ -/*figure.highlight pre .preprocessor {*/ -/* color: var(--heo-orange);*/ -/*}*/ - -/*figure.highlight pre .built_in {*/ -/* color: var(--heo-yellow);*/ -/*}*/ - -/*figure.highlight pre .css .rules .attribute,*/ -/*figure.highlight pre .formula,*/ -/*figure.highlight pre .header,*/ -/*figure.highlight pre .inheritance,*/ -/*figure.highlight pre .number,*/ -/*figure.highlight pre .ruby .class .title,*/ -/*figure.highlight pre .ruby .symbol,*/ -/*figure.highlight pre .special,*/ -/*figure.highlight pre .string,*/ -/*figure.highlight pre .value,*/ -/*figure.highlight pre .xml .cdata {*/ -/* color: var(--heo-green);*/ -/*}*/ - -/*figure.highlight pre .css .hexcolor,*/ -/*figure.highlight pre .keyword,*/ -/*figure.highlight pre .title {*/ -/* color: rgb(137, 221, 255);*/ -/*}*/ - -/*figure.highlight pre .coffeescript .title,*/ -/*figure.highlight pre .function,*/ -/*figure.highlight pre .javascript .title,*/ -/*figure.highlight pre .perl .sub,*/ -/*figure.highlight pre .python .decorator,*/ -/*figure.highlight pre .python .title,*/ -/*figure.highlight pre .ruby .function .title,*/ -/*figure.highlight pre .ruby .title .keyword {*/ -/* color: var(--heo-blue);*/ -/*}*/ - -/*figure.highlight pre .javascript .function,*/ -/*figure.highlight pre .tag .attr {*/ -/* color: rgb(199, 146, 234);*/ -/*}*/ - -/*#article-container figure.highlight .line.marked {*/ -/* background-color: rgba(97, 97, 97, 0.314);*/ -/*}*/ - -/*#article-container figure.highlight table {*/ -/* display: block;*/ -/* overflow: auto;*/ -/* border: none;*/ -/*}*/ - -/*#article-container figure.highlight table td {*/ -/* padding: 0px;*/ -/* border: none;*/ -/*}*/ - -/*#article-container figure.highlight .gutter pre {*/ -/* padding-right: 0.5rem;*/ -/* padding-left: 0.5rem;*/ -/* background-color: var(--hlnumber-bg);*/ -/* color: var(--hlnumber-color);*/ -/* text-align: right;*/ -/*}*/ - -/*#article-container figure.highlight .code pre {*/ -/* padding-right: 0.5rem;*/ -/* padding-left: 0.5rem;*/ -/* width: 100%;*/ -/*}*/ - -/*#article-container figure.highlight,*/ -/*#article-container pre {*/ -/* overflow: auto;*/ -/* margin: 0px 0px 1rem;*/ -/* padding: 0px;*/ -/* background: var(--hl-bg);*/ -/* color: var(--hl-color);*/ -/* line-height: 1.6;*/ -/*}*/ - blockquote { margin: 0px 0px 1rem; padding: 0.1rem 0.8rem; @@ -10226,24 +10100,24 @@ div#author-info__sayhi:hover { margin-top: 8px; background: var(--heo-card-btn-bg); border-radius: 8px; - transition: 0.3s !important; + transition: .3s ease-out!important } #aside-content > div.sticky_layout > div.card-widget.card-archives > div > ul > li.card-archive-list-item.more.is-center :hover { color: var(--heo-white); background: var(--heo-blue); border-radius: 8px; - transition: 0.3s !important; + transition: .3s ease-out!important } #aside-content .card-archives ul.card-archive-list > .card-archive-list-item.more span, #aside-content .card-categories ul.card-category-list > .card-category-list-item.more span { - transition: 0.3s !important; + transition: .3s ease-out!important } #aside-content .card-archives ul.card-archive-list > .card-archive-list-item:hover.more span, #aside-content .card-categories ul.card-category-list > .card-category-list-item.more span { - transition: 0.3s !important; + transition: .3s ease-out!important } #aside-content > div.sticky_layout > div.card-widget.card-archives > div > ul > li.card-archive-list-item.more.is-center :hover span { @@ -10711,6 +10585,7 @@ span.post-meta-categories { line-height: 32px; height: 32px; transition: 0.3s; + transition: .3s ease-out } span.post-meta-categories:not(:first-child) { @@ -12273,7 +12148,7 @@ a.reward-main-btn:hover { #pagination a.extend.next .pagination_tips_next { margin-left: -32px; - transition: 0.3s; + transition: .3s ease-out 0s; opacity: 0; } @@ -12285,7 +12160,7 @@ a.reward-main-btn:hover { #pagination a.extend.prev .pagination_tips_prev { margin-right: -32px; - transition: 0.3s; + transition: .3s ease-out 0s; opacity: 0; } @@ -14028,7 +13903,7 @@ figure.gallery-group:hover .gallery-group-name::after { .flink#article-container .site-card .img { - -webkit-mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0)); + -webkit-mask-image: -webkit-radial-gradient(center,#fff,#000); border-radius: 0; height: 120px; width: 100%; @@ -14041,7 +13916,7 @@ figure.gallery-group:hover .gallery-group-name::after { /* 头像 */ .flink#article-container .site-card .info img { border-radius: 32px; - transition: 0.3s !important; + transition: .3s ease-out!important; margin: 2px 8px 0 0; width: 20px; height: 20px; @@ -16786,7 +16661,7 @@ span.hexo-douban-pagenum { z-index: 9999; justify-content: center; opacity: 0; - transition: 0.3s ease-out; + transition: .3s ease-out; flex-direction: column; align-items: center; pointer-events: none; diff --git a/templates/modules/widgets/aside/profile.html b/templates/modules/widgets/aside/profile.html index f1927917..f3a5ae7d 100644 --- a/templates/modules/widgets/aside/profile.html +++ b/templates/modules/widgets/aside/profile.html @@ -426,7 +426,7 @@ display: flex; align-items: center; justify-content: center; - transition: .3s .2s; + transition: .3s ease-out .2s; transform: scale(1); background: var(--heo-white); border-radius: 50% diff --git a/templates/modules/widgets/aside/wechat.html b/templates/modules/widgets/aside/wechat.html index 44706226..1c021f17 100644 --- a/templates/modules/widgets/aside/wechat.html +++ b/templates/modules/widgets/aside/wechat.html @@ -24,7 +24,15 @@ th:with="faceImg = ${theme.config.sidebar.wechat.wechatImgFace}, backImg=${theme top: 0; background: url([[${theme.config.sidebar.wechat.wechatImg}]]) center center no-repeat; content: ''; + background-size: cover; + transition: .2s cubic-bezier(.45,.04,.43,1.21) } + #aside-content .card-widget#card-wechat:hover:before { + top: 100%; + opacity: 0; + transition: .3s ease-out + } + \ No newline at end of file