导航栏名称样式

This commit is contained in:
1152958806@qq.com 2023-06-28 14:27:45 +08:00
parent e12e987295
commit 1cccca40a7
1 changed files with 107 additions and 120 deletions

View File

@ -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;
}
}