MediaWiki:Common.css:修订间差异

来自尘月维基
跳转到导航 跳转到搜索
Maintenance script​(留言 | 贡献)
公告板块卡片样式
Maintenance script​(留言 | 贡献)
尘月维基紫主题框架
第1行: 第1行:
/* ===== 站点框架样式(轻量紫主题) ===== */
/* ===== 尘月维基 紫主题框架样式 ===== */
:root {
:root {
--wiki-purple: #4b2e83;
--wiki-purple: #4b2e83;
第7行: 第7行:


/* 侧边栏分组标题 */
/* 侧边栏分组标题 */
#mw-panel .vector-menu-heading,
.vector-menu-heading {
.vector-menu-heading {
color: var(--wiki-purple);
color: var(--wiki-purple);
第13行: 第12行:
}
}


/* 首页板块卡片 */
/* 顶部导航条紫主题 */
.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,
.mw-header,
.vector-header-container {
.vector-header-container {
第48行: 第27行:
}
}


/* ===== 首页公告板块 / 栏目卡片(复刻截图版式) ===== */
/* 顶部欢迎横幅(复刻截图紫色渐变横幅,右侧熊猫头吉祥物) */
.announce-title {
.site-banner {
background: var(--wiki-purple);
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
background: linear-gradient(135deg, #4b2e83, #6b4ea8);
color: #fff;
color: #fff;
text-align: center;
border-radius: 10px;
font-weight: 700;
padding: 20px 26px;
font-size: 15px;
margin-bottom: 20px;
padding: 8px 12px;
}
border-radius: 6px 6px 0 0;
.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%;
}
}
.announce-card {
 
/* 板块(公告 / 万恶之源 / 各栏目)—— 标题居中 */
.block {
background: #fff;
border: 1px solid var(--wiki-purple-border);
border: 1px solid var(--wiki-purple-border);
border-radius: 6px;
border-radius: 10px;
margin: 0 0 16px 0;
overflow: hidden;
overflow: hidden;
background: #fff;
margin-bottom: 20px;
}
}
.announce-card .card-head {
.block-title {
background: var(--wiki-purple);
background: var(--wiki-purple);
color: #fff;
color: #fff;
padding: 6px 12px;
text-align: center;
font-size: 18px;
font-weight: 700;
font-weight: 700;
letter-spacing: 2px;
padding: 11px 0;
}
}
.announce-card .card-body {
.block-body {
padding: 12px 14px;
padding: 18px 20px;
line-height: 1.85;
line-height: 1.85;
color: #333;
color: #333;
}
}
/* 两列并排卡片 */
.card-row {
.card-row {
display: flex;
display: grid;
gap: 16px;
grid-template-columns: 1fr 1fr;
}
gap: 20px;
.card-row .announce-card {
margin-bottom: 20px;
flex: 1 1 0;
}
}
.card-row .block { margin-bottom: 0; }
@media (max-width: 700px) {
@media (max-width: 700px) {
.card-row { flex-direction: column; }
.card-row { grid-template-columns: 1fr; }
}
}
/* 隐藏页脚 MediaWiki 默认品牌文字 */
#footer-poweredby,
.mw-footer__content .footer-poweredby,
#f-poweredbyimg { display: none; }

2026年10月31日 (六) 12:59的版本

/* ===== 尘月维基 紫主题框架样式 ===== */
: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; }