Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Module:Note/styles.css: Difference between revisions

From Amaranth Legacy, available at amaranth-legacy.community
Content deleted Content added
m Tesinormed moved page Module:Hatnote/styles.css to Module:Note/styles.css without leaving a redirect
m Protected "Module:Note/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) [cascading]
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
.hatnote-container {
.module-note-container {
display: flex;
display: flex;
gap: var(--space-sm);
align-items: center;
align-items: center;
padding: var( --space-sm ) var( --space-md );
margin-top: var( --space-xs );
padding: var(--space-sm);
margin-bottom: var( --space-md );
margin-top: var(--space-xs);
background: var( --color-surface-2 );
margin-bottom: var(--space-md);
background: #384f94;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--medium );
color: var(--color-inverted-primary);
color: var( --color-base--subtle );
border-radius: var(--border-radius-medium);
font-size: var( --font-size-small );
line-height: var( --line-height-xs );
}
}


.hatnote-icon img {
.module-note-icon img {
display: block;
display: block;
width: var( --font-size-small );
filter: var(--filter-invert-fixed);
}
height: auto;

margin-right: var( --space-xs );
.module-note a,
opacity: var( --opacity-icon-base );
.module-note a:visited,
filter: var( --filter-invert );
.module-note a:hover,
.module-note a:visited:hover {
color: #00fae1 !important;
}
}

Latest revision as of 10:52, September 11, 2025

.module-note-container {
	display: flex;
	gap: var(--space-sm);
	align-items: center;
	padding: var(--space-sm);
	margin-top: var(--space-xs);
	margin-bottom: var(--space-md);
	background: #384f94;
	color: var(--color-inverted-primary);
	border-radius: var(--border-radius-medium);
}

.module-note-icon img {
	display: block;
	filter: var(--filter-invert-fixed);
}

.module-note a,
.module-note a:visited,
.module-note a:hover,
.module-note a:visited:hover {
	color: #00fae1 !important;
}