MediaWiki:Print.css
Appearance
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* MediaWiki:Print.css */
@media print {
/* --- General Print Cleanup --- */
/* Remove navigation, sidebars, and other elements not needed for print */
#mw-navigation, #mw-panel, #p-cactions, #p-personal, #p-views,
#p-navigation, #p-search, #siteSub, #footer, #catlinks,
.noprint, .editsection, .mw-indicators, .printfooter,
#privacy, #about, #disclaimer, #toc {
display: none !important;
}
/* Adjust page margins for better print layout */
body {
margin: 1.5cm; /* Roughly 0.6 inches on all sides */
font-family: sans-serif; /* Use a common sans-serif font for readability if 'Century Schoolbook' isn't available */
font-size: 8.5pt !important; /* FURTHER REDUCED: Base font size for print */
line-height: 1.3 !important; /* Slightly tighter line height for compactness */
}
/* --- Header Sizing --- */
/* Main page title (h1) */
h1#firstHeading, #content h1 {
font-size: 17pt !important; /* REDUCED from 18pt */
margin-top: 1em !important;
margin-bottom: 0.7em !important;
line-height: 1.2em !important;
text-align: center;
}
/* Section headings from `== Heading ==` (render as h2) */
h2 {
font-size: 13pt !important; /* REDUCED from 14pt */
margin-top: 1.2em !important;
margin-bottom: 0.6em !important;
line-height: 1.2em !important;
text-align: center;
page-break-after: avoid;
}
/* Subsection headings from `=== Subheading ===` (render as h3) */
h3 {
font-size: 11pt !important; /* REDUCED from 12pt */
margin-top: 1em !important;
margin-bottom: 0.5em !important;
line-height: 1.2em !important;
page-break-after: avoid;
}
/* Smaller headings (h4, h5, h6) */
h4, h5, h6 {
font-size: 9pt !important; /* REDUCED from 10pt */
margin-top: 0.8em !important;
margin-bottom: 0.4em !important;
line-height: 1.2em !important;
page-break-after: avoid;
}
/* Specific styling for the 'The Setting and Scene' block h2, if needed */
.mw-parser-output div[style*="text-align: center;"] h2 {
font-size: 15pt !important; /* REDUCED from 16pt */
}
/* --- Body Text & List Item Styling --- */
/* Ensure all common text blocks and list items use the smaller base font size */
p, ul, ol, dl, pre, blockquote, table, li, td, th {
font-size: 8.5pt !important; /* MATCHES new body font size */
line-height: 1.4 !important; /* Keep readability */
margin-top: 0.3em !important; /* Tighter spacing between elements */
margin-bottom: 0.3em !important; /* Tighter spacing between elements */
}
/* Ensure content inside definition lists also gets proper spacing */
dd {
margin-left: 1.5em !important; /* Standard indent for definition descriptions */
font-size: 8.5pt !important; /* MATCHES new body font size */
}
dt {
font-weight: bold !important;
font-size: 8.5pt !important; /* MATCHES new body font size */
}
/* --- Image & Thumbnail Styling --- */
img {
max-width: 95% !important; /* Ensure images don't stretch too wide */
height: auto !important;
display: block;
margin: 0.8em auto !important; /* Center images with some vertical spacing */
}
.thumb {
float: none !important; /* Remove float for simpler print layout */
margin: 0.8em auto !important; /* Center the thumbnail container */
max-width: 200px !important; /* Adjust this to control thumbnail width */
border: 1px solid #ccc;
padding: 3px !important; /* Slightly less padding */
background-color: #f9f9f9;
box-sizing: border-box;
page-break-inside: avoid;
}
.thumbinner {
padding: 2px !important; /* Slightly less inner padding */
border: none !important;
background-color: transparent !important;
}
.thumbimage {
max-width: 100% !important;
height: auto !important;
display: block;
border: none !important;
}
.thumbcaption {
font-size: 7.5pt !important; /* REDUCED from 8pt */
line-height: 1.2em !important;
padding: 2px 0 !important;
text-align: left !important;
overflow: hidden !important;
}
/* --- Column Layout Adjustments --- */
.module, .div-col {
column-count: 1 !important; /* Force single column for print readability */
column-width: auto !important;
column-rule: none !important;
}
.div-col li, .div-col dd, .div-col p {
break-inside: avoid;
}
}