4,456
edits
MediaWiki:Print.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
=========================== */ | =========================== */ | ||
/* 1 | /* 1 Font face */ | ||
@font-face { | @font-face { | ||
font-family: 'HALColant-TextRegular'; | font-family: 'HALColant-TextRegular'; | ||
| Line 15: | Line 15: | ||
} | } | ||
/* 2 | /* 2 Print color fidelity */ | ||
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; } | * { -webkit-print-color-adjust: exact; print-color-adjust: exact; } | ||
/* 3 | /* 3 Base visibility & typography */ | ||
.print-only { display: block !important; } | .print-only { display: block !important; } | ||
| Line 29: | Line 29: | ||
} | } | ||
/* 4 | /* 4 Page & narrow column | ||
A4 portrait; 12mm outer margin. | A4 portrait; 12mm outer margin. | ||
Content column = 93mm centered. | Content column = 93mm centered. | ||
| Line 37: | Line 37: | ||
.entry-wrapper.print-a4-narrow { | .entry-wrapper.print-a4-narrow { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
width: 93mm; | width: 93mm; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 3mm; | padding: 3mm; | ||
} | } | ||
| Line 47: | Line 47: | ||
position: relative; | position: relative; | ||
} | } | ||
/* 5 | .print-no-border .entry-wrapper { | ||
border: none !important; | |||
} | |||
/* 5 Titles & people (COMPACT) */ | |||
.article-title { | .article-title { | ||
font-size: 16px; | font-size: 16px; | ||
| Line 150: | Line 153: | ||
/* 7 | /* 7 Entry number row */ | ||
.article-entry-number { | .article-entry-number { | ||
font-size: 12px; | font-size: 12px; | ||
| Line 157: | Line 160: | ||
} | } | ||
/* 8 | /* 8 Centered link row ([PDF⤴] [WEB⤴]) */ | ||
.link-pdf { | .link-pdf { | ||
text-align: center; | text-align: center; | ||
| Line 173: | Line 176: | ||
} | } | ||
/* 9 | /* 9 Type line */ | ||
.article-type { | .article-type { | ||
font-size: 12px; | font-size: 12px; | ||
| Line 183: | Line 186: | ||
.article-type a { text-decoration: none; color: #292828 !important; } | .article-type a { text-decoration: none; color: #292828 !important; } | ||
/* 10 | /* 10 Metadata grid (COMPACT) */ | ||
.article-metadata, | .article-metadata, | ||
.article-metadata * { | .article-metadata * { | ||
| Line 211: | Line 214: | ||
} | } | ||
/* 11 | /* 11 Images (shorter to favor text) */ | ||
.article-metadata + .article-images { margin-top: 0 !important; padding-top: 0 !important; } | .article-metadata + .article-images { margin-top: 0 !important; padding-top: 0 !important; } | ||
.article-images { margin: 0 !important; padding-top: 0 !important; } | .article-images { margin: 0 !important; padding-top: 0 !important; } | ||
| Line 244: | Line 247: | ||
.caption-image1:empty { display: none; } | .caption-image1:empty { display: none; } | ||
/* 12 | /* 12 Labels & bodies (COMPACT) */ | ||
.article-label-description, | .article-label-description, | ||
.article-label-reflection, | .article-label-reflection, | ||
| Line 287: | Line 290: | ||
} | } | ||
/* 13 | /* 13 Quote (COMPACT) */ | ||
.article-quote { | .article-quote { | ||
font-size: 13px; | font-size: 13px; | ||
| Line 294: | Line 297: | ||
} | } | ||
/* 14 | /* 14 Mod line */ | ||
.article-mod-line { | .article-mod-line { | ||
white-space: nowrap; | white-space: nowrap; | ||
| Line 308: | Line 311: | ||
.article-modification-date { font-size: 11px; letter-spacing: 0.3px; } | .article-modification-date { font-size: 11px; letter-spacing: 0.3px; } | ||
/* 15 | /* 15 Vector resets */ | ||
.vector-body p { margin: 0 !important; padding: 0 !important; } | .vector-body p { margin: 0 !important; padding: 0 !important; } | ||
/* 16 | /* 16 Links */ | ||
a[href]:after { content: none !important; } | a[href]:after { content: none !important; } | ||
.article-external-reference a { | .article-external-reference a { | ||
| Line 323: | Line 326: | ||
} | } | ||
/* 17 | /* 17 Page control */ | ||
#article-content { orphans: 2; widows: 2; } | #article-content { orphans: 2; widows: 2; } | ||
/* 18 | /* 18 Prevent bad splits */ | ||
#article-title, | #article-title, | ||
.article-title-link, | .article-title-link, | ||
| Line 363: | Line 366: | ||
/* === FORCE narrow column on print (robust) === */ | /* === FORCE narrow column on print (robust) === */ | ||
@media print { | @media print { | ||
/* 1 | /* 1 Make sure the column itself is 93mm and centered */ | ||
.entry-wrapper.print-a4-narrow, | .entry-wrapper.print-a4-narrow, | ||
.print-only.entry-wrapper, | .print-only.entry-wrapper, | ||
| Line 374: | Line 377: | ||
} | } | ||
/* 2 | /* 2 If the wrapper class isn't present, fall back to constraining .print-only itself */ | ||
.print-only { | .print-only { | ||
width: 93mm !important; | width: 93mm !important; | ||
| Line 383: | Line 386: | ||
} | } | ||
/* 3 | /* 3 Prevent descendants from stretching the width */ | ||
.print-only *, | .print-only *, | ||
.entry-wrapper.print-a4-narrow * { | .entry-wrapper.print-a4-narrow * { | ||