MediaWiki:Common.css：修订间差异

2025年6月16日 (一) 19:00的最新版本

/* 这里放置的CSS将应用于所有皮肤 */
.citizen-page-footer {
	z-index: 0;
}
/* Animation */
.animation-02s {
	transition: all 0.2s;
}

.animation-02s:hover {
	transition: all 0.2s;
}

.animation-scale:hover {
	transform: scale(1.05);
}

/* Blockquote */
blockquote:before {
	content: '“';
	font-size: 4rem;
	font-family: Arial;
	color: var(--color-base);
	opacity: 0.5;
	display: block;
	position: absolute;
	left: 0.5rem;
	top: -1.5rem;
	z-index: 1;
}

blockquote:after {
	content: '”';
	font-size: 4rem;
	font-family: Arial;
	color: var(--color-base);
	opacity: 0.5;
	display: block;
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
}

.quote-author {
	text-align: right;
}

/* Template: LinkButton */
.link-button p {
	display: flex;
	text-align: center;
}

.link-button a {
	flex-grow: 1;
	padding: 0.3rem 0.6rem;
	border: 1px solid;
	border-color: var( --border-color-base );
	background: var( --color-surface-2 );
	border-radius: 12px;
	color: var( --color-base--emphasized ) !important;
}

.link-button a:hover {
	text-decoration: none;
	background: var( --color-surface-2--hover );
}

.link-button a:active {
	background: var( --color-surface-2--active );
}

/* Gallery */
li.gallerybox div.thumb {
	margin: 4px;
}

@@ 第1行： / 第1行： @@
 /* 这里放置的CSS将应用于所有皮肤 */
+.citizen-page-footer {
+	z-index: 0;
+}
+/* Animation */
+.animation-02s {
+	transition: all 0.2s;
+}
-/* Template: Tip */
+.animation-02s:hover {
-/* Source: https://templatemanager.huijiwiki.com/wiki/%E9%9B%B6%E4%BB%B6:TipGreen.css */
+	transition: all 0.2s;
-.explain {
-    position: relative;
-	display: inline-flex;
-    flex-direction: column;
-    color: var(--a);
-    cursor: help;
 }
-.explain .explain-text {
+.animation-scale:hover {
-    background: rgba(0, 0, 0, 0.9) fixed;
+	transform: scale(1.05);
-    color: #fff;
-    font-size: 13px;
-    width: max-content;
-    max-width: 18em;
-    visibility: hidden;
-    opacity: 0.0;
-    border-radius: 2px;
-    padding: 4px;
-    position: absolute;
-    bottom: 110%;
-    transition: all .5s;
-    align-self: center;
-    line-height: initial;
 }
-.explain .explain-text::after {
+/* Blockquote */
-    content: " ";
+blockquote:before {
-    position: absolute;
+	content: '“';
-    top: 100%;
+	font-size: 4rem;
-    left: 50%;
+	font-family: Arial;
-    margin-left: -5px;
+	color: var(--color-base);
-    border: 5px solid;
+	opacity: 0.5;
-    border-color: rgba(0, 0, 0, 0.9) transparent transparent;
+	display: block;
+	position: absolute;
+	left: 0.5rem;
+	top: -1.5rem;
+	z-index: 1;
 }
-.explain:hover .explain-text {
+blockquote:after {
-    visibility: visible;
+	content: '”';
-    opacity: 1.0;
+	font-size: 4rem;
-    transition: all .5s;
+	font-family: Arial;
+	color: var(--color-base);
+	opacity: 0.5;
+	display: block;
+	position: absolute;
+	right: 1rem;
+	top: 1rem;
+	z-index: 1;
+}
+.quote-author {
+	text-align: right;
+}
+/* Template: LinkButton */
+.link-button p {
+	display: flex;
+	text-align: center;
+}
+.link-button a {
+	flex-grow: 1;
+	padding: 0.3rem 0.6rem;
+	border: 1px solid;
+	border-color: var( --border-color-base );
+	background: var( --color-surface-2 );
+	border-radius: 12px;
+	color: var( --color-base--emphasized ) !important;
+}
+.link-button a:hover {
+	text-decoration: none;
+	background: var( --color-surface-2--hover );
+}
+.link-button a:active {
+	background: var( --color-surface-2--active );
+}
+/* Gallery */
+li.gallerybox div.thumb {
+	margin: 4px;
 }