MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 首页容器:使用 Grid 布局,自动适应屏幕宽度 */
.main-page-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}
/* 卡片整体样式 */
.nav-box {
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
overflow: hidden; /* 确保圆角不被内部元素遮挡 */
background: #fff;
transition: transform 0.2s;
}
.nav-box:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* 卡片标题 */
.nav-header {
color: #fff;
padding: 10px 15px;
font-weight: bold;
font-size: 1.1em;
}
/* 卡片内容区域 */
.nav-content {
padding: 15px;
line-height: 1.8;
}
/* 去掉列表原本的圆点,改成更像导航的样式 */
.nav-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav-content li {
margin-bottom: 6px;
border-bottom: 1px dashed #eee;
padding-bottom: 4px;
}
.nav-content li:last-child {
border-bottom: none;
}
.nav-content a {
text-decoration: none;
color: #333;
font-weight: 500;
}
.nav-content a:hover {
color: #0056b3;
text-decoration: underline;
}
/* 针对小屏幕的微调 */
@media screen and (max-width: 600px) {
.main-page-grid {
grid-template-columns: 1fr;
}
}
/* 针对首页隐藏主标题 */
.page-Main_Page #firstHeading {
display: none;
}
/* 更加激进的选择器,覆盖所有文本承载元素 */
html[lang="zh"] body,
html[lang="zh"] p,
html[lang="zh"] li,
html[lang="zh"] dd,
html[lang="zh"] dt,
html[lang="zh"] table,
html[lang="zh"] td,
html[lang="zh"] span,
html[lang="zh"] a {
font-family: "Consolas", "Monaco", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif !important;
}
/* 专门针对正文内容的容器(常见于 MediaWiki) */
html[lang="zh"] .mw-parser-output * {
font-family: "Consolas", "Monaco", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif !important;
}
/* 标题强化保持不变 */
html[lang="zh"] h1,
html[lang="zh"] h2,
html[lang="zh"] h3,
html[lang="zh"] h4,
html[lang="zh"] h5,
html[lang="zh"] h6 {
font-family: "Consolas", "Microsoft YaHei", sans-serif !important;
}