MediaWiki:Mainpage.css:修订间差异

删除的内容 添加的内容
XP-jia​(留言 | 贡献)
小 XP-jia移动页面MediaWiki:首页.css至MediaWiki:Mainpage.css,不留重定向:​标题有错别字
Maintenance script​(留言 | 贡献)
首页样式使用 ASCII 页类名
第1行:
/* 首页样式:仅在首页生效 */
body.page-首页Main_Page .banner {
height: auto;
display: flex;
第15行:
}
 
body.page-首页Main_Page .banner-text {
margin: 0;
line-height: 1.4;
}
 
body.page-首页Main_Page .banner .chinese-text {
font-size: 24px;
font-weight: 700;
}
 
body.page-首页Main_Page .banner .english-text {
font-size: 16px;
font-weight: 500;
第33行:
/* 当屏幕宽度大于 768px(如平板和大屏幕设备) */
@media screen and (min-width: 768px) {
body.page-首页Main_Page .banner .chinese-text {
font-size: 28px;
}
 
body.page-首页Main_Page .banner .english-text {
font-size: 18px;
}
第44行:
/* 当屏幕宽度小于 480px(如手机设备) */
@media screen and (max-width: 480px) {
body.page-首页Main_Page .banner .chinese-text {
font-size: 20px;
}
 
body.page-首页Main_Page .banner .english-text {
font-size: 14px;
}
第54行:
 
/* 内容块样式 */
body.page-首页Main_Page .content-box {
margin: 10px;
padding: 20px;
第65行:
}
 
body.page-首页Main_Page .content-box:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
第72行:
}
 
body.page-首页Main_Page .content-box:focus {
outline: 2px solid #0066cc; /* 可访问性改进 */
outline-offset: 2px;
}
 
body.page-首页Main_Page .content-box h2 {
position: relative;
padding-bottom: 10px;
第84行:
}
 
body.page-首页Main_Page .content-box p {
line-height: 1.6;
}
 
/* Flex 容器 */
body.page-首页Main_Page .flex-container {
display: flex;
justify-content: space-between;
第95行:
}
 
body.page-首页Main_Page .flex-container .content-box {
flex: 1;
max-width: 33.33%;
第103行:
/* 移动端优化 */
@media (max-width: 768px) {
body.page-首页Main_Page .flex-container {
flex-direction: column;
gap: 15px; /* 统一间距 */
}
 
body.page-首页Main_Page .flex-container .content-box {
max-width: none; /* 移除限制 */
width: 100%;
第114行:
}
 
body.page-首页Main_Page .banner .chinese-text,
body.page-首页Main_Page .banner .english-text {
text-align: center;
}
 
body.page-首页Main_Page .banner .chinese-text {
font-size: 20px;
}
 
body.page-首页Main_Page .banner .english-text {
font-size: 14px;
}
第130行:
/* 为减少动画的用户提供支持 */
@media (prefers-reduced-motion: reduce) {
body.page-首页Main_Page .content-box {
-webkit-transition: none;
transition: none;
}
 
body.page-首页Main_Page .content-box:hover {
-webkit-transform: none;
-moz-transform: none;
第143行:
 
/* 暗色模式覆盖(Citizen: night) */
.skin-theme-clientpref-night body.page-首页Main_Page .banner {
background: linear-gradient(135deg, #3a0c0c, #5a1a1a);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
}
 
.skin-theme-clientpref-night body.page-首页Main_Page .content-box {
border-color: #2f2f2f;
background-color: #1c1c1c;
}
 
.skin-theme-clientpref-night body.page-首页Main_Page .content-box:hover {
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55);
}
 
.skin-theme-clientpref-night body.page-首页Main_Page .content-box:focus {
outline-color: #5ea0ff;
}
 
.skin-theme-clientpref-night body.page-首页Main_Page .content-box h2 {
border-bottom-color: #b94a4a;
}