diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css index 47708c04..538b4f4b 100644 --- a/templates/assets/zhheo/zhheoblog.css +++ b/templates/assets/zhheo/zhheoblog.css @@ -1953,7 +1953,7 @@ blockquote footer cite::before { width: 100%; position: relative; } - + #error-wrap .error-content { display: flex; -webkit-box-orient: horizontal; @@ -1973,11 +1973,11 @@ blockquote footer cite::before { position: relative; width: 100%; } - + #error-wrap .error-content:hover { box-shadow: var(--card-hover-box-shadow); } - + @media screen and (max-width: 768px) { #error-wrap .error-content { -webkit-box-orient: vertical; @@ -1987,7 +1987,7 @@ blockquote footer cite::before { width: 100%; } } - + #error-wrap .error-content .error-img { -webkit-box-flex: 1; flex: 1 1 0%; @@ -1999,7 +1999,7 @@ blockquote footer cite::before { background-position: center center; background-size: cover; } - + @media screen and (max-width: 768px) { #error-wrap .error-content .error-img { -webkit-box-flex: 1; @@ -2008,7 +2008,7 @@ blockquote footer cite::before { border-radius: 12px; } } - + #error-wrap .error-content .error-info { -webkit-box-flex: 1; flex: 1 1 0%; @@ -2017,13 +2017,13 @@ blockquote footer cite::before { font-size: 14px; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; } - - + + #error-wrap .error-content .error-info .error_title { font-size: 9em; line-height: 1; } - + @media screen and (max-width: 768px) { #error-wrap .error-content .error-info { -webkit-box-flex: 1.1; @@ -2031,19 +2031,19 @@ blockquote footer cite::before { width: 100%; padding-bottom: 2rem; } - + #error-wrap .error-content .error-info .error_title { font-size: 4rem; } } - - + + #error-wrap .error-content .error-info .error_subtitle { word-break: break-word; font-size: 1.6em; -webkit-line-clamp: 2; } - + #error-wrap .error-content .error-info a { display: inline-block; margin-top: 0.5rem; @@ -2051,7 +2051,7 @@ blockquote footer cite::before { background: var(--btn-bg); color: var(--btn-color); } - + #error-wrap .error-content .error-info a i { padding-right: 0.3rem; } @@ -7025,19 +7025,6 @@ a.console_switchbutton { transition: 0s; } -#nav #site-name { - color: var(--heo-fontcolor); - padding: 0; - transition: 0.3s; - display: flex; - height: 35px; - /*width: 75px;*/ - justify-content: center; - align-items: center; - text-shadow: none; - border-radius: 40px; -} - /* 搜索 */ #search-button > a > span { display: none; @@ -7993,37 +7980,37 @@ span.fund_name { border: var(--style-border); animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); } - + #cookies-window.cw-hide { opacity: 0; animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11); z-index: -1; } - + #cookies-window .cookies-window-title { padding-bottom: 4px; border-bottom: var(--style-border); font-size: 12px; font-weight: bold; } - + #cookies-window .cookies-window-content { font-size: 14px; display: flex; justify-content: space-around; align-items: center; } - + .cookie-to { margin-right: 4px; font-weight: bold; } - + .cookies-link { margin-left: auto; font-size: 16px; } - + .cookies-link i.heofont { font-size: 16px; } @@ -9174,13 +9161,13 @@ li { border: var(--style-border-always); margin-top: 16px; } - + @media screen and (max-width: 768px) { .post-ai { margin-top: 22px; } } - + .ai-title { display: flex; color: var(--heo-lighttext); @@ -9190,13 +9177,13 @@ li { cursor: default; user-select: none; } - + .ai-title-text { font-weight: bold; margin-left: 8px; line-height: 1; } - + .ai-explanation { margin-top: 12px; padding: 8px 12px; @@ -9207,12 +9194,12 @@ li { line-height: 1.4; display: none; } - + .ai-suggestions { display: flex; flex-wrap: wrap; } - + .ai-suggestions .ai-suggestions-item { margin-top: 12px; padding: 8px 12px; @@ -9227,12 +9214,12 @@ li { cursor: pointer; transition: 0.3s; } - + .ai-suggestions .ai-suggestions-item:hover { background: var(--heo-main); color: var(--heo-white); } - + .blinking-cursor { background-color: var(--heo-main); width: 10px; @@ -9244,7 +9231,7 @@ li { margin-left: 4px; margin-bottom: 3px; } - + @keyframes blinking-cursor { 0% { opacity: 1; @@ -9262,7 +9249,7 @@ li { opacity: 1; } } - + .ai-tag { font-size: 12px; background-color: var(--heo-lighttext); @@ -9278,12 +9265,12 @@ li { cursor: pointer; transition: 0.3s; } - + .ai-tag:hover { background: var(--heo-fontcolor); color: var(--heo-card-bg); } - + ins.adsbygoogle { margin: 16px 0; background: var(--heo-card-bg); @@ -9291,7 +9278,7 @@ li { overflow: hidden; border: var(--style-border-always); } - + #ai-Toggle { font-size: 12px; background: var(--heo-lighttext); @@ -9304,7 +9291,7 @@ li { transition: 0.3s; font-weight: bold; } - + #ai-Toggle:hover { background: var(--heo-fontcolor); color: var(--heo-card-bg); @@ -10653,11 +10640,11 @@ a.extend.prev { height: 30rem !important; margin-bottom: -12px; } - + #page-header.post-bg:before { height: 15rem; } - + .post-bg #post-cover { min-height: 15rem !important; height: 70% !important; @@ -10669,18 +10656,18 @@ a.extend.prev { #page-header.post-bg { height: 25rem; } - + #page-header { height: 25rem; } - + #page-header.post-bg:before { height: 25rem; /* opacity: 0; */ background-color: var(--heo-main); animation: slide-in-op 0.6s 0s forwards; } - + #post-info .post-title { width: 1100px; font-size: 2.6rem !important; @@ -10757,14 +10744,14 @@ a.extend.prev { filter: blur(10px); opacity: 0; } - + .coverdiv.loaded { display: block; opacity: 0.5; animation: showCover 1s 0.3s backwards; transform: rotate(10deg) translateY(-10%) scale(2); } - + } @@ -10781,15 +10768,15 @@ a.extend.prev { filter: blur(10px); opacity: 0; } - - + + .coverdiv.loaded { display: block; opacity: 0.5; animation: showCover 1s 0.3s backwards; transform: rotate(10deg) translateY(-10%) scale(2); } - + @keyframes showCover { from { opacity: 0; @@ -11452,11 +11439,11 @@ details:not(.tk-admin-config-group) { border: var(--style-border); transition: border 0.3s; } - + details:not(.tk-admin-config-group):hover { border: var(--style-border-hover-always); } - + details:not(.tk-admin-config-group) summary { position: absolute; padding: 0.5rem 1rem; @@ -11472,21 +11459,21 @@ details:not(.tk-admin-config-group) summary { overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分用省略号表示 */ } - + details:not(.tk-admin-config-group) > *:nth-child(2) { margin-top: calc(54px + 1rem) !important; } - + details[open]:not(.tk-admin-config-group) summary { background: var(--heo-main); color: var(--heo-white); } - + details:not(.tk-admin-config-group) summary::before { content: ''; padding: 4px; } - + details:not(.tk-admin-config-group) summary:hover { cursor: pointer; background: var(--heo-main); @@ -11494,31 +11481,31 @@ details:not(.tk-admin-config-group) summary:hover { transition: 0.3s; box-shadow: var(--heo-shadow-main); } - + details:not(.tk-admin-config-group) summary:focus { outline: none; } - + details:not(.tk-admin-config-group) summary::marker { color: var(--heo-main); transition: 0.3s; } - + details[open]:not(.tk-admin-config-group) summary::marker { color: var(--heo-white); } - + details:not(.tk-admin-config-group) summary:hover::marker { color: var(--heo-white); } - + details[open]:not(.tk-admin-config-group) { border-radius: 12px; border: var(--style-border-hover-always); padding: 0 1.5rem; background: var(--heo-card-bg); } - + details:not(.tk-admin-config-group) summary:hover:after { position: absolute; content: '+'; @@ -11528,11 +11515,11 @@ details:not(.tk-admin-config-group) summary:hover:after { right: 16px; line-height: 1; } - + details[open]:not(.tk-admin-config-group) > summary:hover:after { content: '-'; } - + @media screen and (max-width: 768px) { details[open]:not(.tk-admin-config-group) { padding: 0 16px; @@ -12899,7 +12886,7 @@ a.reward-main-btn:hover { div#post-comment { margin-top: 2rem; } - + #post-comment>div.comment-head>div.comment-privacy { display: block; justify-content: space-between; @@ -12907,7 +12894,7 @@ div#post-comment { font-size: 13px; margin-left: auto; } - + #post-comment>div.comment-head>div.comment-privacy a:hover { color: var(--heo-theme); } @@ -14669,7 +14656,7 @@ figure.gallery-group:hover .gallery-group-name::after { border-radius: 12px; background: var(--heo-card-bg) !important; } - + #body-wrap.page .errors { display: flex; flex-direction: column; @@ -14679,7 +14666,7 @@ figure.gallery-group:hover .gallery-group-name::after { padding-top: 50px; position: relative; } - + #body-wrap.page .errors .aside-list { display: flex; flex-direction: row; @@ -14687,7 +14674,7 @@ figure.gallery-group:hover .gallery-group-name::after { margin: 1rem; max-width: 100%; } - + #body-wrap.page .errors .aside-list .aside-list-group { display: flex; flex-direction: row; @@ -14696,18 +14683,18 @@ figure.gallery-group:hover .gallery-group-name::after { margin: 0 auto; justify-content: space-between; } - + #body-wrap.page .errors .aside-list .aside-list-item { padding: 0.5rem 0; width: 49%; } - + #body-wrap.page .errors .aside-list .aside-list-item img { width: 100%; object-fit: cover; border-radius: 12px; } - + #body-wrap.page .errors .aside-list .aside-list-item .thumbnail { overflow: hidden; width: 100%; @@ -14715,7 +14702,7 @@ figure.gallery-group:hover .gallery-group-name::after { background: var(--heo-card-bg); display: flex; } - + #body-wrap.page .errors .aside-list .aside-list-item .content .title { -webkit-line-clamp: 2; overflow: hidden; @@ -14729,21 +14716,21 @@ figure.gallery-group:hover .gallery-group-name::after { font-size: 16px; font-weight: bold; } - + #body-wrap.page .errors .aside-list .aside-list-item .content time { display: none; } - - + + @media screen and (max-width: 768px) { #body-wrap.page .errors { padding-top: 0; } - + #body-wrap.page .errors .aside-list { margin: 0; } - + #body-wrap.page .errors .aside-list .aside-list-item .thumbnail { height: 100px; } @@ -15622,7 +15609,7 @@ span.hexo-douban-pagenum { @keyframes floating { 0% { transform: translate(0, -4px); } 50% { transform: translate(0, 4px); } - 100% { transform: translate(0, -4px); } + 100% { transform: translate(0, -4px); } } #about-page .author-info { @@ -15630,33 +15617,33 @@ span.hexo-douban-pagenum { align-items: center; margin: 0 0 16px 0; } - + #about-page .author-tag-left { display: flex; flex-direction: column; align-items: flex-end; } - + #about-page .author-tag-right { display: flex; flex-direction: column; align-items: flex-start; } - + @media screen and (max-width: 768px) { #about-page .author-tag-left,#about-page .author-tag-right { display: none; } } - + #about-page .author-tag-left .author-tag:first-child, #about-page .author-tag-left .author-tag:last-child { margin-right: -16px; } - + #about-page .author-tag-right .author-tag:first-child, #about-page .author-tag-right .author-tag:last-child { margin-left: -16px; } - + #about-page .author-tag { transform: translate(0, -4px); padding: 1px 8px; @@ -15669,19 +15656,19 @@ span.hexo-douban-pagenum { box-shadow: var(--heo-shadow-lightblack); animation: 6s ease-in-out 0s infinite normal none running floating; } - + #about-page .author-tag:nth-child(1) { animation-delay: 0s; } - + #about-page .author-tag:nth-child(2) { animation-delay: 0.6s; } - + #about-page .author-tag:nth-child(3) { animation-delay: 1.2s; } - + #about-page .author-tag:nth-child(4) { animation-delay: 1.8s; } @@ -16966,8 +16953,8 @@ span.hexo-douban-pagenum { margin-right: 8px; border-radius: 20px; } - - + + #card-newest-comments .aside-list-item { background: var(--heo-card-bg); border-radius: 12px; @@ -16980,22 +16967,22 @@ span.hexo-douban-pagenum { transition: 0.3s; position: relative; } - + #card-newest-comments .aside-list-item:hover { background: var(--heo-main); color: var(--heo-white); -} - +} + #card-newest-comments .aside-list-item:not(:last-child) { margin-bottom: 0.5rem; -} - +} + #card-newest-comments .aside-list-item .name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; -} +} #console .author-content-item-tips { opacity: .8; @@ -17034,7 +17021,7 @@ span.hexo-douban-pagenum { line-height: 24px; font-size: 14px; } - + #console .aside-list-item .content .comment::before { content: ''; width: 100%; @@ -17274,17 +17261,17 @@ span.hexo-douban-pagenum { height: 24px; } -/* 文章目录样式 */ +/* 文章目录样式 */ a.toc-link { color: currentColor; height:0%; } -/* 文章目录样式 */ +/* 文章目录样式 */ #aside-content #card-toc .toc-content .is-active-link { font-weight: 700; font-size: 20px; color: var(--heo-lighttext); -} +} /* code样式 */ code:not([class]) { color: var(--heo-white); @@ -17296,22 +17283,22 @@ a.toc-link { box-shadow: var(--heo-shadow-border); font-size: 17.5px; font-family: consolas, Menlo, "PingFang SC", "Microsoft YaHei", sans-serif !important; -} - - +} + + /* 导航栏中间返回顶部样式 */ #page-header.nav-fixed #nav #page-name-text { display: inline; opacity: 1; transition: 0.3s; line-height: 1.6; -} +} .nav-fixed #nav #page-name-text:hover { background: var(--heo-main); transition: 0.3s; border-radius: 50px; padding: 4px 8px; - + } @media screen and (min-width: 900px) { @@ -17350,20 +17337,20 @@ a.toc-link { /* 导航栏名称样式 */ #nav #site-name { color: var(--heo-fontcolor); - padding: 0; + padding: 0 8px; transition: 0.3s; display: flex; height: 35px; - width: 75px; + /*width: 75px;*/ justify-content: center; align-items: center; text-shadow: none; border-radius: 40px; -} +} - - /* 导航栏中间样式 */ + + /* 导航栏中间样式 */ #menus>div.menus_items a { font-size: 16.8px; font-weight: 700; @@ -17371,7 +17358,7 @@ a.toc-link { #nav .menus_items .menus_item .menus_item_child { padding: 2px 2px 4px 2px; border-radius: 55px; -} +} #nav .menus_items .menus_item .menus_item_child li a:hover { padding: 0.2rem 0.5rem; -} +}