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
No edit summary
m Protected "Module:Note/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) [cascading]
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
.module-note-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);
padding: var(--space-sm);
margin-top: var(--space-xs);
margin-top: var(--space-xs);
margin-bottom: var(--space-md);
margin-bottom: var(--space-md);
background: var(--background-color-progressive);
background: #384f94;
color: var(--color-inverted-primary);
color: var(--color-inverted-primary);
border-radius: var(--border-radius--medium);
border-radius: var(--border-radius-medium);
}
}


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


.module-note a,
.module-note-container:not(.module-note-warning) .module-note::selection,
.module-note a:visited,
.module-note-container:not(.module-note-warning) .module-note *::selection{
.module-note a:hover,
background-color: var(--color-syntax-orange);
.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;
}