MediaWiki:Print.css

From softwear.directory
Revision as of 13:59, 19 August 2025 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect the print output */

/* hide on-screen layout and site chrome in print */
#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; }