MediaWiki:Print.css

From softwear.directory
Revision as of 13:43, 19 August 2025 by Admin (talk | contribs) (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: ...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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 */

/* 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 */
  #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; }

  /* scale first image nicely for A5 */
  .article-images img { max-width: 100%; height: auto; }
}