fix: 移除向后兼容代码并修复黑幕样式
- 移除 showLoadingOverlay 和 hideLoadingOverlay 向后兼容函数 - 直接使用 PageLoader.show() 和 PageLoader.hide() - 重构黑幕样式,添加文章内容选择器支持 - 优化夜间模式黑幕颜色(#1a1a1a) - 添加 article .entry-content 和 .article-content 选择器 - 确保黑幕在所有文章容器中正常显示 - 改进代码结构和注释
This commit is contained in:
@@ -3452,17 +3452,6 @@ const PageLoader = (function() {
|
|||||||
destroy: destroy
|
destroy: destroy
|
||||||
};
|
};
|
||||||
})();
|
})();
|
||||||
|
|
||||||
/**
|
|
||||||
* 向后兼容的函数
|
|
||||||
*/
|
|
||||||
function showLoadingOverlay() {
|
|
||||||
PageLoader.show();
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideLoadingOverlay() {
|
|
||||||
PageLoader.hide();
|
|
||||||
}
|
|
||||||
function startPageTransition() {
|
function startPageTransition() {
|
||||||
document.documentElement.classList.add('page-transition-enter');
|
document.documentElement.classList.add('page-transition-enter');
|
||||||
pjaxContainers.forEach(function(selector) {
|
pjaxContainers.forEach(function(selector) {
|
||||||
@@ -3510,7 +3499,7 @@ $(document).pjax(
|
|||||||
NProgress.remove();
|
NProgress.remove();
|
||||||
NProgress.start();
|
NProgress.start();
|
||||||
pjaxLoading = true;
|
pjaxLoading = true;
|
||||||
showLoadingOverlay();
|
PageLoader.show();
|
||||||
}).on('pjax:afterGetContainers', function(e, f, g) {
|
}).on('pjax:afterGetContainers', function(e, f, g) {
|
||||||
pjaxScrollTop = 0;
|
pjaxScrollTop = 0;
|
||||||
if ($("html").hasClass("banner-as-cover")){
|
if ($("html").hasClass("banner-as-cover")){
|
||||||
@@ -3547,7 +3536,7 @@ $(document).pjax(
|
|||||||
startPageTransition();
|
startPageTransition();
|
||||||
activatePageTransition();
|
activatePageTransition();
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
hideLoadingOverlay();
|
PageLoader.hide();
|
||||||
endPageTransition();
|
endPageTransition();
|
||||||
}, 320);
|
}, 320);
|
||||||
|
|
||||||
@@ -3621,7 +3610,7 @@ $(document).pjax(
|
|||||||
|
|
||||||
NProgress.done();
|
NProgress.done();
|
||||||
}).on('pjax:error', function() {
|
}).on('pjax:error', function() {
|
||||||
hideLoadingOverlay();
|
PageLoader.hide();
|
||||||
endPageTransition();
|
endPageTransition();
|
||||||
pjaxLoading = false;
|
pjaxLoading = false;
|
||||||
}).on('pjax:end', function() {
|
}).on('pjax:end', function() {
|
||||||
|
|||||||
123
style.css
123
style.css
@@ -12802,67 +12802,118 @@ html.using-safari .friend-link-description:after {
|
|||||||
* 放置于这里的CSS将应用于所有皮<E69C89>?
|
* 放置于这里的CSS将应用于所有皮<E69C89>?
|
||||||
* 萌娘百科仅开放Vector皮肤
|
* 萌娘百科仅开放Vector皮肤
|
||||||
* 请尊重萌娘百科版权,以下代码除非注明均是管理员手敲出来的!!!复制需要注明源自萌娘百科,并且附上URL地址 `http://zh.moegirl.org/MediaWiki:Common.css`
|
* 请尊重萌娘百科版权,以下代码除非注明均是管理员手敲出来的!!!复制需要注明源自萌娘百科,并且附上URL地址 `http://zh.moegirl.org/MediaWiki:Common.css`
|
||||||
* 版权协定:知识共<E8AF86>?署名-非商业性使<E680A7>?相同方式共享 3.0
|
/* ==========================================================================
|
||||||
* 复制之后请把图片换成自己网站上URL地址<E59CB0>?
|
黑幕效果(Spoiler/Heimu)
|
||||||
*/
|
========================================================================== */
|
||||||
|
|
||||||
.heimu, .heimu a, a .heimu, .heimu a.new {
|
/* 基础黑幕样式 */
|
||||||
background-color: #252525 !important;
|
.heimu,
|
||||||
color: #252525 !important;
|
.heimu a,
|
||||||
text-shadow: none !important;
|
a .heimu,
|
||||||
transition: color var(--heimu-transition-time, .2s) ease, background-color var(--heimu-transition-time, .2s) ease;
|
.heimu a.new {
|
||||||
|
background-color: #252525 !important;
|
||||||
|
color: #252525 !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
transition: color 0.2s ease, background-color 0.2s ease;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.heimu a { color: inherit !important; transition: inherit; }
|
.heimu a {
|
||||||
.heimu:hover, .heimu:active,
|
color: inherit !important;
|
||||||
.heimu:hover .heimu, .heimu:active .heimu {
|
transition: inherit;
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
.heimu:hover a, a:hover .heimu,
|
|
||||||
.heimu:active a, a:active .heimu {
|
|
||||||
color: inherit !important;
|
|
||||||
}
|
|
||||||
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
|
|
||||||
.heimu:active .new, .heimu .new:active, .new:active .heimu {
|
|
||||||
color: #BA0000 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fix macro styles in dark mode */
|
/* 悬停和激活状态 */
|
||||||
|
.heimu:hover,
|
||||||
|
.heimu:active,
|
||||||
|
.heimu:hover .heimu,
|
||||||
|
.heimu:active .heimu {
|
||||||
|
color: white !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
.heimu:hover a,
|
||||||
|
a:hover .heimu,
|
||||||
|
.heimu:active a,
|
||||||
|
a:active .heimu {
|
||||||
|
color: inherit !important;
|
||||||
|
}
|
||||||
|
.heimu:hover .new,
|
||||||
|
.heimu .new:hover,
|
||||||
|
.new:hover .heimu,
|
||||||
|
.heimu:active .new,
|
||||||
|
.heimu .new:active,
|
||||||
|
.new:active .heimu {
|
||||||
|
color: #BA0000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 文章内容中的黑幕 */
|
||||||
|
article .post-content .heimu,
|
||||||
|
article .entry-content .heimu,
|
||||||
|
.article-content .heimu {
|
||||||
|
background-color: #252525 !important;
|
||||||
|
color: #252525 !important;
|
||||||
|
}
|
||||||
|
article .post-content .heimu:hover,
|
||||||
|
article .entry-content .heimu:hover,
|
||||||
|
.article-content .heimu:hover,
|
||||||
|
article .post-content .heimu:active,
|
||||||
|
article .entry-content .heimu:active,
|
||||||
|
.article-content .heimu:active {
|
||||||
|
color: white !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 夜间模式 */
|
||||||
|
html.darkmode .heimu,
|
||||||
html.darkmode .heimu a,
|
html.darkmode .heimu a,
|
||||||
html.darkmode .color-curtain a {
|
html.darkmode a .heimu,
|
||||||
color: inherit !important;
|
html.darkmode .heimu a.new {
|
||||||
|
background-color: #1a1a1a !important;
|
||||||
|
color: #1a1a1a !important;
|
||||||
|
}
|
||||||
|
html.darkmode .heimu:hover,
|
||||||
|
html.darkmode .heimu:active {
|
||||||
|
color: #e0e0e0 !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
html.darkmode .heimu a {
|
||||||
|
color: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
html.darkmode .heimu:hover a,
|
html.darkmode .heimu:hover a,
|
||||||
html.darkmode .color-curtain:hover a {
|
html.darkmode .color-curtain:hover a {
|
||||||
color: inherit !important;
|
color: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure heimu/color-curtain visibility in dark mode comment sections */
|
/* 评论区黑幕 */
|
||||||
html.darkmode .comment-content .heimu,
|
html.darkmode .comment-content .heimu,
|
||||||
html.darkmode .comment-content .color-curtain {
|
html.darkmode .comment-content .color-curtain {
|
||||||
background-color: #252525 !important;
|
background-color: #1a1a1a !important;
|
||||||
color: #252525 !important;
|
color: #1a1a1a !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
html.darkmode .comment-content .heimu:hover,
|
html.darkmode .comment-content .heimu:hover,
|
||||||
html.darkmode .comment-content .heimu:active,
|
html.darkmode .comment-content .heimu:active,
|
||||||
html.darkmode .comment-content .color-curtain:hover,
|
html.darkmode .comment-content .color-curtain:hover,
|
||||||
html.darkmode .comment-content .color-curtain:active {
|
html.darkmode .comment-content .color-curtain:active {
|
||||||
color: #fff !important;
|
color: #e0e0e0 !important;
|
||||||
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Disable global underline effect for links in macros to prevent animation conflicts */
|
/* 禁用链接下划线动画(防止冲突) */
|
||||||
article .post-content .heimu a:before,
|
article .post-content .heimu a:before,
|
||||||
|
article .entry-content .heimu a:before,
|
||||||
|
.article-content .heimu a:before,
|
||||||
article .post-content .color-curtain a:before,
|
article .post-content .color-curtain a:before,
|
||||||
article .post-content .text-blur a:before,
|
article .post-content .text-blur a:before,
|
||||||
article .post-content .huhua a:before {
|
article .post-content .huhua a:before {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
content: none !important;
|
content: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure links in macros inherit transition properties */
|
/* 确保宏内链接继承过渡属性 */
|
||||||
.heimu a, .color-curtain a, .text-blur a, .huhua a {
|
.heimu a,
|
||||||
transition: inherit !important;
|
.color-curtain a,
|
||||||
|
.text-blur a,
|
||||||
|
.huhua a {
|
||||||
|
transition: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user