MediaWiki:Common.css: Difference between revisions

From yangwa
No edit summary
No edit summary
Line 1: Line 1:
/* === 首页专用样式:将顶部导航栏移到底部 === */
/* === 首页专用样式:将顶部导航栏移到底部 === */


/* 1. 把顶部区域移到底部 */
body.page-Main_Page #mw-head-base,
body.page-Main_Page #mw-head-base,
body.page-Main_Page #mw-head,
body.page-Main_Page #mw-head,
body.page-Main_Page #p-personal,
body.page-Main_Page #p-personal,
body.page-Main_Page #mw-navigation {
body.page-Main_Page #mw-panel {
   position: fixed !important;
   position: fixed !important;
   top: auto !important;
   top: auto !important;
Line 18: Line 19:
}
}


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


/* 首页:隐藏页面主标题(Main Page) */
/* 3. 隐藏首页的大标题(Main Page) */
body.page-Main_Page .firstHeading {
body.page-Main_Page .firstHeading {
   display: none !important;
   display: none !important;
}
}


/* 首页:隐藏 logo 旁边的 wiki 名字 */
/* 4. 隐藏 logo 旁边的 wiki 名字 */
body.page-Main_Page .mw-logo-wordmark {
body.page-Main_Page .mw-logo-wordmark {
   display: none !important;
   display: none !important;
}
}


/* 首页:可选 - 调整 logo 显示大小 */
/* 5. 可选:测试首页是否成功加载了 CSS */
body.page-Main_Page .mw-wiki-logo {
body.page-Main_Page {
   background-size: contain !important;
   background-color: #fffff5 !important; /* 淡米色背景,测试用 */
  width: 70px !important;
  height: 70px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
}

Revision as of 08:52, 11 April 2025

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

/* 1. 把顶部区域移到底部 */
body.page-Main_Page #mw-head-base,
body.page-Main_Page #mw-head,
body.page-Main_Page #p-personal,
body.page-Main_Page #mw-panel {
  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;
}

/* 2. 避免内容被导航遮住 */
body.page-Main_Page #content {
  margin-bottom: 140px !important;
}

/* 3. 隐藏首页的大标题(Main Page) */
body.page-Main_Page .firstHeading {
  display: none !important;
}

/* 4. 隐藏 logo 旁边的 wiki 名字 */
body.page-Main_Page .mw-logo-wordmark {
  display: none !important;
}

/* 5. 可选:测试首页是否成功加载了 CSS */
body.page-Main_Page {
  background-color: #fffff5 !important; /* 淡米色背景,测试用 */
}