MediaWiki:Common.css:修订间差异
外观
无编辑摘要 |
无编辑摘要 标签:已被回退 |
||
第19行: | 第19行: | ||
/* 赛季首页专用样式 v2.0 (2025-04-13) */ | /* 赛季首页专用样式 v2.0 (2025-04-13) */ | ||
/* == 基础样式模块 == */ | /* == 基础样式模块 == */ | ||
/* 锚点位置修正(网页1) */ | |||
html { | |||
scroll-padding-top: 100px; | |||
} | } | ||
/* 页面内容边距优化 */ | |||
.client-js #mw-content-text { | |||
margin-top: 0 !important; | |||
} | |||
/* 章节编辑按钮悬停效果(网页1) */ | |||
h2 .mw-editsection, | |||
h3 .mw-editsection, | |||
h4 .mw-editsection, | |||
h5 .mw-editsection { | |||
opacity: 0; | |||
transition: opacity 0.5s; | |||
} | |||
h2:hover .mw-editsection, | |||
h3:hover .mw-editsection, | |||
h4:hover .mw-editsection, | |||
h5:hover .mw-editsection { | |||
opacity: 1; | |||
} | |||
/* == 界面元素控制模块 == */ | |||
/* 隐藏非必要元素(网页2/3) */ | |||
#ca-talk, | |||
#ca-viewsource, | |||
#ca-history, | |||
#p-tb, | |||
#footer-info-lastmod { | |||
display: none !important; | |||
} | |||
/* 侧边栏定位优化 */ | |||
.bui-sns-info { | |||
right: 5px !important; | |||
top: max(50px, calc((100vh - 380px) / 2)) !important; | |||
} | |||
/* == 动态效果模块 == */ | |||
/* 装饰线动画(结合网页5响应式方案) */ | |||
.decorative-line { | .decorative-line { | ||
transition: height 0.4s ease-out, opacity 0.2s linear !important; | |||
background: linear-gradient(180deg, | |||
transparent 0%, | |||
currentColor 30%, | |||
currentColor 70%, | |||
transparent 100% | |||
); | |||
} | |||
/* 悬浮光影效果(GPU加速优化) */ | |||
.season-block::after { | |||
transform: translate(var(--mouse-x), var(--mouse-y)) translateZ(0); | |||
} | } | ||
/* == 响应式适配模块(网页5/6) == */ | |||
@media (max-width: 768px) { | |||
. | .season-block { | ||
. | padding: 12px 15px; | ||
margin-bottom: 20px; | |||
} | |||
.season-block h3 { | |||
font-size: 1.2em; | |||
} | |||
/* 移动端隐藏侧边栏 */ | |||
.bui-sns-info { | |||
display: none !important; | |||
} | |||
} | |||
/* == 浏览器兼容处理 == */ | |||
@media (prefers-reduced-motion: reduce) { | |||
* { | |||
transition: none !important; | |||
animation: none !important; | |||
} | |||
} | } | ||
/* == 全局变量定义 == */ | |||
:root { | |||
--primary-color: #2c3e50; | |||
--secondary-color: #3498db; | |||
--hover-translate: 5px; | |||
} | } |
2025年4月13日 (日) 08:59的版本
/* 全站CSS,对所有用户加载。*/
/* 参考bwiki
/* 调整鼠标样式 */
html, body{
cursor: url("https://patchwiki.biligame.com/images/wukong/b/bb/sb51zsgl3cjtl7eapbp6f8q651rtyn0.png"),auto;
}
/* ==[[模板:黑幕]]== */
.heimu,.heimu a:link,.heimu a:visited,.heimu a.external:visited,.heimu rt{background-color:#000;color:#000}
.heimu:hover,.heimu:hover rt{-webkit-animation:heimugc 0.5s forwards;animation:heimugc 0.5s forwards;}
.heimu:hover a:link,.heimu:hover a:visited{-webkit-animation:heimulinkgc 0.5s forwards;animation:heimulinkgc 0.5s forwards;}
@-webkit-keyframes heimugc{to{color:#FFF}}
@keyframes heimugc{to{color:#FFF}}
@-webkit-keyframes heimulinkgc{to{color:#3B8BFF}}
@keyframes heimulinkgc{to{color:#3B8BFF}}
/* --[[模板:黑幕]]-- */
/* 赛季首页专用样式 v2.0 (2025-04-13) */
/* == 基础样式模块 == */
/* 锚点位置修正(网页1) */
html {
scroll-padding-top: 100px;
}
/* 页面内容边距优化 */
.client-js #mw-content-text {
margin-top: 0 !important;
}
/* 章节编辑按钮悬停效果(网页1) */
h2 .mw-editsection,
h3 .mw-editsection,
h4 .mw-editsection,
h5 .mw-editsection {
opacity: 0;
transition: opacity 0.5s;
}
h2:hover .mw-editsection,
h3:hover .mw-editsection,
h4:hover .mw-editsection,
h5:hover .mw-editsection {
opacity: 1;
}
/* == 界面元素控制模块 == */
/* 隐藏非必要元素(网页2/3) */
#ca-talk,
#ca-viewsource,
#ca-history,
#p-tb,
#footer-info-lastmod {
display: none !important;
}
/* 侧边栏定位优化 */
.bui-sns-info {
right: 5px !important;
top: max(50px, calc((100vh - 380px) / 2)) !important;
}
/* == 动态效果模块 == */
/* 装饰线动画(结合网页5响应式方案) */
.decorative-line {
transition: height 0.4s ease-out, opacity 0.2s linear !important;
background: linear-gradient(180deg,
transparent 0%,
currentColor 30%,
currentColor 70%,
transparent 100%
);
}
/* 悬浮光影效果(GPU加速优化) */
.season-block::after {
transform: translate(var(--mouse-x), var(--mouse-y)) translateZ(0);
}
/* == 响应式适配模块(网页5/6) == */
@media (max-width: 768px) {
.season-block {
padding: 12px 15px;
margin-bottom: 20px;
}
.season-block h3 {
font-size: 1.2em;
}
/* 移动端隐藏侧边栏 */
.bui-sns-info {
display: none !important;
}
}
/* == 浏览器兼容处理 == */
@media (prefers-reduced-motion: reduce) {
* {
transition: none !important;
animation: none !important;
}
}
/* == 全局变量定义 == */
:root {
--primary-color: #2c3e50;
--secondary-color: #3498db;
--hover-translate: 5px;
}