MediaWiki:Common.css：修订间差异
删除的内容 添加的内容
Maintenance script（留言 | 贡献） 迁移首页样式到 Common.css |
Maintenance script（留言 | 贡献） 首页样式使用 ASCII 页类名以避免 CSS 被过滤 |
||
第37行：
}
/* 2026-01-12: 首页样式从 LocalSettings.php 迁移到此处（仅首页生效） */
.page-
height: auto !important;
display: flex !important;
第53行：
}
.page-
margin: 0 !important;
line-height: 1.4 !important;
}
.page-
font-size: 24px !important;
font-weight: 700 !important;
}
.page-
font-size: 16px !important;
font-weight: 500 !important;
第71行：
/* 当屏幕宽度大于 768px（如平板和大屏幕设备） */
@media screen and (min-width: 768px) {
.page-
font-size: 28px !important;
}
.page-
font-size: 18px !important;
}
第82行：
/* 当屏幕宽度小于 480px（如手机设备） */
@media screen and (max-width: 480px) {
.page-
font-size: 20px !important;
}
.page-
font-size: 14px !important;
}
第92行：
/* 内容块样式 */
.page-
margin: 10px !important;
padding: 20px !important;
第103行：
}
.page-
-webkit-transform: translateY(-5px) !important;
-moz-transform: translateY(-5px) !important;
第110行：
}
.page-
outline: 2px solid #0066cc !important; /* 可访问性改进 */
outline-offset: 2px !important;
}
.page-
position: relative !important;
padding-bottom: 10px !important;
第123行：
}
.page-
line-height: 1.6 !important;
color: #666666 !important;
第129行：
/* Flex 容器 */
.page-
display: flex !important;
justify-content: space-between !important;
第136行：
}
.page-
flex: 1 !important;
min-width: 300px !important;
第145行：
/* 移动端优化 */
@media (max-width: 768px) {
.page-
flex-direction: column !important;
gap: 15px !important; /* 统一间距 */
}
.page-
max-width: 100% !important; /* 移除限制 */
width: 100% !important;
第156行：
}
.page-
.page-
text-align: center !important;
}
.page-
font-size: 20px !important;
}
.page-
font-size: 14px !important;
}
第172行：
/* 为减少动画的用户提供支持 */
@media (prefers-reduced-motion: reduce) {
.page-
-webkit-transition: none !important;
transition: none !important;
}
.page-
-webkit-transform: none !important;
-moz-transform: none !important;
第185行：
/* 暗色模式覆盖（Citizen: night） */
.skin-theme-clientpref-night .page-
background: linear-gradient(135deg, #3a0c0c, #5a1a1a) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45) !important;
}
.skin-theme-clientpref-night .page-
border-color: #2f2f2f !important;
background-color: #1c1c1c !important;
}
.skin-theme-clientpref-night .page-
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55) !important;
}
.skin-theme-clientpref-night .page-
outline-color: #5ea0ff !important;
}
.skin-theme-clientpref-night .page-
border-bottom-color: #b94a4a !important;
color: #ffffff !important;
}
.skin-theme-clientpref-night .page-
color: #cccccc !important;
}
| |||