打开/关闭搜索
打开/关闭菜单
30
8
13
1.6K
陋室
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Mainpage.css：修订间差异

MediaWiki界面页面
更多操作
以互动方式浏览历史
←上一编辑下一编辑→
Maintenance script​（留言 | 贡献）
110次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,047次编辑
小 XP-jia移动页面MediaWiki:首页.css至MediaWiki:Mainpage.css，不留重定向：​标题有错别字
Maintenance script​（留言 | 贡献）
110次编辑
首页样式使用 ASCII 页类名
第1行： 第1行：
/* 首页样式：仅在首页生效 */
/* 首页样式：仅在首页生效 */
body.page-首页 .banner {
body.page-Main_Page .banner {
height: auto;
height: auto;
display: flex;
display: flex;
第15行： 第15行：
}
}


body.page-首页 .banner-text {
body.page-Main_Page .banner-text {
margin: 0;
margin: 0;
line-height: 1.4;
line-height: 1.4;
}
}


body.page-首页 .banner .chinese-text {
body.page-Main_Page .banner .chinese-text {
font-size: 24px;
font-size: 24px;
font-weight: 700;
font-weight: 700;
}
}


body.page-首页 .banner .english-text {
body.page-Main_Page .banner .english-text {
font-size: 16px;
font-size: 16px;
font-weight: 500;
font-weight: 500;
第33行： 第33行：
/* 当屏幕宽度大于 768px（如平板和大屏幕设备） */
/* 当屏幕宽度大于 768px（如平板和大屏幕设备） */
@media screen and (min-width: 768px) {
@media screen and (min-width: 768px) {
body.page-首页 .banner .chinese-text {
body.page-Main_Page .banner .chinese-text {
font-size: 28px;
font-size: 28px;
}
}


body.page-首页 .banner .english-text {
body.page-Main_Page .banner .english-text {
font-size: 18px;
font-size: 18px;
}
}
第44行： 第44行：
/* 当屏幕宽度小于 480px（如手机设备） */
/* 当屏幕宽度小于 480px（如手机设备） */
@media screen and (max-width: 480px) {
@media screen and (max-width: 480px) {
body.page-首页 .banner .chinese-text {
body.page-Main_Page .banner .chinese-text {
font-size: 20px;
font-size: 20px;
}
}


body.page-首页 .banner .english-text {
body.page-Main_Page .banner .english-text {
font-size: 14px;
font-size: 14px;
}
}
第54行： 第54行：


/* 内容块样式 */
/* 内容块样式 */
body.page-首页 .content-box {
body.page-Main_Page .content-box {
margin: 10px;
margin: 10px;
padding: 20px;
padding: 20px;
第65行： 第65行：
}
}


body.page-首页 .content-box:hover {
body.page-Main_Page .content-box:hover {
-webkit-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-moz-transform: translateY(-5px);
第72行： 第72行：
}
}


body.page-首页 .content-box:focus {
body.page-Main_Page .content-box:focus {
outline: 2px solid #0066cc; /* 可访问性改进 */
outline: 2px solid #0066cc; /* 可访问性改进 */
outline-offset: 2px;
outline-offset: 2px;
}
}


body.page-首页 .content-box h2 {
body.page-Main_Page .content-box h2 {
position: relative;
position: relative;
padding-bottom: 10px;
padding-bottom: 10px;
第84行： 第84行：
}
}


body.page-首页 .content-box p {
body.page-Main_Page .content-box p {
line-height: 1.6;
line-height: 1.6;
}
}


/* Flex 容器 */
/* Flex 容器 */
body.page-首页 .flex-container {
body.page-Main_Page .flex-container {
display: flex;
display: flex;
justify-content: space-between;
justify-content: space-between;
第95行： 第95行：
}
}


body.page-首页 .flex-container .content-box {
body.page-Main_Page .flex-container .content-box {
flex: 1;
flex: 1;
max-width: 33.33%;
max-width: 33.33%;
第103行： 第103行：
/* 移动端优化 */
/* 移动端优化 */
@media (max-width: 768px) {
@media (max-width: 768px) {
body.page-首页 .flex-container {
body.page-Main_Page .flex-container {
flex-direction: column;
flex-direction: column;
gap: 15px; /* 统一间距 */
gap: 15px; /* 统一间距 */
}
}


body.page-首页 .flex-container .content-box {
body.page-Main_Page .flex-container .content-box {
max-width: none; /* 移除限制 */
max-width: none; /* 移除限制 */
width: 100%;
width: 100%;
第114行： 第114行：
}
}


body.page-首页 .banner .chinese-text,
body.page-Main_Page .banner .chinese-text,
body.page-首页 .banner .english-text {
body.page-Main_Page .banner .english-text {
text-align: center;
text-align: center;
}
}


body.page-首页 .banner .chinese-text {
body.page-Main_Page .banner .chinese-text {
font-size: 20px;
font-size: 20px;
}
}


body.page-首页 .banner .english-text {
body.page-Main_Page .banner .english-text {
font-size: 14px;
font-size: 14px;
}
}
第130行： 第130行：
/* 为减少动画的用户提供支持 */
/* 为减少动画的用户提供支持 */
@media (prefers-reduced-motion: reduce) {
@media (prefers-reduced-motion: reduce) {
body.page-首页 .content-box {
body.page-Main_Page .content-box {
-webkit-transition: none;
-webkit-transition: none;
transition: none;
transition: none;
}
}


body.page-首页 .content-box:hover {
body.page-Main_Page .content-box:hover {
-webkit-transform: none;
-webkit-transform: none;
-moz-transform: none;
-moz-transform: none;
第143行： 第143行：


/* 暗色模式覆盖（Citizen: night） */
/* 暗色模式覆盖（Citizen: night） */
.skin-theme-clientpref-night body.page-首页 .banner {
.skin-theme-clientpref-night body.page-Main_Page .banner {
background: linear-gradient(135deg, #3a0c0c, #5a1a1a);
background: linear-gradient(135deg, #3a0c0c, #5a1a1a);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
}
}


.skin-theme-clientpref-night body.page-首页 .content-box {
.skin-theme-clientpref-night body.page-Main_Page .content-box {
border-color: #2f2f2f;
border-color: #2f2f2f;
background-color: #1c1c1c;
background-color: #1c1c1c;
}
}


.skin-theme-clientpref-night body.page-首页 .content-box:hover {
.skin-theme-clientpref-night body.page-Main_Page .content-box:hover {
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55);
}
}


.skin-theme-clientpref-night body.page-首页 .content-box:focus {
.skin-theme-clientpref-night body.page-Main_Page .content-box:focus {
outline-color: #5ea0ff;
outline-color: #5ea0ff;
}
}


.skin-theme-clientpref-night body.page-首页 .content-box h2 {
.skin-theme-clientpref-night body.page-Main_Page .content-box h2 {
border-bottom-color: #b94a4a;
border-bottom-color: #b94a4a;
}
}
检索自“https://learn.houjue.digital/wiki/MediaWiki:Mainpage.css”
著作权

陋室的全部文字提供于 知识共享署名-非商业性使用-相同方式共享 4.0 协议国际版 条款之下，附加条款亦可能适用。请参阅我们的使用条款和隐私政策，使用陋室即视为同意上述条款的约束。

陋室上提及的所有公司名称、产品名称、服务名称和标识均为其各自所有者的商标或注册商标。使用这些商标仅为了识别和说明之目的，并不意味着任何形式的认可或关联。陋室与上述公司及其商标没有任何关系或隶属。

Microsoft®是Microsoft Corporation(微软公司)的商标，Google®是Google LLC的注册商标，Apple®是Apple Inc.(苹果公司)的商标。 Wikipedia®和维基百科标志是维基媒体基金会的注册商标；维基™是维基媒体基金会的商标。维基媒体基金会是按美国国内税收法501(c)(3)登记的非营利慈善机构。 所有其他商标和标识均为其各自所有者的财产。未经相应商标所有者的明确书面同意，不得以任何方式使用这些商标。