MediaWiki:Common.css: Difference between revisions

Revision as of 08:42, 11 April 2025

/* === 首页专用样式：将顶部导航栏移到底部 === */

body.page-Main_Page #mw-head-base,
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;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

/* 首页：内容区底部留白，避免被底部导航遮住 */
body.page-Main_Page #content {
  margin-bottom: 130px !important;
}

/* 首页：隐藏页面主标题（Main Page） */
body.page-Main_Page .firstHeading {
  display: none !important;
}

/* 首页：隐藏 logo 旁边的 wiki 名字 */
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 center !important;
}

@@ Line 1: / Line 1: @@
-/* === 首页专用：将顶部导航整体移到底部 === */
+/* === 首页专用样式：将顶部导航栏移到底部 === */
-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,
@@ Line 59: / Line 12: @@
    background-color: #f8f9fa;
    padding: 10px 20px;
+  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
    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;
+   margin-bottom: 130px !important;
 }
-/* 首页：隐藏 logo 文字（wordmark） */
+/* 首页：隐藏页面主标题（Main Page） */
+body.page-Main_Page .firstHeading {
+  display: none !important;
+}
+/* 首页：隐藏 logo 旁边的 wiki 名字 */
 body.page-Main_Page .mw-logo-wordmark {
    display: none !important;
 }
-/* 首页：logo 样式优化 */
+/* 首页：可选 - 调整 logo 显示大小 */
 body.page-Main_Page .mw-wiki-logo {
    background-size: contain !important;
@@ Line 81: / Line 39: @@
    height: 70px !important;
    background-repeat: no-repeat !important;
-   background-position: center;
+   background-position: center center !important;
 }