MediaWiki:Common.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 1. 全局背景与字体基准 */
body {
background-color: #f4f6f8; /* 浅灰背景,衬托白色卡片 */
color: #181e28; /* 深灰近黑的正文颜色 */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* 2. 主内容区卡片化改造 */
.mw-body {
background-color: #ffffff;
border: none;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
padding: 30px;
margin-top: 20px;
}
/* 3. 标题与章节分割线 (青蓝系主题色融合) */
.mw-body h1.firstHeading {
font-weight: 700;
color: #1a237e; /* 极深的主题蓝 */
border-bottom: none;
margin-bottom: 20px;
}
.mw-parser-output h2 {
font-size: 1.5em;
font-weight: 600;
color: #283593; /* 青蓝色 */
border-bottom: 2px solid #e8eaf6;
padding-bottom: 8px;
margin-top: 1.5em;
}
/* 4. Infobox 信息框的现代化 (右侧悬浮卡片) */
.infobox {
background-color: #fafafa;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
float: right;
clear: right;
margin: 0 0 1em 1em;
padding: 10px;
width: 300px;
font-size: 0.9em;
}
.infobox th {
background-color: #3f51b5; /* 青蓝色表头 */
color: #ffffff;
border-radius: 4px;
padding: 8px;
text-align: center;
}
.infobox td {
padding: 6px 8px;
border-bottom: 1px solid #eeeeee;
}