MediaWiki:Citizen.css
MediaWiki界面页面
更多操作
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* ==========================================
Kuranoka · 世界の彼方
Blockland Wiki · Modern Aero UI OS26.2
保留全站 Citizen 的玻璃设计
只定制背景、正文、标题文字
========================================== */
/* ==========================================
1. 页面背景
========================================== */
body.skin-citizen.page-Kuranoka {
background-color: #313b76 !important;
background-image:
url("https://i.postimg.cc/VL43HCvj/72af46ed-af75-4059-b45d-1123d712f39b.png") !important;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
/* 仅使页面基础表面透明 */
--color-surface-0: transparent;
}
/* ==========================================
2. 页面外层透明
不修改 Citizen 的布局尺寸
========================================== */
body.page-Kuranoka .citizen-page-container,
body.page-Kuranoka .citizen-body-container {
background-color: transparent !important;
}
/* ==========================================
3. 正文玻璃参数
========================================== */
body.page-Kuranoka {
/* 白天：白色玻璃
夜晚：深灰玻璃
自动匹配网站的主题 */
--kk-body-glass: light-dark(
rgba(255, 255, 255, 0.42),
rgba(38, 39, 42, 0.52)
);
/* 模糊程度 */
--kk-body-blur: 4px;
/* 边框 */
--kk-body-border: var(--bl-border);
}
/* ==========================================
4. 正文毛玻璃
只作用于 #bodyContent
========================================== */
body.page-Kuranoka #bodyContent.citizen-body {
box-sizing: border-box;
min-width: 0;
background: var(--kk-body-glass) !important;
backdrop-filter:
blur(var(--kk-body-blur)) !important;
-webkit-backdrop-filter:
blur(var(--kk-body-blur)) !important;
border:
1px solid var(--kk-body-border) !important;
border-radius: 12px;
box-shadow:
0 6px 24px
var(--bl-shadow-color-sm);
padding: 20px;
}
/* ==========================================
5. 正文内部保持透明
========================================== */
body.page-Kuranoka #mw-content-text,
body.page-Kuranoka .mw-parser-output {
background-color: transparent !important;
}
/* ==========================================
6. 页面标题：白色文字
不修改标题栏背景
========================================== */
body.page-Kuranoka #firstHeading,
body.page-Kuranoka #firstHeading span {
color: #ffffff !important;
}
/* 标题下方的小字 */
body.page-Kuranoka #siteSub {
color: rgba(255, 255, 255, 0.85) !important;
}
/* ==========================================
7. 目录：不修改外观
仅隐藏内部滚动条
========================================== */
/* Firefox */
body.page-Kuranoka #citizen-toc {
scrollbar-width: none !important;
}
/* Chrome、Edge、Safari */
body.page-Kuranoka
#citizen-toc::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
/* ==========================================
8. 移动端
========================================== */
@media screen and (max-width: 768px) {
body.page-Kuranoka {
background-attachment: scroll !important;
background-position: center top !important;
}
body.page-Kuranoka
#bodyContent.citizen-body {
padding: 12px;
border-radius: 8px;
}
}
/* ==========================================
9. 系统减少动态效果
========================================== */
@media (prefers-reduced-motion: reduce) {
body.page-Kuranoka {
background-attachment: scroll !important;
}
}