4,427
edits
MediaWiki:Print.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* =========================== | /* ============================ | ||
Softwear — Print stylesheet | Softwear — Print stylesheet (A4, narrow column) | ||
One-column ~half A4 width, compact type to fit on 1 page | |||
=========================== */ | ============================ */ | ||
/* 1) Font face */ | /* 1) Font face */ | ||
| Line 25: | Line 25: | ||
font-family: 'HALColant-TextRegular', Georgia, "Times New Roman", serif; | font-family: 'HALColant-TextRegular', Georgia, "Times New Roman", serif; | ||
color: #292828 !important; | color: #292828 !important; | ||
font-size: 10.5pt; /* compact base */ | |||
line-height: 1.2; | |||
} | } | ||
/* 4) Page + container */ | /* 4) Page + narrow container (A4 portrait) */ | ||
@page { size: | @page { size: A4 portrait; margin: 10mm; } | ||
/* Keep selector name for compatibility with your HTML */ | |||
.entry-wrapper.print-a5 { | .entry-wrapper.print-a5 { | ||
width: | width: 100mm; /* ≈ half of printable A4 width (after margins) */ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: | margin: 0 auto; /* center column on page */ | ||
padding: 3mm; | |||
} | } | ||
/* 5) Titles & people */ | /* 5) Titles & people (compact) */ | ||
.article-title { | .article-title { | ||
font-size: 22px | font-size: 16px; /* was 22px */ | ||
line-height: | line-height: 18px; | ||
letter-spacing: 0. | letter-spacing: 0.6px; | ||
text-align: center; | text-align: center; | ||
margin: 0; | margin: 0; | ||
} | } | ||
.article-people { | .article-people { | ||
font-size: 22px | font-size: 16px; /* was 22px */ | ||
line-height: | line-height: 20px; | ||
letter-spacing: 0. | letter-spacing: 0.6px; | ||
text-align: center; | text-align: center; | ||
text-decoration: underline; | text-decoration: underline; | ||
margin: 0; | margin: 0; | ||
padding-top: 15px | padding-top: 8px; /* was 15px */ | ||
} | } | ||
.article-people a { text-decoration: underline; color: #292828 !important; } | .article-people a { text-decoration: underline; color: #292828 !important; } | ||
| Line 67: | Line 71: | ||
.article-mod-line { | .article-mod-line { | ||
position: relative; | position: relative; | ||
padding-bottom: | padding-bottom: 5px; /* was 7px */ | ||
border-bottom: none !important;/* clear any old borders */ | border-bottom: none !important;/* clear any old borders */ | ||
} | } | ||
| Line 115: | Line 119: | ||
.article-quote, | .article-quote, | ||
.article-mod-line { | .article-mod-line { | ||
border-bottom: 0.5pt solid #292828 !important; /* override | border-bottom: 0.5pt solid #292828 !important; /* override earlier “none” */ | ||
} | } | ||
| Line 124: | Line 128: | ||
/* 7) Entry number row */ | /* 7) Entry number row */ | ||
.article-entry-number { | .article-entry-number { | ||
font-size: 16px | font-size: 12px; /* was 16px */ | ||
line-height: 23px | line-height: 16px; /* was 23px */ | ||
letter-spacing: 0; | letter-spacing: 0; | ||
margin: 0; | margin: 0; | ||
| Line 135: | Line 139: | ||
color: #292828 !important; | color: #292828 !important; | ||
text-decoration: none; | text-decoration: none; | ||
margin: | margin: 2px 0 0 0; /* was 4px */ | ||
padding-top: 0; | padding-top: 0; | ||
} | } | ||
| Line 148: | Line 152: | ||
/* 9) Type line */ | /* 9) Type line */ | ||
.article-type { | .article-type { | ||
font-size: 16px | font-size: 12px; /* was 16px */ | ||
line-height: 1; | line-height: 1; | ||
letter-spacing: 0; | letter-spacing: 0; | ||
margin: 0; | margin: 0; | ||
padding-top: 7px | padding-top: 4px; /* was 7px */ | ||
color: #292828 !important; | color: #292828 !important; | ||
} | } | ||
| Line 167: | Line 171: | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(3, 1fr); | grid-template-columns: repeat(3, 1fr); | ||
gap: 2mm | gap: 1.5mm; /* was 2mm */ | ||
padding-top: 11px | padding-top: 6px; /* was 11px */ | ||
line-height: 1 !important; | line-height: 1 !important; | ||
} | } | ||
.article-metadata-label { | .article-metadata-label { | ||
font-size: 13px | font-size: 10px; /* was 13px */ | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 0. | letter-spacing: 0.2px; | ||
} | } | ||
.article-metadata-value { | .article-metadata-value { | ||
font-size: 15px | font-size: 12px; /* was 15px */ | ||
text-transform: capitalize; | text-transform: capitalize; | ||
} | } | ||
| Line 201: | Line 205: | ||
.image-container img { | .image-container img { | ||
display: block; | display: block; | ||
max-height: 85mm | max-height: 45mm; /* was 85mm */ | ||
height: auto; | height: auto; | ||
width: auto; | width: auto; | ||
| Line 228: | Line 232: | ||
.article-label-modification-date { | .article-label-modification-date { | ||
text-transform: uppercase; | text-transform: uppercase; | ||
margin: | margin: 6px 0 0 0 !important; /* was 10px */ | ||
padding: 0 !important; | padding: 0 !important; | ||
text-indent: 35px | text-indent: 28px; /* was 35px */ | ||
line-height: 1; | line-height: 1; | ||
font-size: 14px | font-size: 11px; /* was 14px */ | ||
letter-spacing: 0. | letter-spacing: 0.3px; | ||
break-after: avoid; page-break-after: avoid; | break-after: avoid; page-break-after: avoid; | ||
} | } | ||
| Line 242: | Line 246: | ||
.article-external-reference + .article-label-quote, | .article-external-reference + .article-label-quote, | ||
.article-quote + .article-label-modification-date { | .article-quote + .article-label-modification-date { | ||
margin-top: | margin-top: 8px !important; /* was 10px */ | ||
} | } | ||
.article-description, | .article-description, | ||
| Line 249: | Line 253: | ||
.article-quote, | .article-quote, | ||
.article-mod-line { | .article-mod-line { | ||
text-indent: 35px | text-indent: 28px; /* was 35px */ | ||
line-height: 1.3 | line-height: 1.2; /* was 1.3 */ | ||
font-size: 20px | font-size: 14px; /* was 20px */ | ||
letter-spacing: 0.8px | letter-spacing: 0.4px; /* was 0.8px */ | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
padding-top: 0 !important; | padding-top: 0 !important; | ||
| Line 266: | Line 270: | ||
/* 13) Quote */ | /* 13) Quote */ | ||
.article-quote { | .article-quote { | ||
font-size: 26px | font-size: 16px; /* was 26px */ | ||
line-height: 1; | line-height: 1.1; | ||
letter-spacing: | letter-spacing: 0.6px; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
| Line 277: | Line 281: | ||
color: grey; | color: grey; | ||
line-height: 1; | line-height: 1; | ||
font-size: 14px | font-size: 11px; /* was 14px */ | ||
letter-spacing: 0. | letter-spacing: 0.3px; | ||
margin: | margin: 5px 0 0 0 !important; | ||
padding-top: 0!important; | padding-top: 0!important; | ||
} | } | ||
.article-mod-line > span { display: inline; margin: 0; padding: 0; } | .article-mod-line > span { display: inline; margin: 0; padding: 0; } | ||
.article-mod-line > span + span { margin-left: 6px; } | .article-mod-line > span + span { margin-left: 6px; } | ||
.article-modification-date { font-size: | .article-modification-date { font-size: 11px; letter-spacing: 0.3px; } | ||
/* 15) Vector resets */ | /* 15) Vector resets */ | ||
| Line 296: | Line 300: | ||
text-decoration: none; | text-decoration: none; | ||
color: #292828 !important; | color: #292828 !important; | ||
font-size: 17px | font-size: 13px; /* was 17px */ | ||
line-height: 1; | line-height: 1.1; /* was 1 */ | ||
letter-spacing: 0; | letter-spacing: 0; | ||
} | } | ||
| Line 339: | Line 343: | ||
break-inside: avoid; | break-inside: avoid; | ||
} | } | ||
/* Optional emergency shrink for extreme cases (non‑standard) */ | |||
/* .entry-wrapper.print-a5 { zoom: 0.95; } */ | |||
} | } | ||