fix non-pdf printing (closes #881)

css/print/paper.css

@@ -6,27 +6,29 @@
    manipulate this file as you see fit. */
 
 
+@media print {
+
 	/* SECTION 1: Set default width, margin, float, and
 	   background. This prevents elements from extending
 	   beyond the edge of the printed page, and prevents
 	   unnecessary background images from printing */
-body {
-	background: #fff;
-	font-size: 13pt;
-	width: auto;
-	height: auto;
-	border: 0;
-	margin: 0 5%;
-	padding: 0;
-	float: none !important;
-	overflow: visible;
-}
 	html {
 		background: #fff;
 		width: auto;
 		height: auto;
 		overflow: visible;
 	}
+	body {
+		background: #fff;
+		font-size: 28pt;
+		width: auto;
+		height: auto;
+		border: 0;
+		margin: 0 5%;
+		padding: 0;
+		overflow: visible;
+		float: none !important;
+	}
 
 	/* SECTION 2: Remove any elements not needed in print.
 	   This would include navigation, ads, sidebars, etc. */
@@ -42,8 +44,8 @@ html {
 
 	/* SECTION 3: Set body font face, size, and color.
 	   Consider using a serif font for readability. */
-body, p, td, li, div, a {
+	body, p, td, li, div {
-	font-size: 16pt!important;
+		font-size: 28pt!important;
 		font-family: Georgia, "Times New Roman", Times, serif !important;
 		color: #000;
 	}
@@ -61,12 +63,12 @@ h1,h2,h3,h4,h5,h6 {
 		letter-spacing: normal;
 	}
 	/* Need to reduce the size of the fonts for printing */
-h1 { font-size: 26pt !important;  }
+	h1 { font-size: 36pt !important;  }
-h2 { font-size: 22pt !important; }
+	h2 { font-size: 32pt !important; }
-h3 { font-size: 20pt !important; }
+	h3 { font-size: 30pt !important; }
-h4 { font-size: 20pt !important; font-variant: small-caps; }
+	h4 { font-size: 30pt !important; font-variant: small-caps; }
-h5 { font-size: 19pt !important; }
+	h5 { font-size: 29pt !important; }
-h6 { font-size: 18pt !important; font-style: italic; }
+	h6 { font-size: 28pt !important; font-style: italic; }
 
 	/* SECTION 5: Make hyperlinks more usable.
 	   Ensure links are underlined, and consider appending
@@ -98,16 +100,25 @@ ul, ol, div, p {
 		margin: auto;
 		text-align: left !important;
 	}
+	.reveal pre,
+	.reveal table {
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.reveal pre code {
+		padding: 20px;
+		border: 1px solid #ddd;
+	}
 	.reveal .slides {
 		position: static;
 		width: auto;
 		height: auto;
 
-	left: auto;
+		left: 0;
-	top: auto;
+		top: 0;
-	margin-left: auto;
+		margin-left: 0;
-	margin-top: auto;
+		margin-top: 0;
-	padding: auto;
+		padding: 0;
 
 		overflow: visible;
 		display: block;
@@ -125,7 +136,6 @@ ul, ol, div, p {
 	}
 	.reveal .slides>section,
 	.reveal .slides>section>section {
-
 		visibility: visible !important;
 		position: static !important;
 		width: 90% !important;
@@ -133,10 +143,10 @@ ul, ol, div, p {
 		display: block !important;
 		overflow: visible !important;
 
-	left: 0% !important;
+		left: 0 !important;
-	top: 0% !important;
+		top: 0 !important;
-	margin-left: 0px !important;
+		margin-left: 0 !important;
-	margin-top: 0px !important;
+		margin-top: 0 !important;
 		padding: 20px 0px !important;
 
 		opacity: 1 !important;
@@ -153,7 +163,6 @@ ul, ol, div, p {
 	}
 	.reveal section {
 		page-break-after: always !important;
-	display: block !important;
 	}
 	.reveal section .fragment {
 		opacity: 1 !important;
@@ -174,3 +183,9 @@ ul, ol, div, p {
 		border: 1px solid #666;
 		box-shadow: none;
 	}
+
+	.reveal section small {
+		font-size: 0.8em;
+	}
+
+}

index.html

@@ -20,15 +20,13 @@
 		<!-- For syntax highlighting -->
 		<link rel="stylesheet" href="lib/css/zenburn.css">
 
-		<!-- If the query includes 'print-pdf', include the PDF print sheet -->
+		<!-- Include the appropriate print stylesheet -->
 		<script>
-			if( window.location.search.match( /print-pdf/gi ) ) {
 			var link = document.createElement( 'link' );
 			link.rel = 'stylesheet';
 			link.type = 'text/css';
-				link.href = 'css/print/pdf.css';
+			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
 			document.getElementsByTagName( 'head' )[0].appendChild( link );
-			}
 		</script>
 
 		<!--[if lt IE 9]>

js/reveal.js

@@ -2014,7 +2014,7 @@ var Reveal = (function(){
 
 				// Show the horizontal slide if it's within the view distance
 				if( distanceX < viewDistance ) {
-					horizontalSlide.style.display = 'block';
+					horizontalSlide.style.display = '';
 					loadSlide( horizontalSlide );
 				}
 				else {
@@ -2031,7 +2031,7 @@ var Reveal = (function(){
 						distanceY = x === indexh ? Math.abs( indexv - y ) : Math.abs( y - oy );
 
 						if( distanceX + distanceY < viewDistance ) {
-							verticalSlide.style.display = 'block';
+							verticalSlide.style.display = '';
 							loadSlide( verticalSlide );
 						}
 						else {