|
|
| 第1行： |
第1行： |
|
| |
|
| /* ==========================================
| |
| Kuranoka · 世界の彼方
| |
| Blockland Wiki · Modern Aero UI OS26.2
| |
|
| |
| 保留全站 Citizen 的玻璃设计
| |
| 只定制背景、正文、标题文字
| |
| ========================================== */
| |
|
| |
|
| |
| /* ==========================================
| |
| 1. 页面背景
| |
| ========================================== */
| |
|
| |
| body.skin-citizen.page-Kuranoka {
| |
| background-color: #d4daff !important;
| |
|
| |
| background-image:
| |
| url("https://alpenverein.wien/oeav/avAssets/img/_lv-wien/verhalten/gewitter/Alarmzeichen%20Gewitterwolken_43.jpg") !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.5),
| |
| rgba(38, 39, 42, 0.5)
| |
| );
| |
|
| |
| /* 模糊程度 */
| |
| --kk-body-blur: 6px;
| |
|
| |
| /* 边框 */
| |
| --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;
| |
| }
| |
|
| |
| }
| |
