MediaWiki:Print.css - Revision history

Adventurer at 00:15, 20 June 2025

2025-06-20T00:15:30Z

← Older revision		Revision as of 19:15, 19 June 2025
Line 15:		Line 15:
	margin: 1.5cm; /* Roughly 0.6 inches on all sides */		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-family: sans-serif; /* Use a common sans-serif font for readability if 'Century Schoolbook' isn't available */
	font-size: ~~9pt~~ !important; /* REDUCED: ~~A good default base~~ font size for print~~, adjust as needed~~ */		font-size: 8.5pt !important; /* FURTHER REDUCED: Base font size for print */
	line-height: 1.3 !important; /* ~~REDUCED:~~ Slightly tighter line height for compactness */		line-height: 1.3 !important; /* Slightly tighter line height for compactness */
	}		}

Line 22:		Line 22:
	/* Main page title (h1) */		/* Main page title (h1) */
	h1#firstHeading, #content h1 {		h1#firstHeading, #content h1 {
	font-size: ~~18pt~~ !important; /* ~~SLIGHTLY~~ REDUCED ~~for more compactness~~ */		font-size: 17pt !important; /* REDUCED from 18pt */
	margin-top: 1em !important;		margin-top: 1em !important;
	margin-bottom: 0.7em !important;		margin-bottom: 0.7em !important;
Line 31:		Line 31:
	/* Section headings from `== Heading ==` (render as h2) */		/* Section headings from `== Heading ==` (render as h2) */
	h2 {		h2 {
	font-size: ~~14pt~~ !important; /* ~~SLIGHTLY~~ REDUCED */		font-size: 13pt !important; /* REDUCED from 14pt */
	margin-top: 1.2em !important;		margin-top: 1.2em !important;
	margin-bottom: 0.6em !important;		margin-bottom: 0.6em !important;
Line 41:		Line 41:
	/* Subsection headings from `=== Subheading ===` (render as h3) */		/* Subsection headings from `=== Subheading ===` (render as h3) */
	h3 {		h3 {
	font-size: ~~12pt~~ !important; /* ~~SLIGHTLY~~ REDUCED */		font-size: 11pt !important; /* REDUCED from 12pt */
	margin-top: 1em !important;		margin-top: 1em !important;
	margin-bottom: 0.5em !important;		margin-bottom: 0.5em !important;
Line 50:		Line 50:
	/* Smaller headings (h4, h5, h6) */		/* Smaller headings (h4, h5, h6) */
	h4, h5, h6 {		h4, h5, h6 {
	font-size: ~~10pt~~ !important; /* ~~Closer to body text size~~ */		font-size: 9pt !important; /* REDUCED from 10pt */
	margin-top: 0.8em !important;		margin-top: 0.8em !important;
	margin-bottom: 0.4em !important;		margin-bottom: 0.4em !important;
Line 59:		Line 59:
	/* Specific styling for the 'The Setting and Scene' block h2, if needed */		/* Specific styling for the 'The Setting and Scene' block h2, if needed */
	.mw-parser-output div[style*="text-align: center;"] h2 {		.mw-parser-output div[style*="text-align: center;"] h2 {
	font-size: ~~16pt~~ !important; /* ~~Adjust if you want this specific h2 to be different~~ */		font-size: 15pt !important; /* REDUCED from 16pt */
	}		}

Line 65:		Line 65:
	/* Ensure all common text blocks and list items use the smaller base font size */		/* Ensure all common text blocks and list items use the smaller base font size */
	p, ul, ol, dl, pre, blockquote, table, li, td, th {		p, ul, ol, dl, pre, blockquote, table, li, td, th {
	font-size: ~~9pt~~ !important; /* ~~REDUCED: Match~~ body font size */		font-size: 8.5pt !important; /* MATCHES new body font size */
	line-height: 1.4 !important; /* Keep readability */		line-height: 1.4 !important; /* Keep readability */
	margin-top: 0.3em !important; /* ~~REDUCED:~~ Tighter spacing between elements */		margin-top: 0.3em !important; /* Tighter spacing between elements */
	margin-bottom: 0.3em !important; /* ~~REDUCED:~~ Tighter spacing between elements */		margin-bottom: 0.3em !important; /* Tighter spacing between elements */
	}		}

Line 74:		Line 74:
	dd {		dd {
	margin-left: 1.5em !important; /* Standard indent for definition descriptions */		margin-left: 1.5em !important; /* Standard indent for definition descriptions */
	font-size: ~~9pt~~ !important; /* ~~Ensure consistency~~ */		font-size: 8.5pt !important; /* MATCHES new body font size */
	}		}
	dt {		dt {
	font-weight: bold !important;		font-weight: bold !important;
	font-size: ~~9pt~~ !important; /* ~~Ensure consistency~~ */		font-size: 8.5pt !important; /* MATCHES new body font size */
	}		}

Line 92:		Line 92:
	float: none !important; /* Remove float for simpler print layout */		float: none !important; /* Remove float for simpler print layout */
	margin: 0.8em auto !important; /* Center the thumbnail container */		margin: 0.8em auto !important; /* Center the thumbnail container */
	max-width: 200px !important; /* ~~FURTHER REDUCED:~~ Adjust this to control thumbnail width */		max-width: 200px !important; /* Adjust this to control thumbnail width */
	border: 1px solid #ccc;		border: 1px solid #ccc;
	padding: 3px !important; /* Slightly less padding */		padding: 3px !important; /* Slightly less padding */
Line 114:		Line 114:

	.thumbcaption {		.thumbcaption {
	font-size: ~~8pt~~ !important; /* REDUCED~~: Smaller font for caption~~ */		font-size: 7.5pt !important; /* REDUCED from 8pt */
	line-height: 1.2em !important;		line-height: 1.2em !important;
	padding: 2px 0 !important;		padding: 2px 0 !important;

Adventurer: Rollback version that didn't split across so many pages

2025-06-20T00:11:42Z

Rollback version that didn't split across so many pages

Show changes

Adventurer: Previous version looked good added a break logic so that images are not cut in half

2025-06-20T00:09:32Z

Previous version looked good added a break logic so that images are not cut in half

Show changes

Adventurer at 00:05, 20 June 2025

2025-06-20T00:05:40Z

Show changes

Adventurer at 00:04, 20 June 2025

2025-06-20T00:04:41Z

← Older revision		Revision as of 19:04, 19 June 2025
Line 26:		Line 26:
	text-align: center;		text-align: center;
	/* Ensure main title spans all columns */		/* Ensure main title spans all columns */
	-webkit-column-span: all ~~!important~~;		-webkit-column-span: all;
	column-span: all ~~!important;~~		column-span: all;
	~~/* Force a page break before the main title for consistency */~~
	~~page-break-before: always~~;
	}		}

Line 40:		Line 38:
	page-break-after: avoid;		page-break-after: avoid;
	/* Ensure H2 headings span all columns */		/* Ensure H2 headings span all columns */
	-webkit-column-span: all ~~!important~~;		-webkit-column-span: all;
	column-span: all ~~!important;~~		column-span: all;
	~~/* Try to start a new column or page if appropriate */~~
	~~break-before: column; /* Or 'page' if you want each section on a new page */~~
	~~-webkit-break-before: column~~;
	}		}

Line 53:		Line 48:
	line-height: 1.2em !important;		line-height: 1.2em !important;
	page-break-after: avoid;		page-break-after: avoid;
	~~/* Hint to break before h3 for better section flow in columns */~~
	~~break-before: column; /* Try to start h3 at the top of a column */~~
	~~-webkit-break-before: column;~~
	~~/* Ensure h3 itself doesn't break across columns */~~
	~~-webkit-column-break-inside: avoid;~~
	~~break-inside: avoid;~~
	}		}

Line 67:		Line 56:
	line-height: 1.2em !important;		line-height: 1.2em !important;
	page-break-after: avoid;		page-break-after: avoid;
	~~/* Ensure these don't break across columns */~~
	~~-webkit-column-break-inside: avoid;~~
	~~break-inside: avoid;~~
	}		}

Line 83:		Line 69:
	margin-bottom: 0.3em !important;		margin-bottom: 0.3em !important;
	page-break-inside: avoid;		page-break-inside: avoid;
	~~/* Ensure these don't break across columns */~~
	~~-webkit-column-break-inside: avoid;~~
	~~break-inside: avoid;~~
	}		}

Line 104:		Line 87:
	margin: 0.8em auto !important;		margin: 0.8em auto !important;
	page-break-inside: avoid;		page-break-inside: avoid;
	~~/* Ensure images don't break across columns */~~
	~~-webkit-column-break-inside: avoid;~~
	~~break-inside: avoid;~~
	}		}

	.thumb {		.thumb {
	float: none !important; ~~/* Keep floating off for simpler print columns */~~		float: none !important;
	margin: 0.8em auto !important;		margin: 0.8em auto !important;
	max-width: 200px !important;		max-width: 200px !important;
Line 118:		Line 98:
	box-sizing: border-box;		box-sizing: border-box;
	page-break-inside: avoid;		page-break-inside: avoid;
	/* ~~Crucial:~~ Ensure thumbnails don't break across columns */		/* Ensure thumbnails don't break across columns */
	-webkit-column-break-inside: avoid;		-webkit-column-break-inside: avoid;
	break-inside: avoid;		break-inside: avoid;
Line 149:		Line 129:
	page-break-before: avoid;		page-break-before: avoid;
	}		}
			/* If you have individual NPC divs (e.g., <div class="npc-profile">) use this: */
			/* .npc-profile {
			page-break-inside: avoid;
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
			page-break-after: avoid;
			} */

	/* --- TWO-COLUMN LAYOUT FOR MAIN CONTENT --- */		/* --- TWO-COLUMN LAYOUT FOR MAIN CONTENT --- */
	/* ~~This targets~~ the main content area ~~generated by MediaWiki~~ */		/* Target the main content area (where your session prep template renders) */
	#content .mw-parser-output {		#content .mw-parser-output {
	~~-webkit-~~column-count: 2 ~~!important~~; /* ~~For WebKit browsers (Chrome, Safari, Edge)~~ */		column-count: 2; /* Set to two columns */
	column-~~count~~: ~~2 !important~~; /* ~~Standard property~~ */		column-gap: 2em; /* Space between columns (adjust as needed) */
	~~-webkit-column-gap: 2em !important;~~		column-rule: 1px solid #eee; /* Optional: A thin line between columns */
	~~column-gap: 2em !important;~~
	~~-webkit-column-rule: 1px solid #eee !important;~~
	column-rule: 1px solid #eee ~~!important~~;
	/* ~~Ensure this content area itself doesn't break poorly */~~
	~~page-break-inside~~: ~~auto; /* Allow breaks within the content~~ */
	}		}

	/* ~~--- Explicitly disable any other~~ multi-column settings ~~--- */~~		/* Disable existing multi-column settings from template for print */
	~~/* These override any column settings that might be coming~~ from ~~your~~ template's
	~~online display, forcing them back to single column within the overall~~ print ~~columns.~~ */
	.module, .div-col {		.module, .div-col {
	~~-webkit-~~column-count: 1 !important;		column-count: 1 !important; /* Override with single column, let #content handle overall two columns */
	column~~-count: 1 !important;~~
	~~-webkit-column-width: auto !important;~~
	column-width: auto !important;		column-width: auto !important;
	~~-webkit-column-rule: none !important;~~
	column-rule: none !important;		column-rule: none !important;
	~~/* Ensure internal column elements don't interfere with main columns */~~
	~~-webkit-column-span: none !important;~~
	~~column-span: none !important;~~
	~~/* Break-inside applies to page breaks, not column breaks directly */~~
	~~page-break-inside: avoid; /* Still good for page breaks */~~
	}		}

	~~/* Use break-inside for column breaks too */~~
	.div-col li, .div-col dd, .div-col p {		.div-col li, .div-col dd, .div-col p {
	~~-webkit-column-break-inside: avoid;~~
	break-inside: avoid;		break-inside: avoid;
	}		}
	}		}

Adventurer: stronger 2 line print options

2025-06-20T00:02:58Z

stronger 2 line print options

← Older revision		Revision as of 19:02, 19 June 2025
Line 26:		Line 26:
	text-align: center;		text-align: center;
	/* Ensure main title spans all columns */		/* Ensure main title spans all columns */
	-webkit-column-span: all;		-webkit-column-span: all !important;
	column-span: all;		column-span: all !important;
			/* Force a page break before the main title for consistency */
			page-break-before: always;
	}		}

Line 38:		Line 40:
	page-break-after: avoid;		page-break-after: avoid;
	/* Ensure H2 headings span all columns */		/* Ensure H2 headings span all columns */
	-webkit-column-span: all;		-webkit-column-span: all !important;
	column-span: all;		column-span: all !important;
			/* Try to start a new column or page if appropriate */
			break-before: column; /* Or 'page' if you want each section on a new page */
			-webkit-break-before: column;
	}		}

Line 48:		Line 53:
	line-height: 1.2em !important;		line-height: 1.2em !important;
	page-break-after: avoid;		page-break-after: avoid;
			/* Hint to break before h3 for better section flow in columns */
			break-before: column; /* Try to start h3 at the top of a column */
			-webkit-break-before: column;
			/* Ensure h3 itself doesn't break across columns */
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
	}		}

Line 56:		Line 67:
	line-height: 1.2em !important;		line-height: 1.2em !important;
	page-break-after: avoid;		page-break-after: avoid;
			/* Ensure these don't break across columns */
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
	}		}

Line 69:		Line 83:
	margin-bottom: 0.3em !important;		margin-bottom: 0.3em !important;
	page-break-inside: avoid;		page-break-inside: avoid;
			/* Ensure these don't break across columns */
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
	}		}

Line 87:		Line 104:
	margin: 0.8em auto !important;		margin: 0.8em auto !important;
	page-break-inside: avoid;		page-break-inside: avoid;
			/* Ensure images don't break across columns */
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
	}		}

	.thumb {		.thumb {
	float: none !important;		float: none !important; /* Keep floating off for simpler print columns */
	margin: 0.8em auto !important;		margin: 0.8em auto !important;
	max-width: 200px !important;		max-width: 200px !important;
Line 98:		Line 118:
	box-sizing: border-box;		box-sizing: border-box;
	page-break-inside: avoid;		page-break-inside: avoid;
	/* Ensure thumbnails don't break across columns */		/* Crucial: Ensure thumbnails don't break across columns */
	-webkit-column-break-inside: avoid;		-webkit-column-break-inside: avoid;
	break-inside: avoid;		break-inside: avoid;
Line 129:		Line 149:
	page-break-before: avoid;		page-break-before: avoid;
	}		}
	~~/* If you have individual NPC divs (e.g., <div class="npc-profile">) use this: */~~
	~~/* .npc-profile {~~
	~~page-break-inside: avoid;~~
	~~-webkit-column-break-inside: avoid;~~
	~~break-inside: avoid;~~
	~~page-break-after: avoid;~~
	~~} */~~

	/* --- TWO-COLUMN LAYOUT FOR MAIN CONTENT --- */		/* --- TWO-COLUMN LAYOUT FOR MAIN CONTENT --- */
	/* ~~Target~~ the main content area ~~(where your session prep template renders)~~ */		/* This targets the main content area generated by MediaWiki */
	#content .mw-parser-output {		#content .mw-parser-output {
	column-count: 2; /* ~~Set to two columns~~ */		-webkit-column-count: 2 !important; /* For WebKit browsers (Chrome, Safari, Edge) */
	column-~~gap~~: ~~2em~~; /* ~~Space between columns (adjust as needed)~~ */		column-count: 2 !important; /* Standard property */
	column-rule: 1px solid #eee; /* ~~Optional~~: ~~A thin line between columns~~ */		-webkit-column-gap: 2em !important;
			column-gap: 2em !important;
			-webkit-column-rule: 1px solid #eee !important;
			column-rule: 1px solid #eee !important;
			/* Ensure this content area itself doesn't break poorly */
			page-break-inside: auto; /* Allow breaks within the content */
	}		}

	/* ~~Disable existing~~ multi-column settings from template ~~for~~ print */		/* --- Explicitly disable any other multi-column settings --- */
			/* These override any column settings that might be coming from your template's
			online display, forcing them back to single column within the overall print columns. */
	.module, .div-col {		.module, .div-col {
	column-count: 1 !important; ~~/* Override with single~~ column~~, let #content handle overall two columns */~~		-webkit-column-count: 1 !important;
			column-count: 1 !important;
			-webkit-column-width: auto !important;
	column-width: auto !important;		column-width: auto !important;
			-webkit-column-rule: none !important;
	column-rule: none !important;		column-rule: none !important;
			/* Ensure internal column elements don't interfere with main columns */
			-webkit-column-span: none !important;
			column-span: none !important;
			/* Break-inside applies to page breaks, not column breaks directly */
			page-break-inside: avoid; /* Still good for page breaks */
	}		}

			/* Use break-inside for column breaks too */
	.div-col li, .div-col dd, .div-col p {		.div-col li, .div-col dd, .div-col p {
			-webkit-column-break-inside: avoid;
	break-inside: avoid;		break-inside: avoid;
	}		}
	}		}

Adventurer: Output of the prior version looked great, except for it wasn't in two columns. This version adds a two column format.

2025-06-20T00:01:01Z

Output of the prior version looked great, except for it wasn't in two columns. This version adds a two column format.

Show changes

Adventurer at 23:56, 19 June 2025

2025-06-19T23:56:39Z

Show changes

Adventurer at 23:54, 19 June 2025

2025-06-19T23:54:38Z

Show changes

Adventurer at 23:50, 19 June 2025

2025-06-19T23:50:55Z

← Older revision	Revision as of 18:50, 19 June 2025
Line 1:	Line 1:
		/* 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 */
		}

		/* --- Header Sizing --- */
		/* Reduce the size of main page title */
		h1#firstHeading, #content h1 {
		font-size: 2em !important; /* Adjust as needed, e.g., 2em, 1.8em */
		margin-top: 0.5em !important;
		margin-bottom: 0.8em !important;
		line-height: 1.2em !important;
		}

		/* Reduce the size of section headers */
		h2, h3, h4, h5, h6 {
		font-size: 1.5em !important; /* Adjust for all sub-headers, e.g., 1.5em, 1.3em */
		margin-top: 1em !important;
		margin-bottom: 0.5em !important;
		line-height: 1.3em !important;
		}

		/* You can make more specific adjustments if needed, e.g.: */
		/* h2 { font-size: 1.4em !important; } */
		/* h3 { font-size: 1.2em !important; } */
		/* h4 { font-size: 1.1em !important; } */

		/* --- Text & Paragraph Styling --- */
		p, ul, ol, dl, pre, blockquote {
		font-size: 1em !important; /* Ensure body text is standard size */
		line-height: 1.6em !important; /* Improve readability with line spacing */
		margin-top: 0.5em !important;
		margin-bottom: 0.5em !important;
		}

		/* --- Image Styling (Basic) --- */
		/* Ensure images don't break layout and are reasonably sized */
		img {
		max-width: 100% !important; /* Prevents images from overflowing page */
		height: auto !important; /* Maintains aspect ratio */
		display: block; /* Ensures they act as blocks */
		margin: 0.5em auto; /* Center images */
		}

		/* Basic thumbnail style - might need more fine-tuning later if you want them smaller */
		.thumb {
		float: none !important; /* Remove float for simpler print layout by default */
		margin: 1em auto !important; /* Center the thumbnail */
		max-width: 80% !important; /* Keep thumbnails from being too wide */
		}
		.thumbinner, .thumbimage, .thumbcaption {
		box-sizing: border-box !important; /* Helps with consistent sizing */
		}

		/* --- Column Layout Adjustments --- */
		/* Force multi-column sections into a single column for print */
		.module, .div-col {
		column-count: 1 !important; /* Ensure single column for print */
		column-width: auto !important;
		column-rule: none !important; /* Remove column lines if present */
		}
		.div-col li, .div-col dd, .div-col p {
		break-inside: avoid; /* Modern property to prevent content breaking in half */
		}
		}