导航栏名称样式

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