|
|
| 第1行: |
第1行: |
| /* ===== 尘月维基 · 黑顶栏 / 白侧栏 / 白底 / 紫横幅 + 紫标题条(全部直角) ===== */ | | /* 尘月维基:窄屏整页等比缩放,保证手机与电脑看到完全相同的布局 */ |
| :root {
| | ( function () { |
| --wiki-purple: #6b3fa0; | | var BASE = 1120; |
| --wiki-purple-deep: #5a2f8f;
| |
| --wiki-border: #e0d5f0;
| |
| }
| |
|
| |
|
| /* 全站白底 */
| | function fit() { |
| body,
| | var root = document.documentElement; |
| #mw-wrapper,
| | var w = root.clientWidth; |
| #mw-content-container,
| | if ( w > 0 && w < BASE ) { |
| #mw-content-block,
| | root.style.zoom = ( w / ( BASE + 64 ) ).toFixed(4); |
| #mw-content-wrapper,
| | } else { |
| #content,
| | root.style.zoom = ''; |
| .mw-body, | | } |
| #mw-data-after-content {
| | } |
| background: #ffffff !important; | |
| } | |
|
| |
|
| /* 固定设计宽度 1120:电脑居中显示;手机由 viewport 固定宽度整页等比缩放,两端布局完全一致 */
| | if ( document.readyState === 'loading' ) { |
| #mw-wrapper {
| | document.addEventListener( 'DOMContentLoaded', fit ); |
| width: 1120px !important; | | } else { |
| min-width: 1120px !important;
| | fit(); |
| max-width: 1120px !important;
| | } |
| margin: 0 auto !important;
| | window.addEventListener( 'resize', fit ); |
| padding: 0 18px !important;
| | window.addEventListener( 'orientationchange', fit ); |
| box-sizing: border-box !important;
| | }() ); |
| }
| |
| | |
| /* 顶栏黑色 */
| |
| #mw-header-container,
| |
| #mw-header,
| |
| #mw-header-hack {
| |
| background: #141414 !important;
| |
| border-color: #141414 !important;
| |
| }
| |
| #mw-header a,
| |
| #mw-header-container a,
| |
| #mw-header-hack a,
| |
| #user-tools a,
| |
| #p-personal li a,
| |
| #mw-header .mw-logo-wordmark { color: #ffffff !important; }
| |
| #mw-header .mw-logo-tagline { color: #c9b8e6 !important; }
| |
| #searchInput { color: #fff !important; }
| |
| | |
| /* 左侧栏白色 */
| |
| #mw-site-navigation,
| |
| #mw-related-navigation {
| |
| background: #ffffff !important;
| |
| border: none !important;
| |
| }
| |
| | |
| /* 侧栏顶部 logo 隐去(顶栏已显示站点名,与参考图一致) */
| |
| #p-logo { display: none !important; }
| |
| | |
| /* 隐藏分类行,保持页面干净 */
| |
| #mw-normal-catlinks { display: none !important; }
| |
| | |
| /* 空工具箱块隐藏(p-tb 为空时留下的小空壳) */
| |
| #p-tb,
| |
| #site-tools { display: none !important; }
| |
| | |
| /* 页脚链接加深,避免淡到看不清 */
| |
| #mw-footer a,
| |
| .mw-footer a { color: #6b3fa0 !important; }
| |
| #mw-footer,
| |
| .mw-footer { color: #777777 !important; }
| |
| #mw-site-navigation a,
| |
| #mw-related-navigation a { color: var(--wiki-purple) !important; }
| |
| #mw-site-navigation h3,
| |
| #mw-related-navigation h3 {
| |
| color: var(--wiki-purple-deep) !important;
| |
| border-bottom: 1px solid var(--wiki-border) !important; | |
| } | |
| | |
| /* 顶部欢迎横幅:紫色实色、圆角、柔和投影 */
| |
| .site-banner {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| gap: 16px;
| |
| background: var(--wiki-purple) !important;
| |
| color: #fff; | |
| border-radius: 10px !important; | |
| padding: 16px 22px;
| |
| margin-bottom: 16px;
| |
| box-shadow: 0 3px 12px rgba(90, 47, 143, 0.20);
| |
| }
| |
| .banner-text { flex: 1 1 auto; }
| |
| .banner-title { font-size: 24px; font-weight: 700; letter-spacing: 0; line-height: 1.3; }
| |
| .banner-sub { font-size: 13px; opacity: .95; margin-top: 6px; line-height: 1.6; }
| |
| .banner-logo {
| |
| flex: 0 0 auto; | |
| width: 78px; height: 78px;
| |
| background-image: url(/logo.jpg);
| |
| background-size: contain;
| |
| background-repeat: no-repeat;
| |
| background-position: center;
| |
| border-radius: 0 !important;
| |
| }
| |
| | |
| /* 板块:白底 + 细边框 + 圆角 + 柔和阴影 */
| |
| .block {
| |
| background: #ffffff !important;
| |
| border: 1px solid var(--wiki-border) !important;
| |
| border-radius: 8px !important;
| |
| overflow: hidden;
| |
| margin-bottom: 16px;
| |
| box-shadow: 0 3px 10px rgba(80, 45, 135, 0.14);
| |
| color: #222222;
| |
| } | |
| | |
| /* 板块标题条:紫色、白字、居中、顶部圆角(页面上唯一带色的区块之一) */
| |
| .block-title {
| |
| background: var(--wiki-purple) !important;
| |
| color: #ffffff;
| |
| text-align: center;
| |
| font-size: 16px;
| |
| font-weight: 700;
| |
| letter-spacing: 1px;
| |
| padding: 10px 0;
| |
| border-bottom: none;
| |
| border-radius: 7px 7px 0 0;
| |
| }
| |
| | |
| .block-body {
| |
| padding: 16px 18px;
| |
| line-height: 1.8;
| |
| color: #333333;
| |
| background: #ffffff;
| |
| }
| |
| | |
| /* 两列并排:不做断点重排,手机端靠整页缩放保持同一布局 */
| |
| .card-row {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| gap: 16px;
| |
| margin-bottom: 16px;
| |
| }
| |
| .card-row .block { margin-bottom: 0; }
| |
| | |
| /* 隐藏「外观/参数设置」等默认菜单,无入口按钮 */
| |
| #pt-preferences,
| |
| #pt-watchlist,
| |
| #pt-mycontris,
| |
| #vector-appearance-pinned-container,
| |
| #vector-appearance-unpinned-container { display: none !important; }
| |
| | |
| /* 固定三栏布局:无视皮肤自身断点(851/1100/1340),手机缩放后与电脑完全一致 */
| |
| #mw-content-block {
| |
| display: flex !important;
| |
| align-items: flex-start !important;
| |
| clear: both !important;
| |
| max-width: none !important;
| |
| }
| |
| #mw-site-navigation {
| |
| order: 1;
| |
| flex: 0 0 186px !important;
| |
| width: 186px !important;
| |
| position: static !important;
| |
| display: block !important;
| |
| margin: 0 !important;
| |
| padding: 14px 10px 14px 0 !important;
| |
| border-right: 1px solid var(--wiki-border);
| |
| }
| |
| #mw-content-wrapper {
| |
| order: 2;
| |
| flex: 1 1 auto !important;
| |
| min-width: 0 !important;
| |
| }
| |
| /* 右侧栏(页面工具/更多)隐藏,与参考图一致:只有左栏 + 内容 */
| |
| #mw-related-navigation { display: none !important; }
| |
| #mw-content { margin-top: 0 !important; }
| |
| | |
| /* 侧栏内容常显,不被折叠成下拉 */
| |
| #mw-site-navigation .sidebar-inner,
| |
| #mw-related-navigation .sidebar-inner,
| |
| #mw-site-navigation .dropdown,
| |
| #mw-related-navigation .dropdown {
| |
| display: block !important;
| |
| position: static !important;
| |
| box-shadow: none !important;
| |
| background: #ffffff !important;
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| max-width: none !important;
| |
| min-width: 0 !important;
| |
| overflow: visible !important;
| |
| }
| |
| | |
| /* 隐藏折叠按钮、装饰彩条、页脚 MediaWiki 图标 */
| |
| #mw-header-hack,
| |
| #mw-header-nav-hack,
| |
| .color-bar,
| |
| .color-middle-container,
| |
| .color-left,
| |
| .color-middle,
| |
| .color-right,
| |
| #site-navigation h2,
| |
| #site-tools h2,
| |
| #user-tools h2,
| |
| #footer-icons { display: none !important; }
| |
| | |
| /* 页脚:仅一条浅灰分隔线,无彩色条 */
| |
| #mw-content-container { border-bottom: 0 !important; background: #ffffff !important; }
| |
| #mw-footer,
| |
| .mw-footer,
| |
| .mw-footer-container {
| |
| background: #ffffff !important;
| |
| border-top: 1px solid #eeeeee !important;
| |
| box-shadow: none !important;
| |
| }
| |
| #footer-poweredbyico { display: none !important; }
| |
| | |
| /* 页面大标题下划线改浅灰 */
| |
| #firstHeading,
| |
| h1.firstHeading {
| |
| border-bottom: 1px solid #e6e6e6 !important;
| |
| color: #222222 !important;
| |
| font-weight: 500 !important;
| |
| margin-bottom: 6px !important;
| |
| }
| |
| | |
| /* 左侧栏文字尺寸 */
| |
| #mw-site-navigation ul {
| |
| margin: 0 0 12px 0 !important;
| |
| padding-left: 0 !important;
| |
| list-style: none;
| |
| }
| |
| #mw-site-navigation li { font-size: 13px; line-height: 1.9; white-space: nowrap; }
| |
| #mw-site-navigation h3 { font-size: 13px; letter-spacing: 0; margin: 0 0 6px; padding-bottom: 4px; }
| |
| | |
| /* 隐藏页脚 MediaWiki 品牌 */
| |
| #footer-poweredby,
| |
| #f-poweredbyimg { display: none !important; }
| |
/* 尘月维基:窄屏整页等比缩放,保证手机与电脑看到完全相同的布局 */
( function () {
var BASE = 1120;
function fit() {
var root = document.documentElement;
var w = root.clientWidth;
if ( w > 0 && w < BASE ) {
root.style.zoom = ( w / ( BASE + 64 ) ).toFixed(4);
} else {
root.style.zoom = ;
}
}
if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', fit );
} else {
fit();
}
window.addEventListener( 'resize', fit );
window.addEventListener( 'orientationchange', fit );
}() );