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

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
9Yan留言 | 贡献
无编辑摘要
9Yan留言 | 贡献
无编辑摘要
第19行: 第19行:
.CategoryTreeTag {
.CategoryTreeTag {
   display: grid;
   display: grid;
  grid-auto-flow: column; /* 按列填充 */
  grid-template-columns: repeat(4, 1fr); /* 显式定义4列,让每列等宽 */
  grid-template-rows: repeat(auto-fill, minmax(20px, 1fr)); /* 关键:让行数自动适应 */
   gap: 1em;
   gap: 1em;
  grid-template-columns: repeat(4, 1fr);
}
}


/* 针对不同屏幕宽度的响应式布局 */
/* 响应式设计 */
@media (max-width: 1200px) {
@media (max-width: 1200px) {
   .CategoryTreeTag {
   .CategoryTreeTag {
     grid-template-columns: repeat(3, 1fr); /* 屏幕变窄,改为3列 */
     grid-template-columns: repeat(3, 1fr);
   }
   }
}
}
第32行: 第34行:
@media (max-width: 768px) {
@media (max-width: 768px) {
   .CategoryTreeTag {
   .CategoryTreeTag {
     grid-template-columns: repeat(2, 1fr); /* 屏幕更窄,改为2列 */
     grid-template-columns: repeat(2, 1fr);
   }
   }
}
}
第38行: 第40行:
@media (max-width: 480px) {
@media (max-width: 480px) {
   .CategoryTreeTag {
   .CategoryTreeTag {
     grid-template-columns: 1fr; /* 手机屏幕,改为1列 */
     grid-template-columns: 1fr;
   }
   }
}
}

2025年8月11日 (一) 15:05的版本

/* 这里放置的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; /* 按列填充 */
  grid-template-columns: repeat(4, 1fr); /* 显式定义4列,让每列等宽 */
  grid-template-rows: repeat(auto-fill, minmax(20px, 1fr)); /* 关键:让行数自动适应 */
  gap: 1em;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .CategoryTreeTag {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

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