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 14px !important;
     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-bottom: 16px !important;
     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: white !important;
     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-top: 24px !important;
     margin: 0;
    margin-bottom: 0 !important;
}
}
/* 卡片网格容器:双列、固定间距、自动等高对齐 */
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: white;
     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: 180px !important;
     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;
}