Module:Hatnote/styles.css: Difference between revisions
From Amaranth Legacy, available at amaranth-legacy.community
More actions
Content deleted Content added
move @print none to templatestyles from MediaWiki:Print.css to support MediaWiki talk:Common.css/to do#Turn mobile.css/js totally off |
Tesinormed (talk | contribs) Created page with ".hatnote1 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; text-align: left; } .hatnote1 > :first-child { flex: 0 2 90px; margin: 0 5px; } .hatnote1 img { max-width: 100%; height: 100%; } .hatnote1 > :last-child { flex: 1 1 fit-content; } .hatnote2 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; text-align: center; } .hatnote2 > :first-child, .hatnote2 > :last-child { flex: 0 2 auto; margin:..." |
||
| Line 1: | Line 1: | ||
.hatnote1 { |
|||
/* {{pp|small=y}} */ |
|||
display: flex; |
|||
.hatnote { |
|||
flex-direction: row; |
|||
flex-wrap: nowrap; |
|||
align-items: center; |
|||
text-align: left; |
|||
} |
} |
||
.hatnote1 > :first-child { |
|||
/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */ |
|||
flex: 0 2 90px; |
|||
div.hatnote { |
|||
| ⚫ | |||
/* @noflip */ |
|||
padding-left: 1.6em; |
|||
margin-bottom: 0.5em; |
|||
} |
} |
||
. |
.hatnote1 img { |
||
max-width: 100%; |
|||
height: 100%; |
|||
} |
} |
||
.hatnote1 > :last-child { |
|||
/* The templatestyles element inserts a link element before hatnotes. |
|||
flex: 1 1 fit-content; |
|||
* TODO: Remove link if/when WMF resolves T200206 */ |
|||
.hatnote + link + .hatnote { |
|||
| ⚫ | |||
} |
} |
||
.hatnote2 { |
|||
@media print { |
|||
display: flex; |
|||
body.ns-0 .hatnote { |
|||
flex-direction: row; |
|||
display: none !important; |
|||
flex-wrap: nowrap; |
|||
| ⚫ | |||
align-items: center; |
|||
text-align: center; |
|||
| ⚫ | |||
.hatnote2 > :first-child, |
|||
.hatnote2 > :last-child { |
|||
flex: 0 2 auto; |
|||
| ⚫ | |||
} |
|||
.hatnote2 img { |
|||
max-width: 100%; |
|||
height: 100%; |
|||
} |
|||
.hatnote2 > :nth-child(2) { |
|||
flex: 1 1 fit-content; |
|||
} |
} |
||
Revision as of 18:36, January 13, 2025
.hatnote1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
text-align: left;
}
.hatnote1 > :first-child {
flex: 0 2 90px;
margin: 0 5px;
}
.hatnote1 img {
max-width: 100%;
height: 100%;
}
.hatnote1 > :last-child {
flex: 1 1 fit-content;
}
.hatnote2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
text-align: center;
}
.hatnote2 > :first-child,
.hatnote2 > :last-child {
flex: 0 2 auto;
margin: 0 5px;
}
.hatnote2 img {
max-width: 100%;
height: 100%;
}
.hatnote2 > :nth-child(2) {
flex: 1 1 fit-content;
}