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

diff --git a/css/print/paper.css b/css/print/paper.css
index 0ac55975599f9dcd95b6c9b73fbd3e1178e0c13a..61fa0a93487da6d9abcb9bde4d8433b5e53d206f 100644 (file)
--- 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 ec03eda20b071cc5180c2a58daea111c64b71e17..7c1a496dd36205ba5432ad16085ab8daa9edb6fb 100644 (file)
--- 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 fe0e4600f29734be61672397c0135ab7bb1bb439..727be44d49e80df75404558df5c573b1ef4055fe 100644 (file)
--- 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 563e4d9d5d64c25bda9e1c9559f4abc9ddff40fa..c8f2eff54e0810dcbf8a733053a4c9ff3f017c1e 100644 (file)
--- 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 3957b5d23b812f31107c6e145e7b97fd5b8ae856..86710c670ad3d3abffea0bd239d5c4e0bc367ced 100644 (file)
--- 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 926bbc54ca0a27863c13b5f537dd3d7eb311aebb..848ca93ae972fcb073c41273f0a0e68c36616587 100644 (file)
--- 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 6618c0d09f674959a424fc864188896da5588a65..a6d94eb4c73eddfce00f6c40ab5653d0c8958a2f 100644 (file)
--- 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 600c8e35b805723af53237413141aea39e898cbe..c53df396b29f452ad452d499bcf662ade3a5a68b 100644 (file)
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -6,6 +6,7 @@
 
 body {
        @include bodyBackground();
+       background-color: $backgroundColor;
 }
 
 .reveal {