MediaWiki:Citizen.css:修订间差异
MediaWiki界面页面
更多操作
创建页面,内容为“→这里所有CSS都会加载给Citizen皮肤的用户: →footer 整体:加间距 + 换配色: .citizen-footer { margin-top: 4rem; padding: 3rem 1.5rem 2rem; background: linear-gradient(180deg, #2a0006 0%, #56000d 100%); color: rgba(255, 255, 255, 0.85); border-top: none; } →站点描述: .citizen-footer__desc { color: rgba(255, 255, 255, 0.75); font-size: 0.95rem; line-height: 1.7; } →底部链接: #footer-plac…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* | /* ========== Footer 整体:暗红渐变 + 与上方内容留空隙 ========== */ | ||
.citizen-footer { | .citizen-footer { | ||
margin-top: 4rem; | margin-top: 4rem; | ||
| 第9行: | 第8行: | ||
} | } | ||
/* 站点描述 */ | .citizen-footer__container { | ||
max-width: 87.5rem; | |||
margin: 0 auto; | |||
padding: 0; | |||
} | |||
/* ========== Footer 上半区:居中布局 ========== */ | |||
.citizen-footer__content { | |||
display: block; | |||
text-align: center; | |||
padding-bottom: 2rem; | |||
border-bottom: 1px solid rgba(255, 255, 255, 0.15); | |||
} | |||
.citizen-footer__siteinfo { | |||
display: inline-block; | |||
text-align: center; | |||
margin: 0 auto; | |||
} | |||
/* ========== 站点标题 + Logo ========== */ | |||
.citizen-footer__sitetitle { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
gap: 0.75rem; | |||
font-size: 1.5rem; | |||
font-weight: bold; | |||
color: #fff; | |||
letter-spacing: 0.05em; | |||
margin-bottom: 0.75rem; | |||
} | |||
.citizen-footer__sitetitle .mw-logo-icon { | |||
width: 2.5rem; | |||
height: 2.5rem; | |||
filter: brightness(0) invert(1); | |||
} | |||
.citizen-footer__sitetitle .mw-logo-wordmark { | |||
color: #fff; | |||
} | |||
/* ========== 站点描述 ========== */ | |||
.citizen-footer__desc { | .citizen-footer__desc { | ||
color: rgba(255, 255, 255, 0.75); | color: rgba(255, 255, 255, 0.75); | ||
font-size: 0.95rem; | font-size: 0.95rem; | ||
line-height: 1.7; | line-height: 1.7; | ||
margin: 0 auto; | |||
max-width: 40rem; | |||
} | } | ||
/* | /* ========== 隐藏三个跳转链接 ========== */ | ||
#footer-places | #footer-places-privacy, | ||
#footer-places-about, | |||
#footer-places-disclaimers { | |||
display: none; | |||
} | |||
/* 如果整个 footer-places 里没有任何其他链接,也一并隐藏,避免留空白 */ | |||
#footer-places { | |||
display: none; | |||
} | } | ||
/* ========== Footer 下半区:tagline 居中 ========== */ | |||
.citizen-footer__bottom { | |||
padding-top: 1.5rem; | |||
text-align: center; | |||
} | } | ||
#footer-tagline { | #footer-tagline { | ||
color: rgba(255, 255, 255, 0.6); | color: rgba(255, 255, 255, 0.6); | ||
font-size: 0.85rem; | font-size: 0.85rem; | ||
letter-spacing: 0.15em; | letter-spacing: 0.15em; | ||
text- | text-transform: uppercase; | ||
} | } | ||
2026年9月26日 (六) 23:07的版本
/* ========== Footer 整体:暗红渐变 + 与上方内容留空隙 ========== */
.citizen-footer {
margin-top: 4rem;
padding: 3rem 1.5rem 2rem;
background: linear-gradient(180deg, #2a0006 0%, #56000d 100%);
color: rgba(255, 255, 255, 0.85);
border-top: none;
}
.citizen-footer__container {
max-width: 87.5rem;
margin: 0 auto;
padding: 0;
}
/* ========== Footer 上半区:居中布局 ========== */
.citizen-footer__content {
display: block;
text-align: center;
padding-bottom: 2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.citizen-footer__siteinfo {
display: inline-block;
text-align: center;
margin: 0 auto;
}
/* ========== 站点标题 + Logo ========== */
.citizen-footer__sitetitle {
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
font-size: 1.5rem;
font-weight: bold;
color: #fff;
letter-spacing: 0.05em;
margin-bottom: 0.75rem;
}
.citizen-footer__sitetitle .mw-logo-icon {
width: 2.5rem;
height: 2.5rem;
filter: brightness(0) invert(1);
}
.citizen-footer__sitetitle .mw-logo-wordmark {
color: #fff;
}
/* ========== 站点描述 ========== */
.citizen-footer__desc {
color: rgba(255, 255, 255, 0.75);
font-size: 0.95rem;
line-height: 1.7;
margin: 0 auto;
max-width: 40rem;
}
/* ========== 隐藏三个跳转链接 ========== */
#footer-places-privacy,
#footer-places-about,
#footer-places-disclaimers {
display: none;
}
/* 如果整个 footer-places 里没有任何其他链接,也一并隐藏,避免留空白 */
#footer-places {
display: none;
}
/* ========== Footer 下半区:tagline 居中 ========== */
.citizen-footer__bottom {
padding-top: 1.5rem;
text-align: center;
}
#footer-tagline {
color: rgba(255, 255, 255, 0.6);
font-size: 0.85rem;
letter-spacing: 0.15em;
text-transform: uppercase;
}