print styles are now built into reveal.css, revamped print styles #2633

2 files changed, 30 insertions, 50 deletions

diff --git a/css/print/paper.scss b/css/print/paper.scss
index 2428b68..2ffa3b0 100644
--- a/css/print/paper.scss
+++ b/css/print/paper.scss
@@ -8,10 +8,6 @@
 @media print {
 	html:not(.print-pdf) {
 
-		/* 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 */
 		background: #fff;
 		width: auto;
 		height: auto;
@@ -29,8 +25,6 @@
 			float: none !important;
 		}
 
-		/* SECTION 2: Remove any elements not needed in print.
-       This would include navigation, ads, sidebars, etc. */
 		.nestedarrow,
 		.controls,
 		.fork-reveal,
@@ -42,54 +36,34 @@
 			display: none !important;
 		}
 
-		/* SECTION 3: Set body font face, size, and color.
-       Consider using a serif font for readability. */
-		body, p, td, li, div {
+		body, p, td, li {
 			font-size: 20pt!important;
-			font-family: Georgia, "Times New Roman", Times, serif !important;
 			color: #000;
 		}
 
-		/* SECTION 4: Set heading font face, sizes, and color.
-       Differentiate your headings from your body text.
-       Perhaps use a large sans-serif for distinction. */
 		h1,h2,h3,h4,h5,h6 {
 			color: #000!important;
 			height: auto;
 			line-height: normal;
-			font-family: Georgia, "Times New Roman", Times, serif !important;
-			text-shadow: 0 0 0 #000 !important;
 			text-align: left;
 			letter-spacing: normal;
 		}
+
 		/* Need to reduce the size of the fonts for printing */
-		h1 { font-size: 28pt !important;  }
+		h1 { font-size: 28pt !important; }
 		h2 { font-size: 24pt !important; }
 		h3 { font-size: 22pt !important; }
 		h4 { font-size: 22pt !important; font-variant: small-caps; }
 		h5 { font-size: 21pt !important; }
 		h6 { font-size: 20pt !important; font-style: italic; }
 
-		/* SECTION 5: Make hyperlinks more usable.
-       Ensure links are underlined, and consider appending
-       the URL to the end of the link for usability. */
 		a:link,
 		a:visited {
 			color: #000 !important;
 			font-weight: bold;
 			text-decoration: underline;
 		}
-		/*
-    .reveal a:link:after,
-    .reveal a:visited:after {
-      content: " (" attr(href) ") ";
-      color: #222 !important;
-      font-size: 90%;
-    }
-    */
-
 
-		/* SECTION 6: more reveal.js specific additions by @skypanther */
 		ul, ol, div, p {
 			visibility: visible;
 			position: static;
@@ -107,7 +81,6 @@
 		}
 		.reveal pre code {
 			padding: 20px;
-			border: 1px solid #ddd;
 		}
 		.reveal blockquote {
 			margin: 20px 0;
@@ -123,19 +96,14 @@
 			margin-top: 0 !important;
 			padding: 0 !important;
 			zoom: 1 !important;
+			transform: none !important;
 
 			overflow: visible !important;
 			display: block !important;
 
 			text-align: left !important;
-			-webkit-perspective: none;
-			-moz-perspective: none;
-			-ms-perspective: none;
 			perspective: none;
 
-			-webkit-perspective-origin: 50% 50%;
-			-moz-perspective-origin: 50% 50%;
-			-ms-perspective-origin: 50% 50%;
 			perspective-origin: 50% 50%;
 		}
 		.reveal .slides section {
@@ -157,19 +125,8 @@
 
 			page-break-after: always !important;
 
-			-webkit-transform-style: flat !important;
-			-moz-transform-style: flat !important;
-			-ms-transform-style: flat !important;
 			transform-style: flat !important;
-
-			-webkit-transform: none !important;
-			-moz-transform: none !important;
-			-ms-transform: none !important;
 			transform: none !important;
-
-			-webkit-transition: none !important;
-			-moz-transition: none !important;
-			-ms-transition: none !important;
 			transition: none !important;
 		}
 		.reveal .slides section.stack {
@@ -182,9 +139,6 @@
 			opacity: 1 !important;
 			visibility: visible !important;
 
-			-webkit-transform: none !important;
-			-moz-transform: none !important;
-			-ms-transform: none !important;
 			transform: none !important;
 		}
 		.reveal section img {
@@ -198,5 +152,22 @@
 		.reveal section small {
 			font-size: 0.8em;
 		}
+
+		.reveal .hljs {
+			max-height: 100%;
+			white-space: pre-wrap;
+			word-wrap: break-word;
+			word-break: break-word;
+			font-size: 15pt;
+		}
+
+		.reveal .hljs .hljs-ln-numbers {
+			white-space: nowrap;
+		}
+
+		.reveal .hljs td {
+			font-size: inherit !important;
+			color: inherit !important;
+		}
 	}
 }
diff --git a/css/reveal.scss b/css/reveal.scss
index 063aa15..9f47b0f 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1812,3 +1812,12 @@ $notesWidthPercent: 25%;
 .zoomed .reveal .roll span:after {
 	visibility: hidden;
 }
+
+
+/*********************************************
+ * PRINT STYLES
+ *********************************************/
+
+@import 'print/pdf.scss';
+@import 'print/paper.scss';
+