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;
}
/* 全局修改英文字体 */
body, #content, #mw-data-after-content, .mw-body {
font-family: "Consolas", "Monaco", "Courier New", monospace, "PingFang SC", "Microsoft YaHei";
}
/* 确保标题也生效(可选) */
h1, h2, h3, h4, h5, h6 {
font-family: "Consolas", "Microsoft YaHei", sans-serif;
}