MediaWiki:Print.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will affect the print output: →A5 page setup: @page { size: A5 portrait; margin: 12mm; } @media print { →hide site chrome: .mw-header, .mw-footer, .mw-portlet, .sidebar, .noprint { display: none !important; } body { margin: 0; font-family: Georgia, "Times New Roman", serif; color: #111; } .entry-wrapper.print-a5 { width: 100%; box-sizing: border-box; page-break-after: always; } →keep key blocks together: ...") |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect the print output */ | /* CSS placed here will affect the print output */ | ||
/* | /* hide print block on screen */ | ||
.print-only { display: none; } | |||
} | |||
@media print { | @media print { | ||
/* hide site chrome */ | /* hide on-screen layout and site chrome */ | ||
.mw-header, .mw-footer | #show-article-wrapper-entry, | ||
#show-event-wrapper, | |||
.mw-header, .mw-footer, .sidebar, .noprint { display: none !important; } | |||
/* show the print version */ | |||
.print-only { display: block; } | |||
/* A5 page */ | |||
@page { size: A5 portrait; margin: 12mm; } | |||
body { margin: 0; font-family: Georgia, "Times New Roman", serif; color: #111; } | body { margin: 0; font-family: Georgia, "Times New Roman", serif; color: #111; } | ||
.entry-wrapper.print-a5 { | .entry-wrapper.print-a5 { width: 100%; box-sizing: border-box; page-break-after: always; } | ||
#article-title, .article-title-link, .article-images, .article-metadata { page-break-inside: avoid; } | #article-title, .article-title-link, .article-images, .article-metadata { page-break-inside: avoid; } | ||
| Line 44: | Line 42: | ||
.article-modification-date { font-size: 10pt; line-height: 1.35; } | .article-modification-date { font-size: 10pt; line-height: 1.35; } | ||
.article-images img { max-width: 100%; height: auto; } | .article-images img { max-width: 100%; height: auto; } | ||
} | } | ||
Revision as of 13:54, 19 August 2025
/* CSS placed here will affect the print output */
/* hide print block on screen */
.print-only { display: none; }
@media print {
/* hide on-screen layout and site chrome */
#show-article-wrapper-entry,
#show-event-wrapper,
.mw-header, .mw-footer, .sidebar, .noprint { display: none !important; }
/* show the print version */
.print-only { display: block; }
/* A5 page */
@page { size: A5 portrait; margin: 12mm; }
body { margin: 0; font-family: Georgia, "Times New Roman", serif; color: #111; }
.entry-wrapper.print-a5 { width: 100%; box-sizing: border-box; page-break-after: always; }
#article-title, .article-title-link, .article-images, .article-metadata { page-break-inside: avoid; }
.article-title { font-size: 18pt; line-height: 1.2; margin: 0 0 6mm; }
.article-people, .article-entry-number, .article-type { font-size: 9pt; margin: 0 0 2mm; }
.article-metadata { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; margin: 6mm 0; }
.article-metadata-label { font-weight: bold; font-size: 8.5pt; margin: 0 0 1mm; }
.article-metadata-value { font-size: 9pt; margin: 0; }
.article-images .image-container { text-align: center; margin: 6mm 0; }
.caption-image1 { font-size: 8pt; color: #555; margin-top: 2mm; }
.article-label-description,
.article-label-reflection,
.article-label-external-reference,
.article-label-quote,
.article-label-modification-date { font-weight: bold; margin: 4mm 0 1.5mm; font-size: 9pt; }
.article-description,
.article-reflection,
.article-external-reference,
.article-quote,
.article-modification-date { font-size: 10pt; line-height: 1.35; }
.article-images img { max-width: 100%; height: auto; }
}