样式修改
This commit is contained in:
parent
bfcd7202a4
commit
35cd21dfac
|
@ -157,6 +157,10 @@ i.haofont.hao-icon-arrow-right.banner-righticon{
|
||||||
align-items: flex-start
|
align-items: flex-start
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card-widget.card-friend-link a.card-friend-item:hover .card-friend-name {
|
||||||
|
color: var(--heo-card-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.card-widget.card-friend-link .card-friend-name {
|
.card-widget.card-friend-link .card-friend-name {
|
||||||
color: var(--card-friend-name-color)
|
color: var(--card-friend-name-color)
|
||||||
}
|
}
|
||||||
|
|
|
@ -2035,11 +2035,10 @@ blockquote footer cite::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
#aside-content .card-tag-cloud a:hover {
|
#aside-content .card-tag-cloud a:hover {
|
||||||
background-color: rgb(255, 255, 255);
|
background-color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
transform: scale(1.1);
|
color: #307af6!important
|
||||||
color: rgb(48, 122, 246) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#aside-content .aside-list > span {
|
#aside-content .aside-list > span {
|
||||||
|
@ -2650,11 +2649,6 @@ blockquote footer cite::before {
|
||||||
background: rgba(255, 255, 255, 0.8);
|
background: rgba(255, 255, 255, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
#page-header.not-top-img #nav a {
|
|
||||||
color: var(--heo-fontcolor);
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-header.not-top-img #travellings_button::after {
|
#page-header.not-top-img #travellings_button::after {
|
||||||
background: var(--heo-main)!important;
|
background: var(--heo-main)!important;
|
||||||
}
|
}
|
||||||
|
@ -2888,6 +2882,10 @@ blockquote footer cite::before {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page #nav a {
|
||||||
|
color: var(--heo-fontcolor)
|
||||||
|
}
|
||||||
|
|
||||||
#nav.show {
|
#nav.show {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
filter: none;
|
filter: none;
|
||||||
|
@ -4784,8 +4782,8 @@ html {
|
||||||
} */
|
} */
|
||||||
|
|
||||||
#nav .menus_items .menus_item .menus_item_child > .recursion_menus_item:hover > a {
|
#nav .menus_items .menus_item .menus_item_child > .recursion_menus_item:hover > a {
|
||||||
background: var(--heo-main) !important;
|
background: var(--heo-lighttext);
|
||||||
color: var(--heo-white) !important;
|
color: var(--heo-card-bg);
|
||||||
box-shadow: var(--heo-shadow-main);
|
box-shadow: var(--heo-shadow-main);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
transform: scale(1) !important;
|
transform: scale(1) !important;
|
||||||
|
@ -5433,7 +5431,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-menu-list-groups .back-menu-list .back-menu-item:hover .back-menu-item-text {
|
.back-menu-list-groups .back-menu-list .back-menu-item:hover .back-menu-item-text {
|
||||||
color: var(--heo-white);
|
color: var(--heo-card-bg)
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-button .back-menu-list-group {
|
.back-home-button .back-menu-list-group {
|
||||||
|
@ -6098,38 +6096,43 @@ i.fab {
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav a:hover {
|
#nav a:hover {
|
||||||
color: var(--heo-white) !important;
|
color: var(--heo-white);
|
||||||
background: var(--heo-white-op);
|
background: var(--heo-white-op);
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page #nav a:hover {
|
.page #nav a:hover {
|
||||||
color: var(--heo-white) !important;
|
color: var(--heo-card-bg);
|
||||||
background: var(--heo-main);
|
background: var(--heo-lighttext);
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
box-shadow: var(--heo-shadow-main);
|
box-shadow: var(--heo-shadow-main)
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-fixed #nav a:hover {
|
.nav-fixed #nav a:hover {
|
||||||
background: var(--heo-main);
|
background: var(--heo-lighttext);
|
||||||
transition: 0.3s;
|
color: var(--heo-card-bg);
|
||||||
|
transition: .3s
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
.menus_item:hover > a.site-page {
|
.menus_item:hover > a.site-page {
|
||||||
color: var(--heo-white) !important;
|
color:var(--heo-card-bg);
|
||||||
background: var(--heo-white-op);
|
background: var(--heo-white-op);
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
box-shadow: var(--heo-shadow-main);
|
box-shadow: var(--heo-shadow-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
.page .menus_item:hover > a.site-page {
|
.page .menus_item:hover > a.site-page {
|
||||||
color: var(--heo-white) !important;
|
color: var(--heo-card-bg);
|
||||||
background: var(--heo-main);
|
background: var(--heo-main);
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
box-shadow: var(--heo-shadow-main);
|
box-shadow: var(--heo-shadow-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.post .menus_item:hover>a.site-page {
|
||||||
|
color: var(--heo-white)
|
||||||
|
}
|
||||||
|
|
||||||
.nav-fixed .menus_item:hover > a.site-page {
|
.nav-fixed .menus_item:hover > a.site-page {
|
||||||
background-color: var(--heo-main);
|
background-color: var(--heo-main);
|
||||||
}
|
}
|
||||||
|
@ -6337,6 +6340,10 @@ img.footer_mini_logo:hover {
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page #menus>div.menus_items>.menus_item:hover>a {
|
||||||
|
color: var(--heo-card-bg)
|
||||||
|
}
|
||||||
|
|
||||||
#nav .menus_items .menus_item .menus_item_child > .recursion_menus_item > a {
|
#nav .menus_items .menus_item .menus_item_child > .recursion_menus_item > a {
|
||||||
letter-spacing: 0rem;
|
letter-spacing: 0rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -6344,10 +6351,11 @@ img.footer_mini_logo:hover {
|
||||||
border-radius: 100px;
|
border-radius: 100px;
|
||||||
padding: 0.2rem 0.5rem;
|
padding: 0.2rem 0.5rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: var(--heo-fontcolor) !important;
|
color: var(--heo-fontcolor);
|
||||||
text-shadow: none !important;
|
text-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items {
|
#page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items {
|
||||||
transform: translateX(-150px);
|
transform: translateX(-150px);
|
||||||
}
|
}
|
||||||
|
@ -6539,6 +6547,10 @@ a.console_switchbutton {
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page #nav #site-name:hover {
|
||||||
|
color: var(--heo-card-bg)
|
||||||
|
}
|
||||||
|
|
||||||
/* 搜索 */
|
/* 搜索 */
|
||||||
#search-button > a > span {
|
#search-button > a > span {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -6933,9 +6945,6 @@ a.console_switchbutton {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1300px) {
|
@media screen and (min-width: 1300px) {
|
||||||
#aside-content .aside-list > .aside-list-item:hover {
|
|
||||||
transform: scale(1.03);
|
|
||||||
}
|
|
||||||
|
|
||||||
#aside-content .aside-list > .aside-list-item:active {
|
#aside-content .aside-list > .aside-list-item:active {
|
||||||
transform: scale(0.97);
|
transform: scale(0.97);
|
||||||
|
@ -6957,14 +6966,14 @@ a.console_switchbutton {
|
||||||
}
|
}
|
||||||
|
|
||||||
#aside-content .aside-list > .aside-list-item:hover {
|
#aside-content .aside-list > .aside-list-item:hover {
|
||||||
background: var(--heo-main);
|
background: var(--heo-lighttext);
|
||||||
color: var(--heo-white);
|
color: var(--heo-card-bg);
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
box-shadow: var(--heo-shadow-main);
|
box-shadow: var(--heo-shadow-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
#aside-content .aside-list > .aside-list-item:hover a {
|
#aside-content .aside-list > .aside-list-item:hover a {
|
||||||
color: var(--heo-white) !important;
|
color: var(--heo-card-bg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 文章顶部波浪效果 */
|
/* 文章顶部波浪效果 */
|
||||||
|
@ -8406,12 +8415,12 @@ a.categoryButton:hover {
|
||||||
|
|
||||||
.category-bar-item:hover a {
|
.category-bar-item:hover a {
|
||||||
background: var(--heo-theme);
|
background: var(--heo-theme);
|
||||||
color: var(--heo-white);
|
color: var(--heo-card-bg)
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-bar-item.select a {
|
.category-bar-item.select a {
|
||||||
background: var(--heo-theme);
|
background: var(--heo-theme);
|
||||||
color: var(--heo-white);
|
color: var(--heo-card-bg);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -9892,24 +9901,31 @@ span.recent-post-top-text {
|
||||||
|
|
||||||
/* 作者打招呼 */
|
/* 作者打招呼 */
|
||||||
div#author-info__sayhi {
|
div#author-info__sayhi {
|
||||||
text-align: left;
|
text-align: center;
|
||||||
|
width: fit-content;
|
||||||
color: var(--heo-white);
|
color: var(--heo-white);
|
||||||
background: var(--heo-white-op);
|
background: var(--heo-white-op);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
width: fit-content;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
|
margin: auto;
|
||||||
|
min-width: 100px
|
||||||
}
|
}
|
||||||
|
|
||||||
div#author-info__sayhi:hover {
|
div#author-info__sayhi:hover {
|
||||||
background: var(--heo-card-bg);
|
background: var(--heo-white-op);
|
||||||
color: var(--heo-fontcolor);
|
color: var(--heo-white);
|
||||||
|
transform: scale(1.1)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-theme=dark] .page div#author-info__sayhi {
|
||||||
|
background: var(--heo-black-op);
|
||||||
|
color: var(--heo-black)
|
||||||
|
}
|
||||||
|
|
||||||
/* 作者卡片背景 */
|
/* 作者卡片背景 */
|
||||||
#aside-content > .card-widget:first-child {
|
#aside-content > .card-widget:first-child {
|
||||||
|
@ -10190,9 +10206,9 @@ div#author-info__sayhi:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
#aside-content .card-tag-cloud a:hover {
|
#aside-content .card-tag-cloud a:hover {
|
||||||
background: var(--heo-theme);
|
background: var(--heo-lighttext);
|
||||||
color: var(--heo-white) !important;
|
color: var(--heo-card-bg)!important;
|
||||||
box-shadow: var(--heo-shadow-theme);
|
box-shadow: var(--heo-shadow-theme)
|
||||||
}
|
}
|
||||||
|
|
||||||
#aside-content .card-tag-cloud a.tags-cloud-more {
|
#aside-content .card-tag-cloud a.tags-cloud-more {
|
||||||
|
@ -10204,15 +10220,13 @@ div#author-info__sayhi:hover {
|
||||||
font-size: var(--global-font-size) !important;
|
font-size: var(--global-font-size) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover {
|
||||||
@media screen and (min-width: 1300px) {
|
color: var(--heo-white);
|
||||||
#aside-content .card-tag-cloud a:hover {
|
background-color: var(--heo-theme);
|
||||||
transform: scale(1.03);
|
box-shadow: var(--heo-shadow-theme);
|
||||||
}
|
border-radius: 8px;
|
||||||
|
padding: .15rem .5rem;
|
||||||
#aside-content .card-tag-cloud a:active {
|
border: var(--style-border-hover)
|
||||||
transform: scale(0.97);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 时间轴卡片 */
|
/* 时间轴卡片 */
|
||||||
|
@ -16853,17 +16867,17 @@ span.hexo-douban-pagenum {
|
||||||
}
|
}
|
||||||
|
|
||||||
#console .aside-list-item:hover .content .comment {
|
#console .aside-list-item:hover .content .comment {
|
||||||
color: var(--heo-white);
|
color: var(--heo-card-bg)
|
||||||
}
|
}
|
||||||
|
|
||||||
#console .aside-list-item .content time {
|
#console .aside-list-item .content time {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: var(--heo-secondtext);
|
color: var(--heo-card-bg);
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#console .aside-list-item:hover .content time {
|
#console .aside-list-item:hover .content time {
|
||||||
color: var(--heo-white);
|
color: var(--heo-card-bg)
|
||||||
}
|
}
|
||||||
|
|
||||||
#console .aside-list {
|
#console .aside-list {
|
||||||
|
@ -16899,7 +16913,7 @@ span.hexo-douban-pagenum {
|
||||||
#console .button-group .console-btn-item a {
|
#console .button-group .console-btn-item a {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: var(--card-bg);
|
background: var(--heo-card-bg);
|
||||||
border: var(--style-border);
|
border: var(--style-border);
|
||||||
border-radius: 60px;
|
border-radius: 60px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -16914,10 +16928,12 @@ span.hexo-douban-pagenum {
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#console .button-group .console-btn-item a:hover {
|
#console .button-group .console-btn-item:not(.on) a:hover {
|
||||||
background: var(--heo-main) !important;
|
background: var(--heo-main)!important;
|
||||||
|
color: var(--heo-card-bg)!important
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#console .button-group .console-btn-item:hover a {
|
#console .button-group .console-btn-item:hover a {
|
||||||
color: var(--heo-white);
|
color: var(--heo-white);
|
||||||
}
|
}
|
||||||
|
@ -16940,8 +16956,8 @@ span.hexo-douban-pagenum {
|
||||||
}
|
}
|
||||||
|
|
||||||
.console-card.tags .card-tag-cloud a:hover {
|
.console-card.tags .card-tag-cloud a:hover {
|
||||||
background: var(--heo-main);
|
background: var(--heo-lighttext);
|
||||||
color: var(--heo-white) !important;
|
color: var(--heo-card-bg)!important
|
||||||
}
|
}
|
||||||
|
|
||||||
.console-card.tags .card-tag-cloud a sup {
|
.console-card.tags .card-tag-cloud a sup {
|
||||||
|
@ -17022,7 +17038,7 @@ span.hexo-douban-pagenum {
|
||||||
|
|
||||||
#console .console-card.history .card-archive-list .card-archive-list-link:hover {
|
#console .console-card.history .card-archive-list .card-archive-list-link:hover {
|
||||||
background: var(--heo-main);
|
background: var(--heo-main);
|
||||||
color: var(--heo-white);
|
color: var(--heo-card-bg)
|
||||||
}
|
}
|
||||||
|
|
||||||
#console #card-newest-comments {
|
#console #card-newest-comments {
|
||||||
|
|
|
@ -194,7 +194,12 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: .3s;
|
transition: .3s;
|
||||||
border: 5px solid var(--heo-white)
|
border: 5px solid var(--heo-white);
|
||||||
|
overflow: hidden
|
||||||
|
}
|
||||||
|
|
||||||
|
.page #aside-content .card-info img.avatar-img {
|
||||||
|
border-color: var(--heo-card-bg)
|
||||||
}
|
}
|
||||||
|
|
||||||
.author-info__top-group {
|
.author-info__top-group {
|
||||||
|
@ -275,6 +280,11 @@
|
||||||
box-shadow: none
|
box-shadow: none
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-theme=dark] .page #aside-content .card-info .card-info-social-icons i {
|
||||||
|
background: var(--heo-black-op);
|
||||||
|
color: var(--heo-card-bg)
|
||||||
|
}
|
||||||
|
|
||||||
#aside-content .card-info .banner-button {
|
#aside-content .card-info .banner-button {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 118px;
|
width: 118px;
|
||||||
|
@ -350,6 +360,10 @@
|
||||||
margin-bottom: 5px
|
margin-bottom: 5px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page #aside-content .card-info .author-info__name,.page .author-info__desc {
|
||||||
|
color: var(--heo-card-bg)
|
||||||
|
}
|
||||||
|
|
||||||
.author-info__desc {
|
.author-info__desc {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: var(--heo-white);
|
color: var(--heo-white);
|
||||||
|
@ -361,7 +375,22 @@
|
||||||
line-height: 1.38;
|
line-height: 1.38;
|
||||||
margin: .3rem 0;
|
margin: .3rem 0;
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
color: rgba(255, 255, 255, .8)
|
color: var(--heo-white);
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.page .author-info__description {
|
||||||
|
color: var(--heo-card-bg)
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-info__description b {
|
||||||
|
color: var(--heo-white);
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.page .author-info__description b {
|
||||||
|
color: var(--heo-card-bg);
|
||||||
|
opacity: 1
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-sticker {
|
.avatar-sticker {
|
||||||
|
@ -381,6 +410,10 @@
|
||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page .avatar-sticker {
|
||||||
|
background: var(--heo-card-bg)
|
||||||
|
}
|
||||||
|
|
||||||
.avatar-sticker img {
|
.avatar-sticker img {
|
||||||
width: 26px;
|
width: 26px;
|
||||||
height: 26px
|
height: 26px
|
||||||
|
|
Loading…
Reference in New Issue