MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 44: | Line 44: | ||
body.page-Main_Page #content { | body.page-Main_Page #content { | ||
margin-bottom: 120px !important; | margin-bottom: 120px !important; | ||
} | |||
/* 首页:将顶部导航固定到底部 */ | |||
body.page-Main_Page #mw-head-base, | |||
body.page-Main_Page #mw-panel, | |||
body.page-Main_Page #mw-head, | |||
body.page-Main_Page #p-personal, | |||
body.page-Main_Page #mw-navigation { | |||
position: fixed !important; | |||
top: auto !important; | |||
bottom: 0 !important; | |||
width: 100%; | |||
z-index: 999; | |||
background-color: #f8f9fa; | |||
padding: 10px 20px; | |||
display: flex !important; | |||
justify-content: space-between; | |||
align-items: center; | |||
box-shadow: 0 -2px 5px rgba(0,0,0,0.05); | |||
} | |||
/* 首页:内容区底部留白避免被遮挡 */ | |||
body.page-Main_Page #content { | |||
margin-bottom: 150px !important; | |||
} | |||
/* 首页:隐藏 logo 文字(wordmark) */ | |||
body.page-Main_Page .mw-logo-wordmark { | |||
display: none !important; | |||
} | |||
/* 首页:logo 样式优化 */ | |||
body.page-Main_Page .mw-wiki-logo { | |||
background-size: contain !important; | |||
width: 70px !important; | |||
height: 70px !important; | |||
background-repeat: no-repeat !important; | |||
background-position: center; | |||
} | } | ||
Revision as of 08:37, 11 April 2025
/* === 首页专用:将顶部导航整体移到底部 === */
body.page-Main_Page #mw-head,
body.page-Main_Page #p-personal,
body.page-Main_Page #mw-navigation,
body.page-Main_Page #mw-panel {
position: fixed !important;
bottom: 0 !important;
top: auto !important;
width: 100%;
z-index: 999;
background-color: #f8f9fa;
padding: 10px 20px;
display: flex !important;
justify-content: center;
align-items: center;
gap: 30px;
border-top: 1px solid #ddd;
box-shadow: 0 -2px 5px rgba(0,0,0,0.05);
}
/* 首页:隐藏顶部空白 */
body.page-Main_Page {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* 首页:logo 居中显示并缩放适当 */
body.page-Main_Page .mw-wiki-logo {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
width: 80px !important;
height: 80px !important;
order: -1;
margin-right: 20px;
}
/* 隐藏 logo 旁边文字 */
body.page-Main_Page .mw-logo-wordmark {
display: none !important;
}
/* 首页:避免页面内容被底部遮挡 */
body.page-Main_Page #content {
margin-bottom: 120px !important;
}
/* 首页:将顶部导航固定到底部 */
body.page-Main_Page #mw-head-base,
body.page-Main_Page #mw-panel,
body.page-Main_Page #mw-head,
body.page-Main_Page #p-personal,
body.page-Main_Page #mw-navigation {
position: fixed !important;
top: auto !important;
bottom: 0 !important;
width: 100%;
z-index: 999;
background-color: #f8f9fa;
padding: 10px 20px;
display: flex !important;
justify-content: space-between;
align-items: center;
box-shadow: 0 -2px 5px rgba(0,0,0,0.05);
}
/* 首页:内容区底部留白避免被遮挡 */
body.page-Main_Page #content {
margin-bottom: 150px !important;
}
/* 首页:隐藏 logo 文字(wordmark) */
body.page-Main_Page .mw-logo-wordmark {
display: none !important;
}
/* 首页:logo 样式优化 */
body.page-Main_Page .mw-wiki-logo {
background-size: contain !important;
width: 70px !important;
height: 70px !important;
background-repeat: no-repeat !important;
background-position: center;
}