MediaWiki:Common.css: Difference between revisions

From yangwa
No edit summary
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === 首页专用:将顶部导航整体移到底部 === */
/* === Main Page 样式优化:浅色背景 + 黑色文字 + 隐藏顶部 === */
 
/* 隐藏顶部标题栏导航(Main Page / Discussion / Read / Edit) */
body.page-Main_Page header.vector-header,
body.page-Main_Page .vector-header-container,
body.page-Main_Page .vector-page-toolbar-container {
  display: none !important;
}
 
/* 隐藏旧皮肤的顶部区域 */
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-head-base,
body.page-Main_Page #mw-panel {
body.page-Main_Page #mw-panel {
  position: fixed !important;
   display: none !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);
}
}


/* 首页:隐藏顶部空白 */
/* 隐藏 Main Page 页面标题 */
body.page-Main_Page {
body.page-Main_Page .firstHeading {
   padding-top: 0 !important;
   display: none !important;
  margin-top: 0 !important;
}
}


/* 首页:logo 居中显示并缩放适当 */
/* 隐藏左上角 logo */
body.page-Main_Page .mw-wiki-logo {
body.page-Main_Page #p-logo {
   background-size: contain !important;
   display: none !important;
  background-repeat: no-repeat !important;
}
   background-position: center center !important;
 
   width: 80px !important;
/* === 浅色背景设置 === */
  height: 80px !important;
body.page-Main_Page,
  order: -1;
body.skin-vector-2022.page-Main_Page {
   margin-right: 20px;
   background-color: #ffffff !important;
   color: #000000 !important;
}
 
body.skin-vector-2022.page-Main_Page .mw-content-container {
   background-color: transparent !important;
}
}


/* 隐藏 logo 旁边文字 */
/* 登录按钮与链接颜色 */
body.page-Main_Page .mw-logo-wordmark {
body.skin-vector-2022.page-Main_Page a,
body.skin-vector-2022.page-Main_Page h1,
body.skin-vector-2022.page-Main_Page p {
  color: #000000 !important;
}
 
body.skin-vector-2022.page-Main_Page .login-btn,
body.skin-vector-2022.page-Main_Page .intro-btn {
  background-color: #333 !important;
  color: white !important;
}
 
body.skin-vector-2022.page-Main_Page .login-btn:hover,
body.skin-vector-2022.page-Main_Page .intro-btn:hover {
  background-color: #555 !important;
}
 
/* Dashboard 页面隐藏顶部 */
body.page-Yangwa_Dashboard .firstHeading,
body.page-Yangwa_Dashboard #p-logo,
body.page-Yangwa_Dashboard .mw-logo-wordmark,
body.page-Yangwa_Dashboard .mw-indicators,
body.page-Yangwa_Dashboard .vector-header-container,
body.page-Yangwa_Dashboard .vector-page-toolbar-container {
  display: none !important;
}
 
/* GroupIntro 页面也统一浅色背景并隐藏顶部 */
body.page-Yangwa_GroupIntro #mw-head,
body.page-Yangwa_GroupIntro #p-logo,
body.page-Yangwa_GroupIntro .mw-logo-wordmark,
body.page-Yangwa_GroupIntro .vector-header-container,
body.page-Yangwa_GroupIntro .vector-page-toolbar-container,
body.page-Yangwa_GroupIntro .firstHeading {
   display: none !important;
   display: none !important;
}
}


/* 首页:避免页面内容被底部遮挡 */
body.page-Yangwa_GroupIntro {
body.page-Main_Page #content {
   background-color: #ffffff !important;
   margin-bottom: 120px !important;
  color: #000000 !important;
}
}


/* 首页:将顶部导航固定到底部 */
/* 🧼 移除 Main Page 中 mw-body 蓝边框 */
body.page-Main_Page #mw-head-base,
body.page-Main_Page .mw-body {
body.page-Main_Page #mw-panel,
   border: none !important;
body.page-Main_Page #mw-head,
   box-shadow: none !important;
body.page-Main_Page #p-personal,
   background: none !important;
body.page-Main_Page #mw-navigation {
   padding: 0 !important;
   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 {
body.skin-vector-2022 {
   margin-bottom: 150px !important;
   background-color: #121212 !important;
  color: #eeeeee !important;
}
}


/* 首页:隐藏 logo 文字(wordmark) */
body.skin-vector-2022 .mw-content-container {
body.page-Main_Page .mw-logo-wordmark {
   background-color: transparent !important;
   display: none !important;
}
}


/* 首页:logo 样式优化 */
body.skin-vector-2022 a {
body.page-Main_Page .mw-wiki-logo {
   color: #5ab1f8 !important;
   background-size: contain !important;
  width: 70px !important;
  height: 70px !important;
  background-repeat: no-repeat !important;
  background-position: center;
}
}

Latest revision as of 02:17, 14 April 2025

/* === Main Page 样式优化:浅色背景 + 黑色文字 + 隐藏顶部 === */

/* 隐藏顶部标题栏导航(Main Page / Discussion / Read / Edit) */
body.page-Main_Page header.vector-header,
body.page-Main_Page .vector-header-container,
body.page-Main_Page .vector-page-toolbar-container {
  display: none !important;
}

/* 隐藏旧皮肤的顶部区域 */
body.page-Main_Page #mw-head,
body.page-Main_Page #p-personal,
body.page-Main_Page #mw-head-base,
body.page-Main_Page #mw-panel {
  display: none !important;
}

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

/* 隐藏左上角 logo */
body.page-Main_Page #p-logo {
  display: none !important;
}

/* === 浅色背景设置 === */
body.page-Main_Page,
body.skin-vector-2022.page-Main_Page {
  background-color: #ffffff !important;
  color: #000000 !important;
}

body.skin-vector-2022.page-Main_Page .mw-content-container {
  background-color: transparent !important;
}

/* 登录按钮与链接颜色 */
body.skin-vector-2022.page-Main_Page a,
body.skin-vector-2022.page-Main_Page h1,
body.skin-vector-2022.page-Main_Page p {
  color: #000000 !important;
}

body.skin-vector-2022.page-Main_Page .login-btn,
body.skin-vector-2022.page-Main_Page .intro-btn {
  background-color: #333 !important;
  color: white !important;
}

body.skin-vector-2022.page-Main_Page .login-btn:hover,
body.skin-vector-2022.page-Main_Page .intro-btn:hover {
  background-color: #555 !important;
}

/* Dashboard 页面隐藏顶部 */
body.page-Yangwa_Dashboard .firstHeading,
body.page-Yangwa_Dashboard #p-logo,
body.page-Yangwa_Dashboard .mw-logo-wordmark,
body.page-Yangwa_Dashboard .mw-indicators,
body.page-Yangwa_Dashboard .vector-header-container,
body.page-Yangwa_Dashboard .vector-page-toolbar-container {
  display: none !important;
}

/* GroupIntro 页面也统一浅色背景并隐藏顶部 */
body.page-Yangwa_GroupIntro #mw-head,
body.page-Yangwa_GroupIntro #p-logo,
body.page-Yangwa_GroupIntro .mw-logo-wordmark,
body.page-Yangwa_GroupIntro .vector-header-container,
body.page-Yangwa_GroupIntro .vector-page-toolbar-container,
body.page-Yangwa_GroupIntro .firstHeading {
  display: none !important;
}

body.page-Yangwa_GroupIntro {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* 🧼 移除 Main Page 中 mw-body 蓝边框 */
body.page-Main_Page .mw-body {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
}

/* === 全站统一为暗色背景风格 === */
body.skin-vector-2022 {
  background-color: #121212 !important;
  color: #eeeeee !important;
}

body.skin-vector-2022 .mw-content-container {
  background-color: transparent !important;
}

body.skin-vector-2022 a {
  color: #5ab1f8 !important;
}