MediaWiki:Print.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
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 */
/* hide on-screen layout and site chrome in print */
.print-only { display: none; }
#show-article-wrapper-entry,
#show-event-wrapper,
.mw-header, .mw-footer, .sidebar, .noprint { display: none !important; }


@media print {
/* show the print version */
  /* hide on-screen layout and site chrome */
.print-only { display: block; }
  #show-article-wrapper-entry,
  #show-event-wrapper,
  .mw-header, .mw-footer, .sidebar, .noprint { display: none !important; }


  /* show the print version */
/* A5 page */
  .print-only { display: block; }
@page { size: A5 portrait; margin: 12mm; }
body { margin: 0; font-family: Georgia, "Times New Roman", serif; color: #111; }


  /* A5 page */
.entry-wrapper.print-a5 { width: 100%; box-sizing: border-box; page-break-after: always; }
  @page { size: A5 portrait; margin: 12mm; }
#article-title, .article-title-link, .article-images, .article-metadata { page-break-inside: avoid; }
  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 { font-size: 18pt; line-height: 1.2; margin: 0 0 6mm; }
  #article-title, .article-title-link, .article-images, .article-metadata { page-break-inside: avoid; }
.article-people, .article-entry-number, .article-type { font-size: 9pt; margin: 0 0 2mm; }


  .article-title { font-size: 18pt; line-height: 1.2; margin: 0 0 6mm; }
.article-metadata { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; margin: 6mm 0; }
  .article-people, .article-entry-number, .article-type { font-size: 9pt; margin: 0 0 2mm; }
.article-metadata-label { font-weight: bold; font-size: 8.5pt; margin: 0 0 1mm; }
.article-metadata-value { font-size: 9pt; margin: 0; }


  .article-metadata { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; margin: 6mm 0; }
.article-images .image-container { text-align: center; margin: 6mm 0; }
  .article-metadata-label { font-weight: bold; font-size: 8.5pt; margin: 0 0 1mm; }
.caption-image1 { font-size: 8pt; color: #555; margin-top: 2mm; }
  .article-metadata-value { font-size: 9pt; margin: 0; }


  .article-images .image-container { text-align: center; margin: 6mm 0; }
.article-label-description,
  .caption-image1 { font-size: 8pt; color: #555; margin-top: 2mm; }
.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-label-description,
.article-description,
  .article-label-reflection,
.article-reflection,
  .article-label-external-reference,
.article-external-reference,
  .article-label-quote,
.article-quote,
  .article-label-modification-date { font-weight: bold; margin: 4mm 0 1.5mm; font-size: 9pt; }
.article-modification-date { font-size: 10pt; line-height: 1.35; }


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

Navigation menu