include theme background in printed pdfs (#217), fix empty white pages in regular print (#215)

8 files changed, 61 insertions, 55 deletions

diff --git a/css/print/paper.css b/css/print/paper.css
index 0ac5597..61fa0a9 100644
--- a/css/print/paper.css
+++ b/css/print/paper.css
@@ -31,19 +31,19 @@ html {
 /* SECTION 2: Remove any elements not needed in print. 
    This would include navigation, ads, sidebars, etc. */
 .nestedarrow, 
-.controls a, 
+.controls, 
 .reveal .progress, 
 .reveal.overview,
 .fork-reveal,
 .share-reveal,
 .state-background {
-	display:none;
+	display: none !important;
 }
 
 /* SECTION 3: Set body font face, size, and color.
    Consider using a serif font for readability. */
 body, p, td, li, div, a {
-	font-size: 13pt;
+	font-size: 16pt!important;
 	font-family: Georgia, "Times New Roman", Times, serif !important;
 	color: #000; 
 }
@@ -77,12 +77,14 @@ a:visited {
 	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 */
@@ -121,35 +123,33 @@ ul, ol, div, p {
 	    -ms-perspective-origin: 50% 50%;
 	        perspective-origin: 50% 50%;
 }
-.reveal .slides>section, .reveal .slides>section>section, 
-.reveal .slides>section.past, .reveal .slides>section.future,
-.reveal.linear .slides>section, .reveal.linear .slides>section>section,
-.reveal.linear .slides>section.past, .reveal.linear .slides>section.future {
+.reveal .slides>section, 
+.reveal .slides>section>section {
 	
-	visibility: visible;
-	position: static;
-	width: 90%;
-	height: auto;
-	display: block;
-	overflow: visible;
+	visibility: visible !important;
+	position: static !important;
+	width: 90% !important;
+	height: auto !important;
+	display: block !important;
+	overflow: visible !important;
 
-	left: 0%;
-	top: 0%;
-	margin-left: 0px;
-	margin-top: 0px;
-	padding: 20px 0px;
+	left: 0% !important;
+	top: 0% !important;
+	margin-left: 0px !important;
+	margin-top: 0px !important;
+	padding: 20px 0px !important;
 
-	opacity: 1;
+	opacity: 1 !important;
 
-	-webkit-transform-style: flat;
-	   -moz-transform-style: flat;
-	    -ms-transform-style: flat;
-	        transform-style: flat;
+	-webkit-transform-style: flat !important;
+	   -moz-transform-style: flat !important;
+	    -ms-transform-style: flat !important;
+	        transform-style: flat !important;
 
-	-webkit-transform: none;
-	   -moz-transform: none;
-	    -ms-transform: none;
-	        transform: none;
+	-webkit-transform: none !important;
+	   -moz-transform: none !important;
+	    -ms-transform: none !important;
+	        transform: none !important;
 }
 .reveal section {
 	page-break-after: always !important; 
@@ -161,6 +161,9 @@ ul, ol, div, p {
 .reveal section .fragment {
 	opacity: 1 !important;
 }
+.reveal section:last-of-type {
+	page-break-after: avoid !important; 
+}
 .reveal section img {
 	display: block;
 	margin: 15px 0px;
diff --git a/css/print/pdf.css b/css/print/pdf.css
index ec03eda..7c1a496 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -23,7 +23,7 @@ body {
 	padding: 0;
 	float: none !important;
 	overflow: visible;
-	background: #333;
+	background-image: none;
 }
 
 html {
@@ -35,13 +35,13 @@ html {
 /* SECTION 2: Remove any elements not needed in print. 
    This would include navigation, ads, sidebars, etc. */
 .nestedarrow, 
-.controls a, 
+.controls, 
 .reveal .progress, 
 .reveal.overview,
 .fork-reveal,
 .share-reveal,
 .state-background {
-	display:none;
+	display: none !important;
 }
 
 /* SECTION 3: Set body font face, size, and color.
@@ -102,36 +102,33 @@ ul, ol, div, p {
 	    -ms-perspective-origin: 50% 50%;
 	        perspective-origin: 50% 50%;
 }
-.reveal .slides>section, .reveal .slides>section>section, 
-.reveal .slides>section.past, .reveal .slides>section.future,
-.reveal.linear .slides>section, .reveal.linear .slides>section>section,
-.reveal.linear .slides>section.past, .reveal.linear .slides>section.future {
+.reveal .slides>section, .reveal .slides>section>section {
 	
-	visibility: visible;
-	position: static;
-	width: 100%;
-	height: auto;
-	min-height: initial;
-	display: block;
-	overflow: visible;
+	visibility: visible !important;
+	position: static !important;
+	width: 100% !important;
+	height: auto !important;
+	min-height: initial !important;
+	display: block !important;
+	overflow: visible !important;
 
-	left: 0%;
-	top: 0%;
-	margin-left: 0px;
-	margin-top: 50px;
-	padding: 20px 0px;
+	left: 0% !important;
+	top: 0% !important;
+	margin-left: 0px !important;
+	margin-top: 50px !important;
+	padding: 20px 0px !important;
 
-	opacity: 1;
+	opacity: 1 !important;
 
-	-webkit-transform-style: flat;
-	   -moz-transform-style: flat;
-	    -ms-transform-style: flat;
-	        transform-style: flat;
+	-webkit-transform-style: flat !important;
+	   -moz-transform-style: flat !important;
+	    -ms-transform-style: flat !important;
+	        transform-style: flat !important;
 
-	-webkit-transform: none;
-	   -moz-transform: none;
-	    -ms-transform: none;
-	        transform: none;
+	-webkit-transform: none !important;
+	   -moz-transform: none !important;
+	    -ms-transform: none !important;
+	        transform: none !important;
 }
 .reveal section {
 	page-break-after: always !important; 
diff --git a/css/theme/beige.css b/css/theme/beige.css
index fe0e460..727be44 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -23,6 +23,7 @@ body {
   background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
   background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
   background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background-color: #f7f3de;
 }
 
 .reveal {
diff --git a/css/theme/default.css b/css/theme/default.css
index 563e4d9..c8f2eff 100644
--- a/css/theme/default.css
+++ b/css/theme/default.css
@@ -23,6 +23,7 @@ body {
   background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
   background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
   background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
+  background-color: #2b2b2b;
 }
 
 .reveal {
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 3957b5d..86710c6 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -10,6 +10,7 @@
  *********************************************/
 body {
   background: #f0f1eb;
+  background-color: #f0f1eb;
 }
 
 .reveal {
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 926bbc5..848ca93 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -12,6 +12,7 @@
  *********************************************/
 body {
   background: white;
+  background-color: white;
 }
 
 .reveal {
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 6618c0d..a6d94eb 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -16,6 +16,7 @@ body {
   background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
   background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
   background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background-color: #f7fbfc;
 }
 
 .reveal {
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 600c8e3..c53df39 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -6,6 +6,7 @@
 
 body {
 	@include bodyBackground();
+	background-color: $backgroundColor;
 }
 
 .reveal {