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

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
9Yan留言 | 贡献
无编辑摘要
9Yan留言 | 贡献
无编辑摘要
 
(未显示同一用户的5个中间版本)
第18行: 第18行:
/* CategoryTreeTag */
/* CategoryTreeTag */
.CategoryTreeTag {
.CategoryTreeTag {
   display: flex;
   columns: 4; /* 将内容分成4列 */
  flex-wrap: wrap; /* 允许项目换行 */
   column-gap: 1em; /* 列之间的间距 */
   gap: 1em; /* 设置项目之间的间距 */
}
}


.CategoryTreeTag > .CategoryTreeSection {
@media (max-width: 1200px) {
  flex-grow: 1; /* 允许项目在空间充足时增长 */
   .CategoryTreeTag {
  flex-basis: 250px; /* 设置项目的最小宽度 */
     columns: 3;
}
 
/* 针对不同屏幕宽度的响应式布局 */
@media (max-width: 1024px) {
   .CategoryTreeTag > .CategoryTreeSection {
     flex-basis: 300px; /* 中等屏幕下每个项目的最小宽度 */
   }
   }
}
}


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


@media (max-width: 480px) {
@media (max-width: 480px) {
   .CategoryTreeTag > .CategoryTreeSection {
   .CategoryTreeTag {
     flex-basis: 100%; /* 小屏幕(手机)下每个项目占满一行 */
     columns: 1;
   }
   }
}
/* hr */
.mw-content-ltr {
position: relative;
}
.mw-content-ltr hr {
    margin-block-start: 2em;
    margin-block-end: 2em;
    border: none;
    height: 1px;
    background-image: linear-gradient(to right, var(--color-surface-0), var(--color-base), var(--color-surface-0));
}
.mw-content-ltr hr::after {
    content: 'ℋ';
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: 50% 50%;
    padding: 0.5rem;
    color: var(--color-subtle);
    background-color: var(--color-surface-0);
}
}

2025年8月14日 (四) 00:23的最新版本

/* 这里放置的CSS将应用于所有皮肤 */

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

.overworld-coordinate {
	color: darkgreen;
}

.nether-coordinate {
	color: crimson;
}

.end-coordinate {
	color: purple;
}

/* CategoryTreeTag */
.CategoryTreeTag {
  columns: 4; /* 将内容分成4列 */
  column-gap: 1em; /* 列之间的间距 */
}

@media (max-width: 1200px) {
  .CategoryTreeTag {
    columns: 3;
  }
}

@media (max-width: 768px) {
  .CategoryTreeTag {
    columns: 2;
  }
}

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

/* hr */
.mw-content-ltr {
	position: relative;
}
.mw-content-ltr hr {
    margin-block-start: 2em;
    margin-block-end: 2em;
    border: none;
    height: 1px;
    background-image: linear-gradient(to right, var(--color-surface-0), var(--color-base), var(--color-surface-0));
}

.mw-content-ltr hr::after {
    content: 'ℋ';
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: 50% 50%;
    padding: 0.5rem;
    color: var(--color-subtle);
    background-color: var(--color-surface-0);
}