Module:Hatnote/styles.css: Difference between revisions

Revision as of 05:33, 4 July 2025

/* {{pp|small=y}} */
.hatnote {
	font-style: italic;
}

/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
div.hatnote {
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}

.hatnote i {
	font-style: normal;
}

/* The templatestyles element inserts a link element before hatnotes.
 * TODO: Remove link if/when WMF resolves T200206 */
.hatnote + link + .hatnote {
	margin-top: -0.5em;
}

@media print {
	body.ns-0 .hatnote {
		display: none !important;
	}
}

@@ Line 1: / Line 1: @@
-.hatnote-container {
+/* {{pp|small=y}} */
-	display: flex;
+.hatnote {
-	align-items: center;
+	font-style: italic;
-	padding: var(--space-sm) var(--space-md);
-	margin-block: var(--space-md);
-	background: var(--color-surface-1);
-	border: 1px solid var(--border-color-base);
-	border-radius: var(--border-radius-medium);
-	font-size: var(--font-size-small);
-	line-height: var(--line-height-xx-small);
 }
-.hatnote-icon img {
+/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
-	display: block;
+div.hatnote {
-	width: var(--font-size-small);
+	/* @noflip */
-	height: auto;
+	padding-left: 1.6em;
-	margin-right: var(--space-xs);
+	margin-bottom: 0.5em;
-	opacity: var(--opacity-icon-base);
+}
-	filter: var(--filter-invert);
+.hatnote i {
+	font-style: normal;
+}
+/* The templatestyles element inserts a link element before hatnotes.
+ * TODO: Remove link if/when WMF resolves T200206 */
+.hatnote + link + .hatnote {
+	margin-top: -0.5em;
+}
+@media print {
+	body.ns-0 .hatnote {
+		display: none !important;
+	}
 }