mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/print/article.less
Bartosz Dziewoński 50fc799b07 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
2023-01-03 21:57:11 +00:00

122 lines
1.7 KiB
Plaintext

@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
@dividerHeight: 2px;
@dividerSpacing: 28px;
// stylelint-disable-next-line selector-max-id
.hatnote,
.pre-content #page-actions {
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: @colorGray1;
}
.tagline {
font-size: 36px;
}
}
.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: @borderColorPrint;
}
.thumbcaption {
margin-top: 23px !important;
width: 100%;
font-style: italic;
font-size: 28px;
}
.mw-body-content {
font-size: 36px;
a {
text-decoration: underline;
color: @colorGray2;
}
blockquote {
color: @colorGray5;
padding: 5px 39px;
font-style: italic;
}
.section-heading {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 16px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 40px;
margin-bottom: 13px;
}
h4, h5, h6 {
font-size: 36px;
margin-bottom: 12px;
}
.wikitable {
font-size: 16px;
}
.infobox {
font-size: 30px;
}
}