打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css

MediaWiki界面页面
9Yan留言 | 贡献2025年8月11日 (一) 14:54的版本

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
/* 这里放置的CSS将应用于所有皮肤 */

/* 隐藏分类页面的子页面 */
.mw-category-generated { display: none; }

.overworld-coordinate {
	color: darkgreen;
}

.nether-coordinate {
	color: crimson;
}

.end-coordinate {
	color: purple;
}

/* CategoryTreeTag */
.CategoryTreeTag {
  display: flex;
  flex-wrap: wrap; /* 允许项目换行 */
  gap: 1em; /* 设置项目之间的间距 */
}

.CategoryTreeTag > .CategoryTreeSection {
  flex-grow: 1; /* 允许项目在空间充足时增长 */
  flex-basis: 250px; /* 设置项目的最小宽度 */
}

/* 针对不同屏幕宽度的响应式布局 */
@media (max-width: 1024px) {
  .CategoryTreeTag > .CategoryTreeSection {
    flex-basis: 300px; /* 中等屏幕下每个项目的最小宽度 */
  }
}

@media (max-width: 768px) {
  .CategoryTreeTag > .CategoryTreeSection {
    flex-basis: 400px; /* 平板屏幕下每个项目的最小宽度 */
  }
}

@media (max-width: 480px) {
  .CategoryTreeTag > .CategoryTreeSection {
    flex-basis: 100%; /* 小屏幕(手机)下每个项目占满一行 */
  }
}