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。
/* =====================================================================
帝鹰维基 · 全站样式 v5（仿史料档案站版式 · 帝鹰深绿×金）
所有可改参数集中在 :root，改冒号后的数值/色值即可，保存后 Ctrl+F5
===================================================================== */
:root{
/* ---- ① 全局 ---- */
--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; /* 侧边栏宽度（改数字即缩放） */
--dy-side-bg:#f7f5ec; /* 侧边栏背景色 */
--dy-side-border:1px solid #e2ddcd; /* 侧边栏边框 */
--dy-side-shadow:2px 0 8px rgba(38,43,33,.05); /* 侧边栏阴影 */
--dy-side-ink:#4a4f42; /* 侧边栏文字色 */
--dy-side-head:#8a8468; /* 侧边栏分组标题色 */
/* ---- ⑤ 侧边栏顶部图标位（★换旗帜只改 url 里的图片地址） ---- */
--dy-side-icon:url('/images/logo.jpg');
--dy-side-icon-height:64px; /* 图标高度 */
}
/* =====================================================================
1. 全局布局
===================================================================== */
body{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);}
/* =====================================================================
2. 侧边栏（Vector 皮肤）
===================================================================== */
#mw-panel{width:var(--dy-sidebar-width);background:var(--dy-side-bg);
border-right:var(--dy-side-border);box-shadow:var(--dy-side-shadow);
padding-bottom:18px;min-height:100vh;}
#mw-panel .vector-menu-portal{margin:0;padding:10px 12px;}
#mw-panel h3{color:var(--dy-side-head);font-size:12.5px;letter-spacing:2px;
border-bottom:1px solid #e6e1d0;padding-bottom:4px;}
#mw-panel a{color:var(--dy-side-ink);}
#mw-panel a:hover{color:var(--dy-green-2);}
/* 侧边栏顶部图标位：全站唯一旗帜图标，换图改 :root 里 --dy-side-icon */
#mw-panel::before{content:'';display:block;margin:12px auto 6px;
width:calc(var(--dy-sidebar-width) - 28px);height:var(--dy-side-icon-height);
background:var(--dy-side-icon) center/contain no-repeat;
border-radius:8px;}
/* 隐藏皮肤自带 logo（防止与图标位重复渲染） */
#p-logo{display:none !important;}
/* =====================================================================
3. 顶部横幅（仿史料站大 Banner · 帝鹰配色）
===================================================================== */
.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;}
.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;}
/* =====================================================================
4. 公告栏（上方留白可写公告文字）
===================================================================== */
.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;}
/* =====================================================================
5. 大板块（标题栏居中 + 内容区，仿「万恶之源」版式）
===================================================================== */
.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-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;}
/* =====================================================================
6. 人物档案横卡（头像左 + 文字右）
===================================================================== */
.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;}
/* =====================================================================
7. 双栏卡（成员名录 / 典章纪事）
===================================================================== */
.dy-duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--dy-gap);margin-bottom:var(--dy-gap);}
.dy-duo-col{background:var(--dy-card-bg);border:var(--dy-card-border);
border-radius:var(--dy-card-radius);overflow:hidden;box-shadow:var(--dy-card-shadow);}
.dy-duo-h{background:var(--dy-green);color:var(--dy-gold);text-align:center;
font-weight:700;letter-spacing:4px;padding:7px 0;font-size:14px;}
.dy-duo-b{padding:14px 18px;}
/* 成员迷你行 */
.dy-mini{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14.5px;}
.dy-mini a{color:var(--dy-green-2);font-weight:600;}
.dy-mini em{color:var(--dy-sub);font-style:normal;font-size:12px;}
.dy-mini-ava{flex:0 0 44px;width:44px;height:44px;}
.dy-mini-ava img{width:44px;height:44px;object-fit:cover;border-radius:50%;
border:2px solid var(--dy-gold-d);}
.dy-mini-ph{display:flex;width:44px;height:44px;border-radius:50%;align-items:center;
justify-content:center;background:var(--dy-green);color:var(--dy-gold);
font-size:19px;font-weight:700;border:2px solid var(--dy-gold-d);}
.dy-mini-link{text-align:right;padding-top:8px;font-size:13px;}
/* 典章链接行 */
.dy-line{padding:6px 2px;border-bottom:1px dashed #e8e3d2;font-size:14.5px;}
.dy-line:last-child{border-bottom:0;}
.dy-line a{color:var(--dy-green-2);}
/* =====================================================================
8. 管理入口（主页底部）
===================================================================== */
.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;}
/* =====================================================================
9. 手机端适配
===================================================================== */
@media(max-width:760px){
.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-duo{grid-template-columns:1fr;}
.dy-grid2{grid-template-columns:1fr;}
.dy-lines2{grid-template-columns:1fr;}
.dy-pcard{flex-direction:row;}
#mw-panel{width:auto;}
}