MediaWiki:Common.css
跳转到导航
跳转到搜索
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* =====================================================================
帝鹰维基 · 全站样式 v11（暗绿顶导航 + 旗帜区严格对齐版）
皮肤：不更换，直接在原版 Vector 皮肤上叠加本样式
=====================================================================
★ 所有可改参数都集中在下面 :root 里，只改冒号后的数值/色值即可，
改完保存 + Ctrl+F5 强刷生效（若没变，让管理员把服务器缓存刷新）。
===================================================================== */
:root{
/* ---- ① 顶部导航区（本次核心，色值单独标注） ---- */
--dy-nav-bg:#262b21; /* ★★ 导航区基准色：顶部导航栏 + 侧边栏旗帜区块共用底色，
与主页「帝鹰维基」介绍横幅同款暗绿，改这一个色值即全局换色 ★★ */
--dy-nav-height:52px; /* 顶部主导航栏高度（改数字即调高矮） */
--dy-nav-ink:#ffffff; /* 导航栏文字颜色（白） */
--dy-nav-hover:#e6d290; /* 鼠标悬浮高亮文字色 */
--dy-nav-hover-bg:rgba(255,255,255,.14); /* 悬浮高亮底色（透明白罩） */
/* ---- ② 全局 ---- */
--dy-bg:#efeee7; /* 全站页面背景色 */
--dy-ink:#23281f; /* 全局正文字体颜色 */
--dy-sub:#6a6f62; /* 次要文字颜色 */
--dy-font-size:15px; /* 全局字号 */
--dy-content-max:980px; /* 主内容区最大宽度 */
/* ---- ③ 主题色（主页横幅/板块标题栏，沿用帝鹰绿金） ---- */
--dy-green:#262b21; /* 主深绿（横幅、板块标题栏底色） */
--dy-green-2:#3d4835; /* 渐变辅助绿 */
--dy-gold:#e6d290; /* 金色（横幅文字、点缀） */
--dy-gold-d:#b8995a; /* 深金（边框、头像环） */
/* ---- ④ 卡片 ---- */
--dy-card-bg:#ffffff; /* 卡片底色 */
--dy-card-border:1px solid #ddd8c8; /* 卡片边框（可改 2px dashed #8a2b20 印章风） */
--dy-card-radius:10px; /* 卡片圆角（改 0px = 方正硬朗） */
--dy-card-shadow:0 1px 5px rgba(38,43,33,.07); /* 卡片阴影 */
--dy-gap:14px; /* 卡片/板块间距 */
/* ---- ⑤ 侧边栏 ---- */
--dy-sidebar-width:10.5em; /* 侧边栏整体宽度（改数字即缩放，9em 更窄） */
/* ---- ⑥ 侧边栏旗帜区块（与顶栏同色同高，严格对齐） ---- */
--dy-logo-size:64px; /* 旗帜 logo 显示尺寸（正方形边长，改数字即缩放） */
}
/* =====================================================================
0. 顶部主导航栏（暗绿横条，由 MediaWiki:Common.js 注入 #dy-topnav）
===================================================================== */
#dy-topnav{position:fixed;top:0;left:0;right:0;z-index:200;
height:var(--dy-nav-height);background:var(--dy-nav-bg);
display:flex;align-items:center;justify-content:center;
gap:38px;box-shadow:0 2px 8px rgba(20,25,15,.35);}
#dy-topnav a{color:var(--dy-nav-ink);font-size:14.5px;font-weight:600;
letter-spacing:2px;padding:5px 16px;border-radius:6px;
transition:background .15s,color .15s;}
#dy-topnav a:hover{color:var(--dy-nav-hover);background:var(--dy-nav-hover-bg);}
/* =====================================================================
1. 原皮肤顶栏区域压成暗绿（标签页 + 搜索框那一条，与导航条同色）
★ 原生按钮（页面/讨论/阅读/编辑/编辑源代码/查看历史/星标）完整保留，
仅改文字颜色适配深底，不隐藏、不遮挡、不覆盖功能。
===================================================================== */
#mw-page-base{background:var(--dy-nav-bg) !important;}
#mw-head{top:var(--dy-nav-height) !important;} /* 顶栏内容整体下移，给导航条让位 */
/* 标签（阅读/编辑/历史等）改白字，去掉绿色渐变 */
.vectorTabs{background-image:none !important;}
.vectorTabs li{background-image:none !important;background-color:transparent !important;}
.vectorTabs li a{color:#f2f1e8 !important;}
.vectorTabs li.selected a,.vectorTabs li.selected a:visited{color:var(--dy-nav-hover) !important;}
.vectorTabs li.new a,.vectorTabs li.new a:visited{color:#f0c9c0 !important;}
/* 右侧用户链接（用户名/讨论/参数设置…）改白字 */
#p-personal li a{color:#f2f1e8;}
#p-personal li a:hover{color:var(--dy-nav-hover);}
/* 变体/查看历史下拉文字 */
#p-variants .vector-menu-content li a,#p-cactions .vector-menu-content li a{color:#f2f1e8;}
/* =====================================================================
2. 侧边栏：顶部旗帜区块与顶栏严格同色同高对齐 + 菜单保持原样
★ 对齐原理：#mw-page-base 占位高度 = 5em（原皮肤顶栏标准高度），
#p-logo 也固定 5em 高并内部居中，二者顶部都从导航条底沿开始，
→ 底边完全处于同一水平基线，无高低错开；菜单列表紧随其下。
===================================================================== */
#mw-panel{top:var(--dy-nav-height) !important; /* 侧栏与导航条底沿对齐 */
width:var(--dy-sidebar-width); /* 宽度用变量，改 :root 数字即缩放 */
background:transparent;border:0;box-shadow:none;} /* 菜单区域恢复原版素底 */
/* 侧边栏最顶部旗帜区块：暗绿底、固定 5em 高（与顶栏等高、严格对齐） */
#p-logo{background:var(--dy-nav-bg);
height:5em;box-sizing:border-box; /* ★ 与 #mw-page-base 同高=严格对齐的关键 */
display:flex;align-items:center;justify-content:center;
padding:0;margin:0;
border-bottom:1px solid rgba(255,255,255,.12);}
#p-logo .mw-wiki-logo{margin:0;
width:var(--dy-logo-size);height:var(--dy-logo-size);
background-size:contain !important;background-position:center !important;}
/* ★ 修复 logo 重复 bug：之前 CSS 自画的图标位(#mw-panel::before)已删除，
全站现在只保留皮肤自带 #p-logo 这一个 logo。 */
/* =====================================================================
3. 全局布局
===================================================================== */
body{padding-top:var(--dy-nav-height); /* 给固定导航条腾出位置 */
background:var(--dy-bg);color:var(--dy-ink);font-size:var(--dy-font-size);}
#content{background:transparent;border:0;box-shadow:none;}
.mw-body-content{max-width:var(--dy-content-max);}
/* =====================================================================
4. 侧边栏菜单（logo 下方列表，保持原版样式，仅宽度随 --dy-sidebar-width）
===================================================================== */
#mw-panel .vector-menu-portal{margin:0;padding:10px 12px;}
#mw-panel h3{font-size:12.5px;letter-spacing:2px;}
/* =====================================================================
5. 主页顶部横幅（帝鹰绿金，沿用）
===================================================================== */
.dy-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;
background:linear-gradient(135deg,var(--dy-green) 0%,var(--dy-green-2) 78%,#57634b 100%);
border-radius:var(--dy-card-radius);padding:26px 30px;
box-shadow:0 3px 14px rgba(38,43,33,.22);margin-bottom:var(--dy-gap);}
.dy-hero-title{font-size:30px;font-weight:800;letter-spacing:6px;color:var(--dy-gold);
font-family:"STZhongsong","SimSun",serif;margin-bottom:8px;}
/* 「帝鹰维基」旁的英文缩写：字号与中文标题完全一致（继承 30px），仅用细体区分 */
.dy-hero-en{font-family:Arial,"Segoe UI",sans-serif;font-weight:400;
letter-spacing:3px;margin-left:10px;opacity:.92;}
.dy-hero-desc{color:#d9dcc8;font-size:13.5px;line-height:1.9;max-width:640px;}
.dy-hero-desc b{color:var(--dy-gold);font-size:16px;}
.dy-hero-logo img{border-radius:12px;border:2px solid rgba(230,210,144,.55);
box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;}
/* =====================================================================
6. 公告栏（文字由「帝鹰维基:公告」页面控制，后台可改）
===================================================================== */
.dy-announce{background:var(--dy-card-bg);border:var(--dy-card-border);
border-radius:var(--dy-card-radius);overflow:hidden;
box-shadow:var(--dy-card-shadow);margin-bottom:var(--dy-gap);}
.dy-announce-h{background:var(--dy-green);color:var(--dy-gold);text-align:center;
font-weight:700;letter-spacing:8px;padding:8px 0;font-size:15px;}
.dy-announce-b{padding:18px 22px 24px;line-height:2.0;color:var(--dy-ink);
min-height:120px; /* 公告留白高度，改数字可加高 */}
.dy-announce-b p{margin:0 0 10px;}
/* =====================================================================
7. 大板块容器（标题栏居中 + 内容区）
===================================================================== */
.dy-section{background:var(--dy-card-bg);border:var(--dy-card-border);
border-radius:var(--dy-card-radius);overflow:hidden;
box-shadow:var(--dy-card-shadow);margin-bottom:var(--dy-gap);}
.dy-sec-bar{background:var(--dy-green);color:var(--dy-gold);text-align:center;
font-weight:700;letter-spacing:6px;padding:8px 0;font-size:15px;}
/* 板块标题下方的小字说明（如「今日揭露档案」的声明文字） */
.dy-sec-note{font-size:12px;color:#8a8578;text-align:center;
line-height:1.9;padding:10px 18px 0;margin:0;}
.dy-sec-more{text-align:center;color:var(--dy-sub);font-size:12.5px;padding:10px 0 14px;}
/* 双列卡片网格（帝鹰著名总策划师板块）：需压过 .dy-expose 的纵排 flex */
.dy-expose.dy-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--dy-gap);}
/* 双列链接列表（典章纪事通栏用） */
.dy-lines2{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;}
/* =====================================================================
8. 人物档案横卡（Template:档案卡 输出；头像左 + 文字右，ParserFunctions 自适应）
★ 自适应规则：卡片不设固定高度，内容增多时自动向下撑开；
同一板块内卡片宽度由网格统一分配，比例一致、整齐对齐。
===================================================================== */
.dy-expose{padding:16px 18px 6px;display:flex;flex-direction:column;gap:var(--dy-gap);}
.dy-pcard{display:flex;gap:16px;align-items:center;padding:12px 14px;
border:var(--dy-card-border);border-radius:8px;background:#fcfbf6;}
.dy-pcard-ava{flex:0 0 76px;width:76px;height:76px;}
.dy-pcard-ava img{width:76px;height:76px;object-fit:cover;border-radius:50%;
border:2px solid var(--dy-gold-d);box-shadow:0 2px 6px rgba(38,43,33,.18);}
.dy-pcard-ph{display:flex;width:76px;height:76px;border-radius:50%;
align-items:center;justify-content:center;background:var(--dy-green);
color:var(--dy-gold);font-size:30px;font-weight:700;border:2px solid var(--dy-gold-d);}
.dy-pcard-main{flex:1;min-width:0;}
.dy-pcard-name{font-size:17px;font-weight:700;margin-bottom:4px;}
.dy-pcard-name a{color:var(--dy-green-2);}
.dy-pcard-tag{display:inline-block;background:#f1edda;color:#8a7434;
border:1px solid #e0d6ac;border-radius:999px;padding:1px 12px;
font-size:12px;margin-bottom:6px;}
.dy-pcard-desc{color:var(--dy-sub);font-size:13.5px;line-height:1.8;}
/* =====================================================================
9. 管理入口（主页底部）+ 管理员专用浮动上传按钮
===================================================================== */
.dy-admin-entry{margin-top:26px;padding:10px 16px;border:1px dashed #c9c4b4;
border-radius:8px;font-size:12.5px;color:#8a8578;text-align:center;}
.dy-admin-entry a{color:#8a8578;}
/* ★ 管理员登录后右下角出现「上传图片」浮动按钮（由 Common.js 注入，
访客/普通账号看不到），点击进入上传页，传完把文件名填进卡片模板即可换头像 */
#dy-upbtn{position:fixed;right:18px;bottom:18px;z-index:210;
background:var(--dy-green);color:var(--dy-gold);font-size:13.5px;font-weight:600;
padding:9px 18px;border-radius:999px;border:1px solid var(--dy-gold-d);
box-shadow:0 3px 10px rgba(38,43,33,.35);}
#dy-upbtn:hover{background:var(--dy-green-2);}
/* =====================================================================
10. 手机端适配
===================================================================== */
@media(max-width:760px){
#dy-topnav{gap:14px;overflow-x:auto;justify-content:flex-start;padding:0 10px;}
#dy-topnav a{padding:4px 10px;font-size:13px;white-space:nowrap;}
.dy-hero{flex-direction:column;align-items:flex-start;padding:20px;}
.dy-hero-logo{display:none;}
.dy-hero-title{font-size:24px;letter-spacing:4px;}
.dy-grid2{grid-template-columns:1fr;}
.dy-lines2{grid-template-columns:1fr;}
.dy-pcard{flex-direction:row;}
#mw-panel{width:auto;}
}