UPToZ/halo-theme-hao
UPToZ/halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

修改广告区样式和登录二级菜单样式

Browse Source 
1.修改侧栏中的广告图片为圆角，并增加了上边距。
2.给侧栏中的广告区内的“广告”字样前面增加了一个小图标。
3.给首页的登录二级菜单增加了边框，同时减小了宽度，并且增加了上边距。
4.增加忽略文件。
This commit is contained in:
UPToZ 2024-04-13 14:27:42 +08:00
parent 2420bcfa80
commit 6d00368bfe
3 changed files with 10883 additions and 10769 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1 +1,2 @@
release release
/release/

296
templates/assets/zhheo/zhheoblog.css
View File

@ -1594,7 +1594,9 @@ blockquote footer cite::before {
} }
@media screen and (min-width: 1300px) { @media screen and (min-width: 1300px) {
#recent-posts > .recent-post-item.col1.alternate .left_radius, #recent-posts > .recent-post-item.col1.alternate .right_radius {
#recent-posts>.recent-post-item.col1.alternate .left_radius,
#recent-posts>.recent-post-item.col1.alternate .right_radius {
width: 75%; width: 75%;
display: flex; display: flex;
height: 220px height: 220px
@ -2696,7 +2698,8 @@ blockquote footer cite::before {
} }
} }
#body-wrap:has(#travellings_button:hover) #nav #menus, #body-wrap:has(#travellings_button:hover) #page-name { #body-wrap:has(#travellings_button:hover) #nav #menus,
#body-wrap:has(#travellings_button:hover) #page-name {
display: none display: none
} }
@ -3920,8 +3923,7 @@ mjx-container[jax="CHTML"][display="true"] {
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
} }
.aplayer { .aplayer {}
}
#article-container .aplayer { #article-container .aplayer {
margin: 0px 0px 1rem; margin: 0px 0px 1rem;
@ -4124,9 +4126,11 @@ figure.gallery-group:hover .gallery-group-name::after {
#aside-content .aside-list>.aside-list-item .content>.name, #aside-content .aside-list>.aside-list-item .content>.name,
#aside-content .aside-list>.aside-list-item .content>.title, #aside-content .aside-list>.aside-list-item .content>.title,
#error-wrap .error-content .error-info .error_subtitle, #error-wrap .error-content .error-info .error_subtitle,
#post-info .post-title, #recent-posts > .recent-post-item > .recent-post-info > .article-title, #post-info .post-title,
#recent-posts>.recent-post-item>.recent-post-info>.article-title,
#recent-posts>.recent-post-item>.recent-post-info>.content, #recent-posts>.recent-post-item>.recent-post-info>.content,
.article-sort-item-title, .limit-more-line, .article-sort-item-title,
.limit-more-line,
.relatedPosts>.relatedPosts-list .content .title, .relatedPosts>.relatedPosts-list .content .title,
figure.gallery-group .gallery-group-name, figure.gallery-group .gallery-group-name,
figure.gallery-group p { figure.gallery-group p {
@ -4687,8 +4691,7 @@ html {
.fal, .fal,
.far, .far,
.fas, .fas,
.fat .fat .iconfont {
.iconfont {
line-height: 1; line-height: 1;
} }
@ -5189,9 +5192,10 @@ html {
#page-header #nav #nav-right div .back-menu-list-groups { #page-header #nav #nav-right div .back-menu-list-groups {
position: absolute; position: absolute;
right: 0; right: auto;
left: auto; left: auto;
top: 34px; top: 40px;
border: var(--style-border);
} }
#page-header #nav #nav-right .console-button .nav-login { #page-header #nav #nav-right .console-button .nav-login {
@ -5216,7 +5220,7 @@ html {
display: block; display: block;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 140px; width: 115px;
justify-content: space-between; justify-content: space-between;
} }
@ -5415,7 +5419,8 @@ html {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px) -webkit-backdrop-filter: blur(20px);
padding: 0 0 5px 0;
} }
.back-home-button .back-menu-list-groups:hover { .back-home-button .back-menu-list-groups:hover {
@ -5786,14 +5791,7 @@ html {
opacity: 1; opacity: 1;
} }
#nav-music #nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
.aplayer
.aplayer-info
.aplayer-controller
.aplayer-bar-wrap:hover
.aplayer-bar
.aplayer-played
.aplayer-thumb {
display: none; display: none;
} }
@ -6606,7 +6604,8 @@ body[data-type=music] .page #nav #site-name span {
filter: none filter: none
} }
#rightside > div > a, #rightside > div > button { #rightside>div>a,
#rightside>div>button {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
width: 35px; width: 35px;
@ -6619,7 +6618,8 @@ body[data-type=music] .page #nav #site-name span {
line-height: 35px line-height: 35px
} }
#rightside > div > a:hover, #rightside > div > button:hover { #rightside>div>a:hover,
#rightside>div>button:hover {
background-color: var(--btn-hover-color) background-color: var(--btn-hover-color)
} }
@ -7019,6 +7019,7 @@ body[data-type=music] .page #nav #site-name span {
0% { 0% {
transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0);
} }
100% { 100% {
transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0);
} }
@ -7745,6 +7746,7 @@ div#power-star-title {
} }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
/* 侧边栏在左侧时，显示 100% */ /* 侧边栏在左侧时，显示 100% */
.layout.left-aside>div:first-child { .layout.left-aside>div:first-child {
-webkit-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;
@ -8770,15 +8772,11 @@ li {
} }
@media screen and (max-width: 1300px) { @media screen and (max-width: 1300px) {
.recent-post-item:hover .recent-post-info .recent-post-info-top .content { .recent-post-item:hover .recent-post-info .recent-post-info-top .content {}
}
} }
@media screen and (min-width: 1300px) { @media screen and (min-width: 1300px) {
.recent-post-item:hover .recent-post-info .recent-post-info-top .content { .recent-post-item:hover .recent-post-info .recent-post-info-top .content {}
}
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
@ -9049,15 +9047,19 @@ canvas#universe {
0% { 0% {
opacity: 1; opacity: 1;
} }
40% { 40% {
opacity: 1; opacity: 1;
} }
50% { 50% {
opacity: 0; opacity: 0;
} }
90% { 90% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: 1; opacity: 1;
} }
@ -9187,7 +9189,9 @@ ins.adsbygoogle {
} }
@media screen and (max-width: 375px) { @media screen and (max-width: 375px) {
#recent-posts > .recent-post-item .left_radius, #recent-posts > .recent-post-item .right_radius {
#recent-posts>.recent-post-item .left_radius,
#recent-posts>.recent-post-item .right_radius {
height: 170px height: 170px
} }
} }
@ -9235,7 +9239,8 @@ ins.adsbygoogle {
margin-bottom: 0rem; margin-bottom: 0rem;
} }
.recent-top-post-group.more-page, .climb.more-page { .recent-top-post-group.more-page,
.climb.more-page {
display: none; display: none;
} }
@ -9463,20 +9468,24 @@ span.recent-post-top-text {
} }
/* 图片在左侧 */ /* 图片在左侧 */
#recent-posts > .recent-post-item.left, .recent-post-item.alternate.odd { #recent-posts>.recent-post-item.left,
.recent-post-item.alternate.odd {
flex-direction: row !important; flex-direction: row !important;
} }
#recent-posts > .recent-post-item.left .cover_radius, .recent-post-item.alternate.odd .cover_radius { #recent-posts>.recent-post-item.left .cover_radius,
.recent-post-item.alternate.odd .cover_radius {
border-radius: 12px 0px 0px 12px !important; border-radius: 12px 0px 0px 12px !important;
} }
/* 图片在右侧 */ /* 图片在右侧 */
#recent-posts > .recent-post-item.right, .recent-post-item.alternate.even { #recent-posts>.recent-post-item.right,
.recent-post-item.alternate.even {
flex-direction: row-reverse !important; flex-direction: row-reverse !important;
} }
#recent-posts > .recent-post-item.right .cover_radius, .recent-post-item.alternate.even .cover_radius { #recent-posts>.recent-post-item.right .cover_radius,
.recent-post-item.alternate.even .cover_radius {
border-radius: 0px 12px 12px 0px !important; border-radius: 0px 12px 12px 0px !important;
} }
@ -9495,7 +9504,8 @@ span.recent-post-top-text {
clip-path: inset(0 0 0 0 round 12px); clip-path: inset(0 0 0 0 round 12px);
} }
#category #recent-posts .recent-post-item, #tag #recent-posts .recent-post-item { #category #recent-posts .recent-post-item,
#tag #recent-posts .recent-post-item {
margin-top: .5rem; margin-top: .5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
position: relative; position: relative;
@ -9511,18 +9521,24 @@ span.recent-post-top-text {
/* 设置分列 */ /* 设置分列 */
/* 1 列：左右排列 */ /* 1 列：左右排列 */
#recent-posts > .recent-post-item.col1, #category #recent-posts .recent-post-item.col1, #tag #recent-posts .recent-post-item.col1 { #recent-posts>.recent-post-item.col1,
#category #recent-posts .recent-post-item.col1,
#tag #recent-posts .recent-post-item.col1 {
width: calc(100% - .5rem); width: calc(100% - .5rem);
} }
/* 2 列 */ /* 2 列 */
#recent-posts > .recent-post-item.col2, #category #recent-posts .recent-post-item.col2, #tag #recent-posts .recent-post-item.col2 { #recent-posts>.recent-post-item.col2,
#category #recent-posts .recent-post-item.col2,
#tag #recent-posts .recent-post-item.col2 {
width: calc(100% / 2 - .5rem); width: calc(100% / 2 - .5rem);
} }
/* 3 列 */ /* 3 列 */
#recent-posts > .recent-post-item.col3, #category #recent-posts .recent-post-item.col3, #tag #recent-posts .recent-post-item.col3 { #recent-posts>.recent-post-item.col3,
#category #recent-posts .recent-post-item.col3,
#tag #recent-posts .recent-post-item.col3 {
width: calc(100% / 3 - .5rem); width: calc(100% / 3 - .5rem);
} }
@ -9548,7 +9564,9 @@ span.recent-post-top-text {
} }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
#category #recent-posts .recent-post-item, #tag #recent-posts .recent-post-item {
#category #recent-posts .recent-post-item,
#tag #recent-posts .recent-post-item {
animation: slide-in .6s .4s backwards animation: slide-in .6s .4s backwards
} }
@ -9582,7 +9600,8 @@ span.recent-post-top-text {
padding: 0 1rem padding: 0 1rem
} }
#category #recent-posts, #tag #recent-posts { #category #recent-posts,
#tag #recent-posts {
padding: 0 padding: 0
} }
@ -9722,7 +9741,8 @@ span.recent-post-top-text {
display: none; display: none;
} }
#post-meta .post-meta-date, #post-meta .post-meta-author { #post-meta .post-meta-date,
#post-meta .post-meta-author {
opacity: .6; opacity: .6;
margin-right: 0.8rem; margin-right: 0.8rem;
} }
@ -10533,6 +10553,7 @@ a.extend.prev {
opacity: 0; opacity: 0;
transform: rotate(10deg) translateY(-8%) scale(1.8); transform: rotate(10deg) translateY(-8%) scale(1.8);
} }
to { to {
opacity: 0.5; opacity: 0.5;
transform: rotate(10deg) translateY(-10%) scale(2); transform: rotate(10deg) translateY(-10%) scale(2);
@ -10961,12 +10982,15 @@ span.post-meta-position {
opacity: 0.6; opacity: 0.6;
} }
.post-meta-pv, .post-meta-commentcount, .post-meta-editor { .post-meta-pv,
.post-meta-commentcount,
.post-meta-editor {
opacity: 0.6; opacity: 0.6;
margin-right: 2px margin-right: 2px
} }
#twikoo-count, #ArtalkCount { #twikoo-count,
#ArtalkCount {
font-weight: 800; font-weight: 800;
color: var(--heo-white); color: var(--heo-white);
} }
@ -11210,9 +11234,12 @@ details:not(.tk-admin-config-group):not(.card-friend-class-name) summary {
left: 0; left: 0;
width: 100%; width: 100%;
font-weight: bold; font-weight: bold;
white-space: nowrap; /* 禁止换行 */ white-space: nowrap;
overflow: hidden; /* 超出部分隐藏 */ /* 禁止换行 */
text-overflow: ellipsis; /* 超出部分用省略号表示 */ overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分用省略号表示 */
} }
details:not(.tk-admin-config-group):not(.card-friend-class-name)>*:nth-child(2) { details:not(.tk-admin-config-group):not(.card-friend-class-name)>*:nth-child(2) {
@ -11982,14 +12009,16 @@ a.reward-main-btn:hover {
height: 100%; height: 100%;
} }
#pagination .next-post a:hover div, #pagination .prev-post a:hover div { #pagination .next-post a:hover div,
#pagination .prev-post a:hover div {
color: var(--heo-white) !important color: var(--heo-white) !important
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#pagination .next-post a:hover, #pagination .prev-post a:hover { #pagination .next-post a:hover,
#pagination .prev-post a:hover {
background: var(--heo-none) background: var(--heo-none)
} }
@ -12015,7 +12044,8 @@ a.reward-main-btn:hover {
filter: blur(5px); filter: blur(5px);
} }
#pagination .next_info, #post #pagination .prev_info { #pagination .next_info,
#post #pagination .prev_info {
font-weight: 700; font-weight: 700;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
white-space: normal; white-space: normal;
@ -12064,7 +12094,8 @@ a.reward-main-btn:hover {
border: 1px solid var(--heo-main) border: 1px solid var(--heo-main)
} }
#pagination .next-post a, #pagination .prev-post a { #pagination .next-post a,
#pagination .prev-post a {
border: none; border: none;
height: fit-content; height: fit-content;
padding: .5rem 0 padding: .5rem 0
@ -12074,7 +12105,8 @@ a.reward-main-btn:hover {
border-radius: 0 border-radius: 0
} }
#pagination .next_info, #post #pagination .prev_info { #pagination .next_info,
#post #pagination .prev_info {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
margin-bottom: 0 margin-bottom: 0
@ -12089,26 +12121,35 @@ a.reward-main-btn:hover {
background: 0 0 background: 0 0
} }
#pagination .next_info, #post #pagination .prev_info { #pagination .next_info,
#post #pagination .prev_info {
color: var(--heo-fontcolor); color: var(--heo-fontcolor);
} }
#pagination .next-post, #pagination .prev-post, .next-post.pull-right, .prev-post.pull-left { #pagination .next-post,
#pagination .prev-post,
.next-post.pull-right,
.prev-post.pull-left {
background: var(--heo-maskbgdeep); background: var(--heo-maskbgdeep);
-webkit-backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
transform: translateZ(0) transform: translateZ(0)
} }
#pagination .next-post a:hover, #pagination .prev-post a:hover { #pagination .next-post a:hover,
#pagination .prev-post a:hover {
background: var(--heo-main); background: var(--heo-main);
} }
#pagination .next-post .label, #post #pagination .prev-post .label { #pagination .next-post .label,
#post #pagination .prev-post .label {
color: var(--heo-fontcolor) color: var(--heo-fontcolor)
} }
#pagination.pagination-post .next-post.pull-full img, #pagination.pagination-post .next-post.pull-right img, #pagination.pagination-post .prev-post.pull-full img, #pagination.pagination-post .prev-post.pull-left img { #pagination.pagination-post .next-post.pull-full img,
#pagination.pagination-post .next-post.pull-right img,
#pagination.pagination-post .prev-post.pull-full img,
#pagination.pagination-post .prev-post.pull-left img {
display: none; display: none;
top: 0 top: 0
} }
@ -12133,7 +12174,8 @@ a.reward-main-btn:hover {
position: relative position: relative
} }
#pagination .next-post .label, #post #pagination .prev-post .label { #pagination .next-post .label,
#post #pagination .prev-post .label {
color: var(--heo-fontcolor); color: var(--heo-fontcolor);
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 12px;
@ -12569,7 +12611,8 @@ img.tk-avatar-img {
} }
/* 填写项标题 */ /* 填写项标题 */
.el-input-group__append, .el-input-group__prepend { .el-input-group__append,
.el-input-group__prepend {
background-color: var(--heo-card-bg) !important; background-color: var(--heo-card-bg) !important;
color: var(--heo-fontcolor) !important; color: var(--heo-fontcolor) !important;
border-color: var(--heo-card-border) !important; border-color: var(--heo-card-border) !important;
@ -12591,7 +12634,8 @@ img.tk-avatar-img {
border: var(--style-border-always); border: var(--style-border-always);
} }
.el-input-group--prepend .el-input__inner, .el-input-group__append { .el-input-group--prepend .el-input__inner,
.el-input-group__append {
border-radius: 12px !important border-radius: 12px !important
} }
@ -13454,7 +13498,8 @@ span.tagsPageCount {
color: var(--heo-lighttext); color: var(--heo-lighttext);
} }
#tag-page-tags .tagsPageCount, #post .tag_share .post-meta__tags span.tagsPageCount { #tag-page-tags .tagsPageCount,
#post .tag_share .post-meta__tags span.tagsPageCount {
padding: 2px; padding: 2px;
background: var(--heo-card-bg); background: var(--heo-card-bg);
border: var(--style-border-always); border: var(--style-border-always);
@ -14231,6 +14276,7 @@ figure.gallery-group:hover .gallery-group-name::after {
} }
@keyframes heartbeat-bounce { @keyframes heartbeat-bounce {
0%, 0%,
100% { 100% {
transform: scale(1); transform: scale(1);
@ -14240,12 +14286,14 @@ figure.gallery-group:hover .gallery-group-name::after {
30% { 30% {
transform: scale(0.9); transform: scale(0.9);
} }
20%, 20%,
40%, 40%,
60%, 60%,
80% { 80% {
transform: scale(1.1); transform: scale(1.1);
} }
50%, 50%,
70% { 70% {
transform: scale(1.1); transform: scale(1.1);
@ -15319,9 +15367,11 @@ span.hexo-douban-pagenum {
0% { 0% {
transform: translate(0, -4px); transform: translate(0, -4px);
} }
50% { 50% {
transform: translate(0, 4px); transform: translate(0, 4px);
} }
100% { 100% {
transform: translate(0, -4px); transform: translate(0, -4px);
} }
@ -15346,16 +15396,20 @@ span.hexo-douban-pagenum {
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#about-page .author-tag-left, #about-page .author-tag-right {
#about-page .author-tag-left,
#about-page .author-tag-right {
display: none; display: none;
} }
} }
#about-page .author-tag-left .author-tag:first-child, #about-page .author-tag-left .author-tag:last-child { #about-page .author-tag-left .author-tag:first-child,
#about-page .author-tag-left .author-tag:last-child {
margin-right: -16px; margin-right: -16px;
} }
#about-page .author-tag-right .author-tag:first-child, #about-page .author-tag-right .author-tag:last-child { #about-page .author-tag-right .author-tag:first-child,
#about-page .author-tag-right .author-tag:last-child {
margin-left: -16px; margin-left: -16px;
} }
@ -16301,6 +16355,7 @@ span.hexo-douban-pagenum {
.author-content-item.single.reward .reward-list-all .reward-list-item { .author-content-item.single.reward .reward-list-all .reward-list-item {
width: calc((100% / 4) - 0.5rem); width: calc((100% / 4) - 0.5rem);
} }
.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar { .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
width: 32%; width: 32%;
} }
@ -16310,6 +16365,7 @@ span.hexo-douban-pagenum {
.author-content-item.single.reward .reward-list-all .reward-list-item { .author-content-item.single.reward .reward-list-all .reward-list-item {
width: calc((100% / 2) - 0.5rem); width: calc((100% / 2) - 0.5rem);
} }
.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar { .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
width: 20%; width: 20%;
} }
@ -16319,6 +16375,7 @@ span.hexo-douban-pagenum {
.author-content-item.single.reward .reward-list-all .reward-list-item { .author-content-item.single.reward .reward-list-all .reward-list-item {
width: 100%; width: 100%;
} }
.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar { .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
width: 9%; width: 9%;
} }
@ -16328,6 +16385,7 @@ span.hexo-douban-pagenum {
.author-content-item.single.reward .reward-list-all .reward-list-item { .author-content-item.single.reward .reward-list-all .reward-list-item {
width: 100%; width: 100%;
} }
.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar { .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
width: 20%; width: 20%;
} }
@ -16520,56 +16578,71 @@ span.hexo-douban-pagenum {
width: 0; width: 0;
background-size: 500px 62.5px; background-size: 500px 62.5px;
} }
16.6% {
} 16.6% {}
33.2% {
} 33.2% {}
49.8% {
} 49.8% {}
66.4% {
} 66.4% {}
83% { 83% {
width: 475px; width: 475px;
} }
83.1% { 83.1% {
width: 475px; width: 475px;
} }
83.2% { 83.2% {
width: 475px; width: 475px;
} }
83.3% { 83.3% {
width: 475px; width: 475px;
} }
83.4% { 83.4% {
width: 475px; width: 475px;
} }
83.5% { 83.5% {
width: 475px; width: 475px;
} }
83.6% { 83.6% {
width: 475px; width: 475px;
} }
83.7% { 83.7% {
width: 475px; width: 475px;
} }
83.8% { 83.8% {
width: 475px; width: 475px;
} }
83.9% { 83.9% {
width: 475px; width: 475px;
} }
84% { 84% {
width: 475px; width: 475px;
} }
85% { 85% {
width: 475px; width: 475px;
} }
86% { 86% {
width: 475px; width: 475px;
} }
87% { 87% {
width: 475px; width: 475px;
} }
100% { 100% {
width: 500px; width: 500px;
} }
@ -16646,7 +16719,8 @@ span.hexo-douban-pagenum {
transform: translateX(-50%) transform: translateX(-50%)
} }
.author-content-item.comic-content .author-content-item-tips, .author-content-item.comic-content .author-content-item-title { .author-content-item.comic-content .author-content-item-tips,
.author-content-item.comic-content .author-content-item-title {
z-index: 2; z-index: 2;
color: var(--heo-white); color: var(--heo-white);
pointer-events: none pointer-events: none
@ -17427,6 +17501,7 @@ span.hexo-douban-pagenum {
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
/* 隐藏弹窗 */ /* 隐藏弹窗 */
.needEndHide.hide { .needEndHide.hide {
bottom: -200px !important; bottom: -200px !important;
@ -17586,7 +17661,8 @@ img.rss-plan-icon {
color: var(--heo-fontcolor) color: var(--heo-fontcolor)
} }
.pagination .toPageGroup input:focus, .pagination .toPageGroup:hover input { .pagination .toPageGroup input:focus,
.pagination .toPageGroup:hover input {
border: var(--style-border-hover-always); border: var(--style-border-hover-always);
outline-style: none; outline-style: none;
width: 100px width: 100px
@ -17615,7 +17691,8 @@ a#toPageButton {
pointer-events: none pointer-events: none
} }
.toPageGroup:focus-within a#toPageButton, .toPageGroup:hover a#toPageButton { .toPageGroup:focus-within a#toPageButton,
.toPageGroup:hover a#toPageButton {
width: 30px; width: 30px;
height: 30px; height: 30px;
right: 4px; right: 4px;
@ -17770,7 +17847,10 @@ body.compensate-for-scrollbar {
box-sizing: border-box box-sizing: border-box
} }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { .fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0; bottom: 0;
left: 0; left: 0;
position: absolute; position: absolute;
@ -17796,7 +17876,10 @@ body.compensate-for-scrollbar {
transition-timing-function: cubic-bezier(.22, .61, .36, 1) transition-timing-function: cubic-bezier(.22, .61, .36, 1)
} }
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { .fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr; direction: ltr;
opacity: 0; opacity: 0;
position: absolute; position: absolute;
@ -17805,7 +17888,10 @@ body.compensate-for-scrollbar {
z-index: 99997 z-index: 99997
} }
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { .fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1; opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s, background-color .3s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s, background-color .3s ease 0s;
visibility: visible visibility: visible
@ -17873,7 +17959,10 @@ body.compensate-for-scrollbar {
width: 0 width: 0
} }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { .fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block display: block
} }
@ -17933,7 +18022,8 @@ body.compensate-for-scrollbar {
cursor: zoom-in cursor: zoom-in
} }
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { .fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: grab cursor: grab
} }
@ -17945,7 +18035,8 @@ body.compensate-for-scrollbar {
cursor: text cursor: text
} }
.fancybox-image, .fancybox-spaceball { .fancybox-image,
.fancybox-spaceball {
background: 0 0; background: 0 0;
border: 0; border: 0;
height: 100%; height: 100%;
@ -17967,7 +18058,10 @@ body.compensate-for-scrollbar {
z-index: 1 z-index: 1
} }
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { .fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%; height: 100%;
overflow: visible; overflow: visible;
padding: 0; padding: 0;
@ -17986,7 +18080,8 @@ body.compensate-for-scrollbar {
background: #fff background: #fff
} }
.fancybox-iframe, .fancybox-video { .fancybox-iframe,
.fancybox-video {
background: 0 0; background: 0 0;
border: 0; border: 0;
display: block; display: block;
@ -18038,7 +18133,9 @@ body.compensate-for-scrollbar {
transition: .3s transition: .3s
} }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { .fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc color: #ccc
} }
@ -18055,7 +18152,8 @@ body.compensate-for-scrollbar {
outline: 1px dotted outline: 1px dotted
} }
.fancybox-button[disabled], .fancybox-button[disabled]:hover { .fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888; color: #888;
cursor: default; cursor: default;
outline: 0 outline: 0
@ -18078,7 +18176,10 @@ body.compensate-for-scrollbar {
stroke-width: 0 stroke-width: 0
} }
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { .fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none display: none
} }
@ -18126,7 +18227,8 @@ body.compensate-for-scrollbar {
overflow: hidden overflow: hidden
} }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { .fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none display: none
} }
@ -18181,7 +18283,9 @@ body.compensate-for-scrollbar {
pointer-events: all pointer-events: all
} }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { .fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc; color: #ccc;
text-decoration: none text-decoration: none
} }
@ -18233,7 +18337,8 @@ body.compensate-for-scrollbar {
transform: translateZ(0) transform: translateZ(0)
} }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { .fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0; opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1) transition-timing-function: cubic-bezier(.19, 1, .22, 1)
} }
@ -18376,7 +18481,8 @@ body.compensate-for-scrollbar {
white-space: nowrap white-space: nowrap
} }
.fancybox-share__button:link, .fancybox-share__button:visited { .fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff color: #fff
} }
@ -18775,13 +18881,16 @@ body.compensate-for-scrollbar {
margin-top: 10px margin-top: 10px
} }
body[data-type=neodb] .sort-button-group button,body[data-type=neodb] .type-button-group button { body[data-type=neodb] .sort-button-group button,
body[data-type=neodb] .type-button-group button {
margin: 5px 10px; margin: 5px 10px;
border-radius: 5px border-radius: 5px
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
body[data-type=neodb] .sort-button-group button,body[data-type=neodb] .type-button-group button {
body[data-type=neodb] .sort-button-group button,
body[data-type=neodb] .type-button-group button {
font-size: 13px font-size: 13px
} }
} }
@ -18812,8 +18921,13 @@ body[data-type=neodb] .sort-button-group button,body[data-type=neodb] .type-butt
-ms-transition: .3s; -ms-transition: .3s;
transition: .3s transition: .3s
} }
.type-button.active { .type-button.active {
background-color: #2196f3; background-color: #2196f3;
color: #fff color: #fff
} }
.ad-img {
margin: 12px 0 0 0;
border-radius: 8px;
}

15
templates/modules/widgets/aside/adbox.html
View File

@ -1,12 +1,12 @@
<!-- 广告 --> <!-- 广告 -->
<div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='google'}"> <div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='google'}">
<div class="item-headline"><span>广告</span></div> <div class="item-headline"><span>广告</span></div>
<script async th:src="${'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + theme.config.sidebar.adbox.ad_google.ad_client}"
<script async
th:src="${'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + theme.config.sidebar.adbox.ad_google.ad_client}"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<!-- 广告2 --> <!-- 广告2 -->
<ins class="adsbygoogle" <ins class="adsbygoogle" style="display:block" th:data-ad-client="${theme.config.sidebar.adbox.ad_google.ad_client}"
style="display:block"
th:data-ad-client="${theme.config.sidebar.adbox.ad_google.ad_client}"
th:data-ad-slot="${theme.config.sidebar.adbox.ad_google.ad_slot}" th:data-ad-slot="${theme.config.sidebar.adbox.ad_google.ad_slot}"
th:data-ad-format="${theme.config.sidebar.adbox.ad_google.ad_format}" th:data-ad-format="${theme.config.sidebar.adbox.ad_google.ad_format}"
th:data-full-width-responsive="${theme.config.sidebar.adbox.ad_google.full_width_responsive}"></ins> th:data-full-width-responsive="${theme.config.sidebar.adbox.ad_google.full_width_responsive}"></ins>
@ -17,9 +17,8 @@
</div> </div>
<div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='customAd'}"> <div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='customAd'}">
<div class="item-headline"><span>广告</span></div> <div class="item-headline"><i class="haofont hao-icon-bullhorn"></i><span>广告</span></div>
<a th:href="${theme.config.sidebar.adbox.ad_custom.ad_redirect_url}" target="_blank"> <a th:href="${theme.config.sidebar.adbox.ad_custom.ad_redirect_url}" target="_blank" title="立即前往">
<img th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告"> <img class="ad-img" th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告">
</a> </a>
</div> </div>