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; }
}