MediaWiki:Mobile.css：修订间差异

2026年6月2日 (二) 20:54的版本

/* ----------------------------------------------------------
   1. 顶部导航栏
   ---------------------------------------------------------- */
.navbar, .navbar-default, #mw-navigation .navbar {
  background: #fff;
  border: none;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  min-height: 54px;
}

.navbar-brand, .navbar-default .navbar-brand {
  font-weight: 800;
  font-size: 1.15em;
  color: #2d7dd2;
  padding: 14px 12px;
}
.navbar-brand:hover { color: #1b5eb5; }

.navbar-nav > li > a, .navbar-default .navbar-nav > li > a {
  color: #4b5563;
  font-weight: 500;
  font-size: 0.9em;
  padding: 16px 14px;
  transition: color .15s;
}
.navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
  color: #2d7dd2;
  background: transparent;
}
.navbar-nav > li.active > a {
  border-bottom: 2px solid #2d7dd2;
}

.navbar-nav .dropdown-menu {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10);
  padding: 6px 0;
}
.navbar-nav .dropdown-menu > li > a {
  color: #1a1d24;
  padding: 8px 18px;
  font-size: 0.88em;
}
.navbar-nav .dropdown-menu > li > a:hover {
  background: #e6f0fb;
  color: #2d7dd2;
}

/* ----------------------------------------------------------
   2. 内容区背景透明（让 Common.css 的卡片样式显露）
   ---------------------------------------------------------- */
#content, #mw-content-container, .mw-body {
  background: transparent;
  border: none;
  box-shadow: none;
}

.skin-chameleon #mw-content-text {
  background: transparent;
}

/* ----------------------------------------------------------
   3. 侧边栏面板
   ---------------------------------------------------------- */
.skin-chameleon .panel, .chameleon-sidebar .panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  margin-bottom: 16px;
  overflow: hidden;
}
.skin-chameleon .panel-heading, .chameleon-sidebar .panel-heading {
  background: #2d7dd2;
  color: #fff;
  font-weight: 600;
  font-size: 0.88em;
  padding: 10px 16px;
  border: none;
}
.skin-chameleon .panel-body a, .chameleon-sidebar .panel-body a {
  color: #4b5563;
  display: block;
  padding: 6px 16px;
  font-size: 0.86em;
  transition: color .15s, background .15s;
}
.skin-chameleon .panel-body a:hover, .chameleon-sidebar .panel-body a:hover {
  color: #2d7dd2;
  background: #e6f0fb;
  text-decoration: none;
}
.skin-chameleon .panel-body ul { list-style: none; margin: 0; padding: 0; }
.skin-chameleon .panel-body ul li { border-bottom: 1px solid #f3f4f6; }
.skin-chameleon .panel-body ul li:last-child { border-bottom: none; }

/* ----------------------------------------------------------
   4. 页脚
   ---------------------------------------------------------- */
footer, #footer, .mw-footer {
  background: #fff;
  border-top: 1px solid #e5e7eb;
  padding: 20px 24px;
  margin-top: 40px;
  font-size: 0.8em;
  color: #9ca3af;
  text-align: center;
}
footer a, #footer a { color: #4b5563; }
footer a:hover, #footer a:hover { color: #2d7dd2; }

/* ----------------------------------------------------------
   5. 页面操作标签（编辑/历史/讨论）
   ---------------------------------------------------------- */
.nav-tabs, #p-views ul {
  border-bottom: 1px solid #e5e7eb;
}
.nav-tabs > li > a, #p-views li a {
  color: #4b5563;
  font-size: 0.86em;
  padding: 8px 14px;
  border: none;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
}
.nav-tabs > li > a:hover, #p-views li a:hover {
  color: #2d7dd2;
  background: transparent;
  border-bottom-color: #2d7dd2;
}
.nav-tabs > li.active > a, #p-views li.selected a {
  color: #2d7dd2;
  font-weight: 600;
  border-bottom-color: #2d7dd2;
  background: transparent;
}

/* ----------------------------------------------------------
   6. 按钮
   ---------------------------------------------------------- */
.btn-primary, .mw-ui-progressive, input[type="submit"] {
  background: #2d7dd2;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  padding: 8px 20px;
  font-size: 0.88em;
  transition: background .15s, box-shadow .15s;
}
.btn-primary:hover, .mw-ui-progressive:hover, input[type="submit"]:hover {
  background: #1b5eb5;
  box-shadow: 0 2px 8px rgba(45,125,210,0.25);
}

.btn-default, .mw-ui-quiet {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #4b5563;
  padding: 8px 20px;
  font-size: 0.88em;
  transition: background .15s;
}
.btn-default:hover, .mw-ui-quiet:hover {
  background: #e6f0fb;
  color: #2d7dd2;
  border-color: #2d7dd2;
}

/* ----------------------------------------------------------
   7. 编辑页面
   ---------------------------------------------------------- */
#editform textarea, .mw-editfont-default {
  font-family: "JetBrains Mono", "Fira Code", monospace;
  font-size: 0.88em;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px;
  background: #fff;
  line-height: 1.7;
}
#editform textarea:focus {
  border-color: #2d7dd2;
  box-shadow: 0 0 0 3px rgba(45,125,210,0.12);
  outline: none;
}

/* ----------------------------------------------------------
   8. Bootstrap 杂项覆盖
   ---------------------------------------------------------- */
.well {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.panel-default > .panel-heading {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #1a1d24;
}

/* 副标题 */
#contentSub { color: #9ca3af; font-size: 0.82em; margin-bottom: 10px; }
#siteSub { color: #9ca3af; font-size: 0.8em; margin-bottom: 10px; }