MediaWiki:Minerva.css:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* | /* ========== 全局移动端基础规范 ========== */ | ||
body.minerva { | body.minerva { | ||
background: #f8fbff !important; | background: #f8fbff !important; | ||
font-family: "Microsoft Yahei",sans-serif; | font-family: "Microsoft Yahei", sans-serif; | ||
margin: 0; | |||
} | } | ||
.mw-content-ltr { | .mw-content-ltr { | ||
padding: 0 | padding: 0 12px !important; | ||
box-sizing: border-box; | |||
} | } | ||
.mw-page-container { | .mw-page-container { | ||
| 第12行: | 第14行: | ||
} | } | ||
/* | /* ========== 顶部蓝色横幅(抖管维基封面) ========== */ | ||
#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; | ||
overflow: hidden; | overflow: hidden; | ||
box-shadow: 0 2px 12px rgba(22,119,255,0.18) !important; | box-shadow: 0 2px 12px rgba(22,119,255,0.18) !important; | ||
margin | margin: 10px 0 16px !important; | ||
border: none !important; | border: none !important; | ||
} | } | ||
| 第23行: | 第25行: | ||
font-size: 28px !important; | font-size: 28px !important; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | |||
} | } | ||
/* | /* ========== 公告区块【完全保留原生,不修改】 ========== */ | ||
/* | /* ========== 人物板块统一容器:双列网格,强制整齐等高 ========== */ | ||
div:has(>h2.blue-title) h2 { | div:has(> h2.blue-title) { | ||
margin-top: 24px; | |||
} | |||
/* 蓝色板块标题栏统一样式 */ | |||
div:has(> h2.blue-title) h2 { | |||
background: #1677ff !important; | background: #1677ff !important; | ||
color: | color: #fff !important; | ||
text-align: center; | text-align: center; | ||
padding: 8px 0 !important; | padding: 8px 0 !important; | ||
border-radius: 12px 12px 0 0 !important; | border-radius: 12px 12px 0 0 !important; | ||
font-size: 18px !important; | font-size: 18px !important; | ||
margin | margin: 0; | ||
} | } | ||
/* 卡片网格容器:双列、固定间距、自动等高对齐 */ | |||
div.card-group { | div.card-group { | ||
display: grid !important; | display: grid !important; | ||
| 第46行: | 第53行: | ||
border-radius: 0 0 12px 12px !important; | border-radius: 0 0 12px 12px !important; | ||
box-shadow: 0 1px 8px rgba(0,0,0,0.07); | box-shadow: 0 1px 8px rgba(0,0,0,0.07); | ||
align-items: stretch !important; /* 卡片强制等高,消除参差不齐 */ | |||
} | } | ||
/* 单个人物卡片统一尺寸、内边距 */ | |||
.card-item { | .card-item { | ||
background: | background: #fff; | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 10px; | padding: 10px; | ||
border: 1px solid #e8f3ff; | border: 1px solid #e8f3ff; | ||
display: flex; | |||
flex-direction: column; | |||
height: 100%; /* 填满网格高度,全部卡片一样高 */ | |||
box-sizing: border-box; | |||
} | } | ||
/* 卡片头像统一尺寸、比例、圆角,不会大小不一 */ | |||
.card-item img { | .card-item img { | ||
width: 100% !important; | width: 100% !important; | ||
height: | height: 160px !important; | ||
object-fit: cover; | object-fit: cover; | ||
border-radius: 8px; | border-radius: 8px; | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
display: block; | |||
} | } | ||
/* 卡片文字统一字号、行高,截断溢出避免撑高卡片 */ | |||
.card-item p { | .card-item p { | ||
font-size: 13px !important; | font-size: 13px !important; | ||
| 第65行: | 第81行: | ||
color: #222; | color: #222; | ||
margin: 4px 0; | margin: 4px 0; | ||
flex-grow: 1; | |||
overflow: hidden; | |||
} | |||
/* 完整文章链接固定底部,统一位置 */ | |||
.card-item a:has-text("完整文章") { | |||
display: inline-block; | |||
margin-top: 6px; | |||
color: #1677ff !important; | |||
font-weight: 500; | |||
text-align: center; | |||
} | } | ||
/* ========== | /* ========== 底部悼念黑横幅(居中、文字不拆分、自适应) ========== */ | ||
div.bottom-banner { | div.bottom-banner { | ||
width: 100% !important; | width: 100% !important; | ||
| 第78行: | 第104行: | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
div.bottom-banner img { | div.bottom-banner img { | ||
max-width: 100% !important; | max-width: 100% !important; | ||
| 第86行: | 第111行: | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
div.bottom-banner h1, div.bottom-banner h2 { | div.bottom-banner h1, div.bottom-banner h2 { | ||
color: #ff2222 !important; | color: #ff2222 !important; | ||
text-shadow: 0 0 6px #ff0000 !important; | text-shadow: 0 0 6px #ff0000 !important; | ||
text-align: center !important; | text-align: center !important; | ||
word-break: keep-all !important; | word-break: keep-all !important; | ||
} | } | ||
div.bottom-banner p { | div.bottom-banner p { | ||
color: #ff4444 !important; | color: #ff4444 !important; | ||
| 第102行: | 第125行: | ||
} | } | ||
/* | /* ========== 页脚导航统一居中规整 ========== */ | ||
.mw-footer-info { | .mw-footer-info { | ||
margin-top: 20px; | margin-top: 20px; | ||
2026年6月13日 (六) 18:59的版本
/* ========== 全局移动端基础规范 ========== */
body.minerva {
background: #f8fbff !important;
font-family: "Microsoft Yahei", sans-serif;
margin: 0;
}
.mw-content-ltr {
padding: 0 12px !important;
box-sizing: border-box;
}
.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: 10px 0 16px !important;
border: none !important;
}
#mw-content-text > div:first-of-type:has(.blue-banner) h1 {
font-size: 28px !important;
font-weight: bold;
text-align: center;
}
/* ========== 公告区块【完全保留原生,不修改】 ========== */
/* ========== 人物板块统一容器:双列网格,强制整齐等高 ========== */
div:has(> h2.blue-title) {
margin-top: 24px;
}
/* 蓝色板块标题栏统一样式 */
div:has(> h2.blue-title) h2 {
background: #1677ff !important;
color: #fff !important;
text-align: center;
padding: 8px 0 !important;
border-radius: 12px 12px 0 0 !important;
font-size: 18px !important;
margin: 0;
}
/* 卡片网格容器:双列、固定间距、自动等高对齐 */
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);
align-items: stretch !important; /* 卡片强制等高,消除参差不齐 */
}
/* 单个人物卡片统一尺寸、内边距 */
.card-item {
background: #fff;
border-radius: 10px;
padding: 10px;
border: 1px solid #e8f3ff;
display: flex;
flex-direction: column;
height: 100%; /* 填满网格高度,全部卡片一样高 */
box-sizing: border-box;
}
/* 卡片头像统一尺寸、比例、圆角,不会大小不一 */
.card-item img {
width: 100% !important;
height: 160px !important;
object-fit: cover;
border-radius: 8px;
margin-bottom: 8px;
display: block;
}
/* 卡片文字统一字号、行高,截断溢出避免撑高卡片 */
.card-item p {
font-size: 13px !important;
line-height: 1.6;
color: #222;
margin: 4px 0;
flex-grow: 1;
overflow: hidden;
}
/* 完整文章链接固定底部,统一位置 */
.card-item a:has-text("完整文章") {
display: inline-block;
margin-top: 6px;
color: #1677ff !important;
font-weight: 500;
text-align: center;
}
/* ========== 底部悼念黑横幅(居中、文字不拆分、自适应) ========== */
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;
}