MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
小无编辑摘要 |
无编辑摘要 |
||
| 第14行: | 第14行: | ||
.end-coordinate { | .end-coordinate { | ||
color: purple; | 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%; /* 小屏幕(手机)下每个项目占满一行 */ | |||
} | |||
} | } | ||
2025年8月11日 (一) 14:54的版本
/* 这里放置的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%; /* 小屏幕(手机)下每个项目占满一行 */
}
}