MediaWiki:Common.css

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

Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-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: grid;
  grid-auto-flow: column; /* 关键：让项目垂直排列，然后换列 */
  gap: 1em; /* 项目之间的间距 */

  /* 默认情况下，有足够的空间时显示4列 */
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, auto);
}

/* 针对不同屏幕宽度的响应式布局 */
@media (max-width: 1200px) {
  .CategoryTreeTag {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);
  }
}

@media (max-width: 768px) {
  .CategoryTreeTag {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, auto);
  }
}

@media (max-width: 480px) {
  .CategoryTreeTag {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(12, auto);
  }
}