From af2a8b053d27ed5c97256d29ab4f06a6bcece6b7 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Sun, 28 Oct 2012 19:32:24 -0400
Subject: [PATCH] include theme background in printed pdfs (#217), fix empty
white pages in regular print (#215)
---
css/print/paper.css | 57 ++++++++++++++++++-----------------
css/print/pdf.css | 53 +++++++++++++++-----------------
css/theme/beige.css | 1 +
css/theme/default.css | 1 +
css/theme/serif.css | 1 +
css/theme/simple.css | 1 +
css/theme/sky.css | 1 +
css/theme/template/theme.scss | 1 +
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 {
--
GitLab