MediaWiki:Print.css: Difference between revisions

Revision as of 06:54, 20 August 2025

/* CSS placed here will affect the print output */

/* hide on-screen layout and site chrome in print (generic Ctrl+P case) */
#show-article-wrapper-entry,
#show-event-wrapper,
.mw-header, .mw-footer, .sidebar, .noprint,
.hf-header { display: none !important; }

/* show the print version */
.print-only { display: block !important; }  /* ensure it shows in print */

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

/* don't append raw URLs after link text in print */
a[href]:after { content: none !important; }

/* wrap long links so they don't bust the line */
.article-external-reference a {
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* --- INTENTIONAL single-entry print via [print] button --- */

/* hide the grid & chrome, but DO NOT hide the popup wrapper that holds .print-only */
body.print-entry-only #list,
body.print-entry-only .list-container,
body.print-entry-only .mw-header,
body.print-entry-only .mw-footer,
body.print-entry-only .sidebar,
body.print-entry-only #show-event-wrapper,
body.print-entry-only .hf-header,
body.print-entry-only .noprint {
  display: none !important;
}

/* show only the clean print version we injected into the popup */
body.print-entry-only .print-only {
  display: block !important;
}

/* ensure the printed entry flows as a normal page */
body.print-entry-only .entry-wrapper.print-a5 {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box;
  page-break-after: always;
}