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行:
/* 这里放置的CSS将应用于MinervaNeue皮肤 */
/* 全局移动端基础样式(保留之前美化) */
/* ========== 全局移动端基础优化(所有页面生效) ========== */
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;
}
#mw-content-text > div:first-of-type:has(.blue-banner) p {
    font-size: 15px;
    opacity: 0.95;
}
}


/* ========== 公告区块【保留原样、不做修改】 ========== */
/* 公告区域:完全保留原生样式,不修改 */
/* 不写任何公告样式,原生保留 */


/* ========== 下方所有人物卡片板块(万恶之源/奇异搞笑等全部卡片) ========== */
/* 人物卡片板块统一双列布局 */
/* 统一所有蓝色板块标题栏 */
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;
}
/* 完整文章链接美化 */
.card-item a:has-text("完整文章") {
    display: inline-block;
    margin-top: 6px;
    color: #1677ff !important;
    font-weight: 500;
}
}


/* ========== 底部黑底大字横幅 ========== */
/* ========== 单独修复底部悼念黑横幅(核心新增代码) ========== */
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;
     box-shadow: 0 3px 14px rgba(0,0,0,0.15);
     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;
}