MediaWiki:Common.css:修订间差异
跳转到导航
跳转到搜索
Maintenance script(留言 | 贡献) 紫主题顶栏 |
Maintenance script(留言 | 贡献) 公告板块卡片样式 |
||
| 第46行: | 第46行: | ||
.vector-header-container a:hover { | .vector-header-container a:hover { | ||
color: #e7e0f5 !important; | color: #e7e0f5 !important; | ||
} | |||
/* ===== 首页公告板块 / 栏目卡片(复刻截图版式) ===== */ | |||
.announce-title { | |||
background: var(--wiki-purple); | |||
color: #fff; | |||
text-align: center; | |||
font-weight: 700; | |||
font-size: 15px; | |||
padding: 8px 12px; | |||
border-radius: 6px 6px 0 0; | |||
} | |||
.announce-card { | |||
border: 1px solid var(--wiki-purple-border); | |||
border-radius: 6px; | |||
margin: 0 0 16px 0; | |||
overflow: hidden; | |||
background: #fff; | |||
} | |||
.announce-card .card-head { | |||
background: var(--wiki-purple); | |||
color: #fff; | |||
padding: 6px 12px; | |||
font-weight: 700; | |||
} | |||
.announce-card .card-body { | |||
padding: 12px 14px; | |||
line-height: 1.85; | |||
color: #333; | |||
} | |||
.card-row { | |||
display: flex; | |||
gap: 16px; | |||
} | |||
.card-row .announce-card { | |||
flex: 1 1 0; | |||
} | |||
@media (max-width: 700px) { | |||
.card-row { flex-direction: column; } | |||
} | } | ||
2026年10月31日 (六) 12:47的版本
/* ===== 站点框架样式(轻量紫主题) ===== */
:root {
--wiki-purple: #4b2e83;
--wiki-purple-light: #faf8ff;
--wiki-purple-border: #e7e0f5;
}
/* 侧边栏分组标题 */
#mw-panel .vector-menu-heading,
.vector-menu-heading {
color: var(--wiki-purple);
font-weight: 700;
}
/* 首页板块卡片 */
.front-block {
background: var(--wiki-purple-light);
border: 1px solid var(--wiki-purple-border);
border-radius: 10px;
padding: 18px 22px;
margin: 16px 0;
line-height: 1.9;
}
.front-block dt {
font-weight: 700;
color: var(--wiki-purple);
margin-top: 8px;
}
/* 顶部导航 hover 微调 */
.vector-dropdown .vector-menu-content a:hover {
background: var(--wiki-purple-light);
}
/* 顶部导航条紫主题(仿深色顶栏) */
.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;
}
/* ===== 首页公告板块 / 栏目卡片(复刻截图版式) ===== */
.announce-title {
background: var(--wiki-purple);
color: #fff;
text-align: center;
font-weight: 700;
font-size: 15px;
padding: 8px 12px;
border-radius: 6px 6px 0 0;
}
.announce-card {
border: 1px solid var(--wiki-purple-border);
border-radius: 6px;
margin: 0 0 16px 0;
overflow: hidden;
background: #fff;
}
.announce-card .card-head {
background: var(--wiki-purple);
color: #fff;
padding: 6px 12px;
font-weight: 700;
}
.announce-card .card-body {
padding: 12px 14px;
line-height: 1.85;
color: #333;
}
.card-row {
display: flex;
gap: 16px;
}
.card-row .announce-card {
flex: 1 1 0;
}
@media (max-width: 700px) {
.card-row { flex-direction: column; }
}