print.css
Nirzar (Nirzar)
Actions

Authored By

	• Nirzar
	Sep 29 2016, 12:08 AM

Size

7 KB

Referenced Files

None

Subscribers

None

print.css
View Options

	/* pint css */

	/* This css files can be applied to any wikipedia article.
	Note: remove any other css applied to page. this is the only css needed to print.
	*/

	/*
	- Have some padding and body typeface
	- Turn color to pure black. good for printing pure black
	*/

	body {
	padding: 10px 10px;
	font-family: sans-serif;
	color: #000;
	}



	/* Show branding for only English Wikipedia */

	body:lang(en):before{
	content: " ";
	display: block;
	background-image: url('https://www.wikipedia.org/portal/wikipedia.org/assets/img/Wikipedia_wordmark@2x.png');
	height: 20px;
	background-size: 120px 20px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	border-bottom: 3px solid #ccc;
	}



	/* hide on print */
	/* Elements to hide
	- Interactive elemts
	- Elements leading to other websites
	- Elemeents which cannot have any action in print format
	- Navboxes
	- Categories
	*/
	.noprint,
	.mw-indicators,
	#jump-to-nav,
	.mw-redirectedfrom,
	.hatnote,
	#toc,
	#mw-navigation,
	#footer-places,
	.mw-cite-backlink,
	.play-btn-large,
	.mbox-small,
	.navbox,
	.catlinks,
	.mw-editsection,
	#administrator,
	#coordinates .image{
	display: none;
	}

	/*
	-Normalize Blue links in the article
	*/

	a {
	color: #000;
	text-decoration: none;
	border-bottom:1px dotted #aaa;
	}

	/*
	- Basic infobox styling
	- Remove background colors, they are hard to print
	*/

	.infobox {
	border: 1px solid #aaa;
	border-spacing: 3px;
	background-color: #fff;
	border-radius: 2px;
	color: black;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	float: right;
	clear: right;
	font-size: 13px;
	line-height: 1.5em;
	}

	.infobox a {
	border-bottom: none;
	}

	.infobox td, .infobox th {
	vertical-align: top;
	text-align: left;
	}
	/*
	- Main article textual content - sans serif
	- 12pt is the most ideal typesize for print and reading
	- 18pt line height - ideal for readbility
	*/

	/* using charter for body type.
	Charter is an open source serif typeface specfically designed for legibility and reading
	*/

	.mw-body-content p {
	font-family: "Charter", serif;
	font-size: 12pt;
	line-height: 18pt;
	margin-top: 10px;
	}

	/* article title separator - print element from classic editorial practices */

	#siteSub:after {
	content: " ";
	display: block;
	width: 50px;
	background: #666;
	height: 1px;
	margin-top: 15px;
	}

	/* brand */

	#siteSub {
	font-size: 13px;
	padding-bottom: 5px;
	color: #333;
	}

	/* header styling
	- Big part of typography
	- headers should be closer to the next <p> than the <p> before

	====TYPOGRAPHY=====

	- H1 = 26pt
	- H2 = 18pt
	- H3 = 14pt
	- H4, H5, H6 = 12pt
	*/

	/* article name */

	.firstHeading {
	font-family: serif;
	font-size: 26pt;
	line-height: 32pt;
	margin-bottom: 5px;
	font-weight: normal;
	}



	.mw-body-content h2 {
	page-break-before: avoid;
	font-family: sans-serif;
	font-size: 18pt;
	line-height: 24pt;
	border-bottom: 2px solid #000;
	margin-bottom: 0.25em;
	padding: 0;
	overflow: hidden;
	display: block;
	padding-bottom: 5px;
	}

	.mw-body-content h3 {
	font-size: 14pt;
	page-break-before:avoid;
	font-family: sans-serif;
	line-height: 20pt;
	position: relative;
	padding: 0;
	display: block;
	margin: 30px 0px 0px 0px;
	}

	/* scanning indicator for H3s
	.mw-body-content h3:before {
	content: " ";
	height: 1px;
	width: 30px;
	position: absolute;
	left:-40px;
	top: 50%;
	display: block;
	background: #000;
	}
	*/


	/* rest of the headers*/

	.mw-body-content h4,
	.mw-body-content h5,
	.mw-body-content h6{
	page-break-before:avoid;
	font-family: sans-serif;
	font-size: 12pt;
	line-height: 15pt;
	position: relative;
	padding: 0;
	display: block;
	margin: 30px 0px 0px 0px;
	}

	/* reference brackets */

	.reference a{
	font-size: 12px;
	color: #666;
	border-bottom: none;
	}

	/* all kind of content types
	- Media
	- Images
	- Tables
	- lists
	- bullets
	- layout classes, right left center
	*/

	.thumb {
	margin-bottom: .5em;
	width: auto;
	background-color: transparent;
	}

	.thumb a{
	border-bottom: none;
	}
	.center {
	width: 100%;
	text-align: center;
	}

	div.tright {
	margin: .5em 0 1.3em 1.4em;
	}

	div.tleft {
	margin: .5em 1.4em 1.3em 0;
	}

	div.tright, div.floatright, table.floatright {
	clear: right;
	float: right;
	}

	div.tleft, div.floatleft, table.floatleft {
	clear: left;
	float: left;
	}

	div.floatright, table.floatright {
	margin: 0 0 .5em .5em;
	border: 0;
	}

	ul.gallery {
	margin: 2px;
	padding: 2px;
	display: block;
	}
	ul.gallery, li.gallerybox {
	zoom: 1;
	}

	div#content .gallerybox div.thumb {
	background-color: #FFF;
	}
	li.gallerybox div.thumb {
	text-align: center;
	border: 1px solid #ccc;
	background-color: #FFF;
	margin: 2px;
	}
	li.gallerybox {
	vertical-align: top;
	display: -moz-inline-box;
	display: inline-block;
	}
	li {
	margin-bottom: .1em;
	}
	div.gallerytext {
	overflow: hidden;
	font-size: 10pt;
	padding: 2px 4px;
	word-wrap: break-word;
	}
	ul {
	list-style-type: disc;
	list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
	list-style-image: url(/w/skins/Vector/images/bullet-icon.svg?90d59)!ie;
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAIAAADuXjPfAAAABnRST…t9AAAAHklEQVR4AWP4jwrowWcI6oEgEBtIISNCfFT9mOYDACO/lbNIGC/yAAAAAElFTkSuQmCC) \9;
	list-style-image: url(/w/skins/Vector/images/bullet-icon.png?e31f8) \9!ie;
	}
	ul {
	list-style-type: square;
	margin: .3em 0 0 1.6em;
	padding: 0;
	}

	table.wikitable {
	margin: 1em 0;
	background-color: #FFF;
	border: 1px solid #aaa;
	border-collapse: collapse;
	color: #000;
	}

	table.wikitable caption {
	padding: 5px;
	font-size: 13px;
	}
	table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: #FFF;
	text-align: center;
	}
	table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
	border: 1px solid #aaa;
	padding: 0.2em 0.4em;
	}

	div.thumbinner {
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 5px;
	background-color: #FFF;
	font-size: 12px;
	color: #666;
	text-align: left;
	overflow: hidden;
	}

	.thumbinner {
	min-width: 100px;
	}

	.center {
	margin-left: auto;
	margin-right: auto;
	}

	ul {
	margin-top: 10px;
	}
	ul li {
	padding: 5px 0px;
	font-size: 10pt;
	}
	.refbegin ul li,
	.references li{
	font-size: 13px;
	color: #666;
	padding: 5px 0px;
	}



	/* New footer
	- the page URL
	- Last updated as primary info
	- tone down the license info
	- add Wikimedia Foundation branding as Wikipedia is a Wikimedia Project
	*/
	.printfooter {
	padding-top: 10px;
	border-top: 3px solid #000;
	margin-top: 10px;
	font-size: 10pt;
	}
	#footer {
	border-top: 1px solid #eee;
	padding-top: 5px;
	margin-top: 12px;
	}

	#footer-info {
	margin: 0;
	padding: 0;
	}

	#footer-info li:first-child {
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	}
	#footer-info li {
	font-size: 10pt;
	display: block;
	list-style: none;
	padding-bottom: 10px;
	color: #999;
	}
	#footer-info li a{
	color: #999;
	}
	#footer-info:after {
	content: " ";
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/60/Wmf_logo_horiz_K.svg');
	background-size: auto 30px;
	background-repeat: no-repeat;
	height: 30px;
	display: block;
	margin-top: 20px;

	}

File Metadata

Mime Type: text/plain
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 4020355
Default Alt Text: print.css (7 KB)

print.cssNirzar (Nirzar)Actions

print.cssView Options

File Metadata

Event Timeline

print.css
Nirzar (Nirzar)
Actions

print.css
View Options