MediaWiki:Minerva.css:修订间差异
跳转到导航
跳转到搜索
创建页面,内容为“→这里放置的CSS将应用于MinervaNeue皮肤: →========== 全局移动端基础优化(所有页面生效) ==========: body.minerva { background: #f8fbff !important; font-family: "Microsoft Yahei",sans-serif; } .mw-content-ltr { padding: 0 14px !important; } →隐藏多余侧边空白、压缩冗余间距: .mw-page-container { max-width: 720px !important; margin: 0 auto; } /* ========== 顶部横幅卡片(抖管维基蓝…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* | /* 全局移动端基础样式(保留之前美化) */ | ||
body.minerva { | body.minerva { | ||
background: #f8fbff !important; | background: #f8fbff !important; | ||
| 第8行: | 第7行: | ||
padding: 0 14px !important; | padding: 0 14px !important; | ||
} | } | ||
.mw-page-container { | .mw-page-container { | ||
max-width: 720px !important; | max-width: 720px !important; | ||
| 第14行: | 第12行: | ||
} | } | ||
/* | /* 顶部蓝色横幅卡片美化 */ | ||
#mw-content-text > div:first-of-type:has(.blue-banner) { | #mw-content-text > div:first-of-type:has(.blue-banner) { | ||
border-radius: 16px !important; | border-radius: 16px !important; | ||
| 第26行: | 第23行: | ||
font-size: 28px !important; | font-size: 28px !important; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* | /* 公告区域:完全保留原生样式,不修改 */ | ||
/* | /* 人物卡片板块统一双列布局 */ | ||
div:has(>h2.blue-title) h2 { | div:has(>h2.blue-title) h2 { | ||
background: #1677ff !important; | background: #1677ff !important; | ||
| 第47行: | 第38行: | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
} | } | ||
div.card-group { | div.card-group { | ||
display: grid !important; | display: grid !important; | ||
| 第57行: | 第47行: | ||
box-shadow: 0 1px 8px rgba(0,0,0,0.07); | box-shadow: 0 1px 8px rgba(0,0,0,0.07); | ||
} | } | ||
.card-item { | .card-item { | ||
background: white; | background: white; | ||
| 第64行: | 第53行: | ||
border: 1px solid #e8f3ff; | border: 1px solid #e8f3ff; | ||
} | } | ||
.card-item img { | .card-item img { | ||
width: 100% !important; | width: 100% !important; | ||
| 第72行: | 第60行: | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
} | } | ||
.card-item p { | .card-item p { | ||
font-size: 13px !important; | font-size: 13px !important; | ||
| 第78行: | 第65行: | ||
color: #222; | color: #222; | ||
margin: 4px 0; | margin: 4px 0; | ||
} | } | ||
/* ========== | /* ========== 单独修复底部悼念黑横幅(核心新增代码) ========== */ | ||
div.bottom-banner { | div.bottom-banner { | ||
width: 100% !important; | |||
padding: 12px !important; | |||
box-sizing: border-box !important; | |||
margin-top: 30px; | margin-top: 30px; | ||
border-radius: 14px; | border-radius: 14px; | ||
overflow: hidden; | overflow: hidden; | ||
background: #000 !important; | |||
text-align: center !important; | |||
} | } | ||
/* 横幅内图片自适应居中 */ | |||
div.bottom-banner img { | div.bottom-banner img { | ||
width: 100%; | max-width: 100% !important; | ||
height: auto !important; | |||
display: block; | display: block; | ||
margin: 0 auto; | |||
border-radius: 8px; | |||
} | |||
/* 横幅标题文字统一居中、不拆分溢出 */ | |||
div.bottom-banner h1, div.bottom-banner h2 { | |||
color: #ff2222 !important; | |||
text-shadow: 0 0 6px #ff0000 !important; | |||
text-align: center !important; | |||
word-break: keep-all !important; /* 禁止文字中途拆分换行 */ | |||
} | |||
/* 底部小字说明自适应 */ | |||
div.bottom-banner p { | |||
color: #ff4444 !important; | |||
font-size: 14px !important; | |||
line-height: 1.7; | |||
text-align: center !important; | |||
padding: 0 8px; | |||
} | } | ||
/* | /* 页脚导航美化 */ | ||
.mw-footer-info { | .mw-footer-info { | ||
margin-top: 20px; | margin-top: 20px; | ||
2026年6月13日 (六) 18:56的版本
/* 全局移动端基础样式(保留之前美化) */
body.minerva {
background: #f8fbff !important;
font-family: "Microsoft Yahei",sans-serif;
}
.mw-content-ltr {
padding: 0 14px !important;
}
.mw-page-container {
max-width: 720px !important;
margin: 0 auto;
}
/* 顶部蓝色横幅卡片美化 */
#mw-content-text > div:first-of-type:has(.blue-banner) {
border-radius: 16px !important;
overflow: hidden;
box-shadow: 0 2px 12px rgba(22,119,255,0.18) !important;
margin-bottom: 16px !important;
border: none !important;
}
#mw-content-text > div:first-of-type:has(.blue-banner) h1 {
font-size: 28px !important;
font-weight: bold;
}
/* 公告区域:完全保留原生样式,不修改 */
/* 人物卡片板块统一双列布局 */
div:has(>h2.blue-title) h2 {
background: #1677ff !important;
color: white !important;
text-align: center;
padding: 8px 0 !important;
border-radius: 12px 12px 0 0 !important;
font-size: 18px !important;
margin-top: 24px !important;
margin-bottom: 0 !important;
}
div.card-group {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
padding: 10px !important;
background: #fff !important;
border-radius: 0 0 12px 12px !important;
box-shadow: 0 1px 8px rgba(0,0,0,0.07);
}
.card-item {
background: white;
border-radius: 10px;
padding: 10px;
border: 1px solid #e8f3ff;
}
.card-item img {
width: 100% !important;
height: 180px !important;
object-fit: cover;
border-radius: 8px;
margin-bottom: 8px;
}
.card-item p {
font-size: 13px !important;
line-height: 1.6;
color: #222;
margin: 4px 0;
}
/* ========== 单独修复底部悼念黑横幅(核心新增代码) ========== */
div.bottom-banner {
width: 100% !important;
padding: 12px !important;
box-sizing: border-box !important;
margin-top: 30px;
border-radius: 14px;
overflow: hidden;
background: #000 !important;
text-align: center !important;
}
/* 横幅内图片自适应居中 */
div.bottom-banner img {
max-width: 100% !important;
height: auto !important;
display: block;
margin: 0 auto;
border-radius: 8px;
}
/* 横幅标题文字统一居中、不拆分溢出 */
div.bottom-banner h1, div.bottom-banner h2 {
color: #ff2222 !important;
text-shadow: 0 0 6px #ff0000 !important;
text-align: center !important;
word-break: keep-all !important; /* 禁止文字中途拆分换行 */
}
/* 底部小字说明自适应 */
div.bottom-banner p {
color: #ff4444 !important;
font-size: 14px !important;
line-height: 1.7;
text-align: center !important;
padding: 0 8px;
}
/* 页脚导航美化 */
.mw-footer-info {
margin-top: 20px;
text-align: center;
font-size: 14px;
}
.mw-footer-info a {
margin: 0 6px;
color: #1677ff;
}