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。
/* ═══════════════════════════════════════════════════════════════
帝鹰维基 · 全站样式（高雅简约社群风 · 卡片模块化）
─────────────────────────────────────────────────────────────
★ 所有可改参数都集中在下面 :root { } 里，每行有中文注释。
★ 只改冒号后面的色值 / 数字，保存本页后浏览器 Ctrl+F5 强刷即生效。
★ 不需要碰任何服务器文件；本页就是修改入口。
═══════════════════════════════════════════════════════════════ */
:root {
/* ─────────── 一、背景与底色 ─────────── */
--dy-bg: #f4f2ec; /* 全站页面背景色（米白） */
--dy-content-bg: #ffffff; /* 内容区（正文纸面）底色 */
--dy-card-bg: #fffdf8; /* 词条卡片底色 */
--dy-card-bg-hover: #fdfbf2; /* 卡片鼠标悬停底色 */
--dy-top-bg: #2f362c; /* 主页顶部标题栏底色（灰绿） */
--dy-top-bg-2: #47503f; /* 顶部标题栏渐变第二色 */
--dy-top-ink: #e8dcb8; /* 顶部标题文字色（柔金） */
--dy-top-sub: #b9bfae; /* 顶部副标题文字色 */
--dy-lead-bg: #faf8f0; /* 首页简介按语底色 */
/* ─────────── 二、全局字体 ─────────── */
--dy-font: "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;
/* 全站字体（想换宋体改 "SimSun"） */
--dy-font-size: 15px; /* 全局正文字号（整体放大改 16px） */
--dy-ink: #2c2f28; /* 全局字体主颜色 */
--dy-ink-sub: #7d8174; /* 全局次要文字颜色（简介、说明） */
--dy-link: #6b7a4b; /* 全站链接颜色 */
--dy-link-hover: #46532c; /* 链接悬停颜色 */
/* ─────────── 三、卡片样式 ─────────── */
--dy-card-border: 1px solid #d9d3c2;
/* 卡片边框：粗细 线型 颜色
（改虚线框例：1px dashed #b5a880；
攻略红框例：2px solid #9a4a3f；不要边框改 0） */
--dy-card-border-hover: 1px solid #b3a678;
/* 卡片悬停时边框 */
--dy-card-radius: 12px; /* 卡片圆角（方正风改 4px，直角改 0px） */
--dy-card-shadow: 0 1px 4px rgba(60,58,45,.06);
/* 卡片静态阴影（不要阴影改 none） */
--dy-card-shadow-hover: 0 10px 20px rgba(60,58,45,.13);
/* 卡片悬停阴影 */
--dy-card-title: #33372d; /* 卡片标题文字色 */
--dy-card-tag-bg: #f0efe6; /* 卡片标签底色 */
--dy-card-tag-ink: #6b6f5c; /* 卡片标签文字色 */
--dy-card-avatar-ring: #d8cba0;/* 头像圆环边色 */
--dy-card-btn-bg: #e8dcb8; /* 卡片按钮底色 */
--dy-card-btn-ink: #4a4a35; /* 卡片按钮文字色 */
--dy-card-btn-hover: #b3a678; /* 卡片按钮悬停底色 */
/* ─────────── 四、边框线条与点缀 ─────────── */
--dy-line: #d9d3c2; /* 全站通用分隔线色 */
--dy-sec-mark: #a08d5a; /* 板块标题前小竖条颜色 */
--dy-top-border: #a08d5a; /* 顶部标题栏左侧装饰条颜色 */
/* ─────────── 五、布局尺寸 ─────────── */
--dy-sidebar-width: 12em; /* 侧边栏宽度（加宽改 14em / 16em） */
--dy-content-max: 1180px; /* 主内容区最大宽度（=主区占比） */
--dy-cards-min: 230px; /* 卡片最小宽度（越小一行越多张） */
--dy-gap: 16px; /* 卡片横向间距 */
--dy-section-gap: 30px; /* 板块之间间距 */
/* ─────────── 六、侧边栏顶部图标位 ★换图标只改这一行★ ───────────
把 url(...) 里的地址换成你的图片链接即可（jpg/png/svg 都行），
可以是本维基文件地址，例如：
url('http://85.155.184.82:9000/images/logo.jpg')
也可以是任何外链图片 URL。图标不想要了改 none。 */
--dy-side-icon: url('http://85.155.184.82:9000/images/logo.jpg');
--dy-side-icon-height: 96px; /* 侧边栏顶部图标高度 */
}
/* ═══ 1. 全站基调 ═══ */
body {
background: var(--dy-bg);
color: var(--dy-ink);
font-family: var(--dy-font);
font-size: var(--dy-font-size);
}
.mw-body-content { font-size: var(--dy-font-size); }
a { color: var(--dy-link); }
a:hover { color: var(--dy-link-hover); }
a.new { color: #a35a4a; }
.mw-body h1.firstHeading {
border-bottom: 1px solid var(--dy-line);
letter-spacing: 2px;
font-weight: 700;
}
h2, h3, h4 { letter-spacing: 1px; }
/* ═══ 2. 侧边导航栏 ═══
内容在 wiki 页面 MediaWiki:Sidebar 里编辑；
宽度 / 底色 / 图标在 :root 变量区改。 */
#mw-panel {
width: var(--dy-sidebar-width);
background: var(--dy-content-bg);
border-right: 1px solid var(--dy-line);
}
/* ★ 侧边栏顶部图标位（图片地址在 :root 的 --dy-side-icon 换） */
#mw-panel::before {
content: '';
display: block;
height: var(--dy-side-icon-height);
margin: 10px 8px 2px;
background: var(--dy-side-icon) center / contain no-repeat;
pointer-events: none;
}
#mw-panel .portal { margin: 0 0 4px; }
#mw-panel h3 {
color: #7a7f6c !important;
border-bottom: 1px solid var(--dy-line);
letter-spacing: 2px;
font-size: 12.5px !important;
}
#mw-panel ul li a { color: var(--dy-link) !important; font-size: 13px; }
#mw-panel ul li a:hover { color: var(--dy-link-hover) !important; text-decoration: none; }
/* 主内容区占比 */
#content, .mw-body { max-width: var(--dy-content-max); }
/* ═══ 3. 主页顶部站点标题栏 ═══
文字在 Main_Page 里编辑；配色在 :root 变量区改。 */
.dy-top {
background: linear-gradient(135deg, #262b21 0%, var(--dy-top-bg) 55%, var(--dy-top-bg-2) 100%);
border-left: 5px solid var(--dy-top-border);
border-radius: 12px;
padding: 28px 30px 22px;
margin-bottom: 14px;
}
.dy-top-title {
font-size: 36px;
font-weight: 800;
letter-spacing: 10px;
color: var(--dy-top-ink);
line-height: 1.2;
}
.dy-top-sub {
margin-top: 6px;
font-size: 13px;
letter-spacing: 3px;
color: var(--dy-top-sub);
}
/* 首页简介按语（文字在 Main_Page 的 dy-lead 块里改） */
.dy-lead {
background: var(--dy-lead-bg);
border-left: 4px solid var(--dy-sec-mark);
border-radius: 8px;
padding: 12px 18px;
margin-bottom: var(--dy-section-gap);
font-size: 13.5px;
color: var(--dy-ink-sub);
line-height: 1.9;
}
/* ═══ 4. 板块标题（成员介绍 / 社群典章 / 点滴纪事…） ═══ */
.dy-section { margin-bottom: var(--dy-section-gap); }
.dy-sec-h {
display: flex;
align-items: center;
gap: 10px;
font-size: 19px;
font-weight: 700;
color: var(--dy-card-title);
letter-spacing: 3px;
margin: 0 0 14px;
border-bottom: 1px solid var(--dy-line);
padding-bottom: 9px;
}
.dy-sec-h-mark {
display: inline-block;
width: 5px;
height: 20px;
background: var(--dy-sec-mark);
border-radius: 2px;
}
/* ═══ 5. 卡片网格（由 Template:人物卡 / Main_Page 输出） ═══ */
.dy-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--dy-cards-min), 1fr));
gap: var(--dy-gap);
}
/* ── 单张卡片 ── */
.dy-card {
background: var(--dy-card-bg);
border: var(--dy-card-border);
border-radius: var(--dy-card-radius);
box-shadow: var(--dy-card-shadow);
padding: 18px 14px 15px;
text-align: center;
transition: all .18s ease;
display: flex;
flex-direction: column;
align-items: center;
}
.dy-card:hover {
background: var(--dy-card-bg-hover);
border: var(--dy-card-border-hover);
box-shadow: var(--dy-card-shadow-hover);
transform: translateY(-3px);
}
/* 头像（圆形金环；想方头像删 border-radius:50% 那行） */
.dy-card-media img { border-radius: 50%; border: 3px solid var(--dy-card-avatar-ring); }
/* 无头像时的大字占位圆 */
.dy-card-initial {
width: 96px;
height: 96px;
border-radius: 50%;
background: linear-gradient(150deg, #3a4231, #262b21);
color: var(--dy-top-ink);
border: 3px solid var(--dy-card-avatar-ring);
font-size: 40px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
}
/* 纯文字卡片图标（◈ ▤ 等，字符在 Main_Page 里改） */
.dy-card-icon { font-size: 26px; color: var(--dy-sec-mark); line-height: 1; margin: 14px 0 6px; }
/* 卡片标题 */
.dy-card-title { font-size: 16.5px; font-weight: 700; color: var(--dy-card-title); margin-top: 10px; letter-spacing: 1px; }
.dy-card-title a { color: var(--dy-card-title) !important; }
/* 卡片标签 */
.dy-card-tag {
display: inline-block;
margin-top: 5px;
font-size: 11.5px;
letter-spacing: 1px;
color: var(--dy-card-tag-ink);
background: var(--dy-card-tag-bg);
border: 1px solid var(--dy-line);
border-radius: 999px;
padding: 1px 12px;
}
/* 卡片简介 */
.dy-card-desc { flex: 1; font-size: 12.5px; color: var(--dy-ink-sub); margin: 8px 2px 12px; line-height: 1.7; }
/* 卡片按钮 */
.dy-card-go a {
display: inline-block;
font-size: 12.5px;
font-weight: 600;
color: var(--dy-card-btn-ink) !important;
background: var(--dy-card-btn-bg);
border: 1px solid var(--dy-card-avatar-ring);
border-radius: 999px;
padding: 3px 16px;
}
.dy-card-go a:hover { background: var(--dy-card-btn-hover); color: #fff !important; text-decoration: none; }
/* 预留空卡位（虚线边框弱化显示，填写参数后自动变正常卡片） */
.dy-card-empty { border-style: dashed; opacity: .85; }
/* ═══ 6. 手机端 ═══ */
@media (max-width: 720px) {
.dy-top-title { font-size: 26px; letter-spacing: 5px; }
.dy-cards { grid-template-columns: repeat(2, 1fr); }
.dy-card { padding: 12px 10px; }
}
@media (max-width: 480px) {
.dy-cards { grid-template-columns: 1fr; }
}