MediaWiki:Print.css: Difference between revisions

Revision as of 07:54, 20 August 2025

/* --- Global print baseline --- */

/* show the print layout block */
.print-only { display: block !important; }

/* A5 page setup */
@page { size: A5 portrait; margin: 12mm; }
html, body { margin: 0; }

/* Main wrapper for the printable entry */
.entry-wrapper.print-a5 {
  width: 100%;
  box-sizing: border-box;
  /* remove forced page break to avoid a blank trailing page on single prints */
  /* page-break-after: always; */
}

/* Avoid splitting key sections across pages */
#article-title,
.article-title-link,
.article-images,
.article-metadata,
.article-description,
.article-reflection,
.article-external-reference,
.article-quote {
  page-break-inside: avoid;
  break-inside: avoid;
}

/* Typography & spacing for the print layout */
body { font-family: Georgia, "Times New Roman", serif; color: #111; }

.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; }
.article-images img { max-width: 100%; height: auto; }
.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;
}

/* Don’t append raw URLs in print */
a[href]:after { content: none !important; }

/* Wrap long links gracefully */
.article-external-reference a {
  word-break: break-word;
  overflow-wrap: anywhere;
}