mediawiki-skins-MinervaNeue/resources/skins.minerva.styles/print/article.less

136 lines
1.9 KiB
Plaintext
Raw Normal View History

/* stylelint-disable selector-max-id */
@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
@dividerHeight: 2px;
@dividerSpacing: 28px;
.hatnote,
.pre-content #p-views {
display: none;
}
.pre-content {
display: block;
padding: 51px 0 35px;
h1 {
font-size: 70px;
font-weight: normal;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: @color-print;
}
.tagline {
font-size: 36px;
}
}
Fix various problems with print styles These styles have drifted away from the HTML structure since they were written in 2017. General: * Add some comments * Replace complicated selectors with simple class selectors styles.less: * Hide section edit links (previously we relied on MobileFrontend styles, which one handled some cases - removing them in I9a88b80c2a) * Show print footer, hide Minerva footer header.less: * Remove FIXME (resolved in c323c6858a). * Fix hiding the search box. In 0bee6a1eb6 a <form> for the search box was added to the header, and these styles (using tag selectors) were not updated. Use class selectors instead. * Remove styles for <h1>. The element was changed to <a> in a905b1c161, styles to override font-size etc. are no longer needed. * Consolidate 'padding' rules and remove unneeded !important. article.less: * Replace the `[ class|='mw-content' ]` selector, which was not matching anything. It would match elements with `class="mw-content"` or `class="mw-content-…"`, but the node we're trying to style has `class="mw-body-content mw-content-ltr"` (since 7cda5b0bf8 in MediaWiki core). Use a class selector instead. * Replace the `.mw-body > .content` selector too. While this one works, it is also needlessly complicated. footer.less: * Fix and simplify how last-modified info and license text is unhidden (while other parts of the footer remain hidden). * Remove styles for .license. Unused since 1f2b7dff15, use the desktop footer added in that commit instead. * Use the desktop footer for last-modified info, since it's more suitable for "archiving" (it has a date rather than time ago). Bug: T323636 Change-Id: I21ef26355e3e6dd8b0c34ae933b7f5b0b222655c
2022-11-23 12:06:18 +00:00
.content {
padding-top: 55px;
position: relative;
&::before {
top: 0;
}
}
.thumbinner {
width: auto !important;
// Force image link to take up maximum available space so that
// the thumbnail inside can be aligned left rather than centered
> a {
width: 100%;
}
}
.thumb {
position: relative;
padding: (@dividerSpacing*2) + @dividerHeight 0 !important;
text-align: left;
margin: 0 !important;
&::after {
bottom: @dividerHeight + @dividerSpacing;
}
}
.thumb::after,
.content::before {
position: absolute;
left: 0;
content: '';
display: block;
width: 55px;
height: @dividerHeight;
// `background` used as `border`.
background: @border-color-print;
}
.thumbcaption {
margin-top: 23px !important;
width: 100%;
font-style: italic;
font-size: 28px;
}
Fix various problems with print styles These styles have drifted away from the HTML structure since they were written in 2017. General: * Add some comments * Replace complicated selectors with simple class selectors styles.less: * Hide section edit links (previously we relied on MobileFrontend styles, which one handled some cases - removing them in I9a88b80c2a) * Show print footer, hide Minerva footer header.less: * Remove FIXME (resolved in c323c6858a). * Fix hiding the search box. In 0bee6a1eb6 a <form> for the search box was added to the header, and these styles (using tag selectors) were not updated. Use class selectors instead. * Remove styles for <h1>. The element was changed to <a> in a905b1c161, styles to override font-size etc. are no longer needed. * Consolidate 'padding' rules and remove unneeded !important. article.less: * Replace the `[ class|='mw-content' ]` selector, which was not matching anything. It would match elements with `class="mw-content"` or `class="mw-content-…"`, but the node we're trying to style has `class="mw-body-content mw-content-ltr"` (since 7cda5b0bf8 in MediaWiki core). Use a class selector instead. * Replace the `.mw-body > .content` selector too. While this one works, it is also needlessly complicated. footer.less: * Fix and simplify how last-modified info and license text is unhidden (while other parts of the footer remain hidden). * Remove styles for .license. Unused since 1f2b7dff15, use the desktop footer added in that commit instead. * Use the desktop footer for last-modified info, since it's more suitable for "archiving" (it has a date rather than time ago). Bug: T323636 Change-Id: I21ef26355e3e6dd8b0c34ae933b7f5b0b222655c
2022-11-23 12:06:18 +00:00
.mw-body-content {
font-size: 36px;
a {
text-decoration: underline;
color: @color-print;
}
blockquote {
color: @color-print-subtle;
padding: 5px 39px;
font-style: italic;
}
.mw-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 16px;
}
.mw-heading2,
h2 {
font-size: 48px;
}
.mw-heading3,
h3 {
font-size: 40px;
margin-bottom: 13px;
}
.mw-heading4,
.mw-heading5,
.mw-heading6,
h4,
h5,
h6 {
font-size: 36px;
margin-bottom: 12px;
}
.wikitable {
font-size: 16px;
}
.infobox {
font-size: 30px;
}
}