MediaWiki:Common.css：修订间差异

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);
}

@@ 第1行： / 第1行： @@
 /* 这里放置的CSS将应用于所有皮肤 */
-@media (min-width: 720px) {
+/* 隐藏分类页面的子页面 */
-	.infobox {
+.mw-category-generated { display: none; }
-		float: right;
-		clear: right;
-	}
-}
-.infobox {
+.overworld-coordinate {
-	max-width: 300px;
+	color: darkgreen;
-	margin: 1rem auto;
-	text-align: left;
-	background: #fafafa;
-	border-radius: 10px;
-	box-shadow: 0px 15px 20px LightGray;
 }
-.infobox tbody {
+.nether-coordinate {
-	display: flex;
+	color: crimson;
-	flex-wrap: wrap;
 }
-.infobox tr {
+.end-coordinate {
-	box-sizing: border-box;
+	color: purple;
-	padding: 0 0.5rem;
-}
-.infobox .infobox-img {
-	margin-bottom: 0.5rem;
-	padding: 0;
-	overflow: hidden;
-}
-.infobox .infobox-img td {
-    display: flex;
-    justify-content: center;
-}
-.infobox .infobox-img img {
-    height: 400px;
-    width: auto;
-}
-.infobox .title {
-	font-size: 1.5rem;
-	line-height: 1.6rem;
-}
-.infobox .subtitle {
-	font-size: 0.8rem;
-	line-height: 0.9rem;
-	color: #888;
 }
-.infobox .detail-header {
+/* CategoryTreeTag */
-	margin-top: 0.5rem;
+.CategoryTreeTag {
-	padding-top: 0.5rem;
+  columns: 4; /* 将内容分成4列 */
-	padding-bottom: 0.5rem;
+  column-gap: 1em; /* 列之间的间距 */
-	border-top: 1px solid #eee;
 }
-.infobox :not(.detail) {
+@media (max-width: 1200px) {
-	width: 100%;
+  .CategoryTreeTag {
+    columns: 3;
+  }
 }
-.infobox .detail {
+@media (max-width: 768px) {
-	display: flex;
+  .CategoryTreeTag {
-	flex-direction: column;
+    columns: 2;
-	width: 50%;
+  }
-	min-width: 4rem;
 }
-.infobox .detail th {
+@media (max-width: 480px) {
-	text-decoration: none;
+  .CategoryTreeTag {
-	color: #888;
+    columns: 1;
+  }
 }
-.overworld-coordinate {
+/* hr */
-	color: darkgreen;
+.mw-content-ltr {
+	position: relative;
 }
+.mw-content-ltr hr {
-.nether-coordinate {
+    margin-block-start: 2em;
-	color: crimson;
+    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));
 }
-.end-coordinate {
+.mw-content-ltr hr::after {
-	color: purple;
+    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);
 }