MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* ===== 尘月维基 紫主题框架样式 ===== */
:root {
--wiki-purple: #4b2e83;
--wiki-purple-light: #faf8ff;
--wiki-purple-border: #e7e0f5;
}
/* 侧边栏分组标题 */
.vector-menu-heading {
color: var(--wiki-purple);
font-weight: 700;
}
/* 顶部导航条紫主题 */
.mw-header,
.vector-header-container {
background-color: var(--wiki-purple) !important;
}
.vector-header-container a,
.mw-header a,
.vector-header-container .vector-menu-heading,
.vector-search-box .cdx-text-input__input {
color: #fff !important;
}
.vector-header-container a:hover {
color: #e7e0f5 !important;
}
/* 顶部欢迎横幅(复刻截图紫色渐变横幅,右侧熊猫头吉祥物) */
.site-banner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
background: linear-gradient(135deg, #4b2e83, #6b4ea8);
color: #fff;
border-radius: 10px;
padding: 20px 26px;
margin-bottom: 20px;
}
.banner-text { flex: 1 1 auto; }
.banner-title { font-size: 28px; font-weight: 800; letter-spacing: 2px; }
.banner-sub { font-size: 14px; opacity: .92; margin-top: 8px; line-height: 1.7; }
.banner-logo {
flex: 0 0 auto;
width: 96px; height: 96px;
background-image: url(/logo.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
}
/* 板块(公告 / 万恶之源 / 各栏目)—— 标题居中 */
.block {
background: #fff;
border: 1px solid var(--wiki-purple-border);
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px;
}
.block-title {
background: var(--wiki-purple);
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 700;
letter-spacing: 2px;
padding: 11px 0;
}
.block-body {
padding: 18px 20px;
line-height: 1.85;
color: #333;
}
/* 两列并排卡片 */
.card-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.card-row .block { margin-bottom: 0; }
@media (max-width: 700px) {
.card-row { grid-template-columns: 1fr; }
}
/* 隐藏页脚 MediaWiki 默认品牌文字 */
#footer-poweredby,
.mw-footer__content .footer-poweredby,
#f-poweredbyimg { display: none; }