Module:Note/styles.css: Difference between revisions
From Amaranth Legacy, available at amaranth-legacy.community
More actions
Content deleted Content added
imported>Tesinormed m 1 revision imported |
Star Citizen Wiki>Alistair3149 No edit summary |
||
| Line 1: | Line 1: | ||
| ⚫ | |||
/* {{pp|small=y}} */ |
|||
display: flex; |
|||
| ⚫ | |||
align-items: center; |
|||
font-style: italic; |
|||
padding: var( --space-sm ) var( --space-md ); |
|||
| ⚫ | |||
margin-bottom: var( --space-md ); |
|||
background: var( --color-surface-2 ); |
|||
border: 1px solid var( --border-color-base ); |
|||
border-radius: var( --border-radius--medium ); |
|||
color: var( --color-base--subtle ); |
|||
font-size: var( --font-size-small ); |
|||
line-height: var( --line-height-xs ); |
|||
} |
} |
||
| ⚫ | |||
/* 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 ); |
|||
opacity: var( --opacity-icon-base ); |
|||
} |
|||
filter: var( --filter-invert ); |
|||
| ⚫ | |||
font-style: normal; |
|||
} |
|||
/* The templatestyles element inserts a link element before hatnotes. |
|||
* TODO: Remove link if/when WMF resolves T200206 */ |
|||
.hatnote + link + .hatnote { |
|||
| ⚫ | |||
} |
} |
||
Revision as of 06:12, October 17, 2024
.hatnote-container {
display: flex;
align-items: center;
padding: var( --space-sm ) var( --space-md );
margin-top: var( --space-xs );
margin-bottom: var( --space-md );
background: var( --color-surface-2 );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--medium );
color: var( --color-base--subtle );
font-size: var( --font-size-small );
line-height: var( --line-height-xs );
}
.hatnote-icon img {
display: block;
width: var( --font-size-small );
height: auto;
margin-right: var( --space-xs );
opacity: var( --opacity-icon-base );
filter: var( --filter-invert );
}