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

This commit is contained in:
Hakim El Hattab 2012-10-28 19:32:24 -04:00
parent 38aff9a37d
commit af2a8b053d
8 changed files with 61 additions and 55 deletions

View File

@ -31,19 +31,19 @@ html {
/* SECTION 2: Remove any elements not needed in print. /* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */ This would include navigation, ads, sidebars, etc. */
.nestedarrow, .nestedarrow,
.controls a, .controls,
.reveal .progress, .reveal .progress,
.reveal.overview, .reveal.overview,
.fork-reveal, .fork-reveal,
.share-reveal, .share-reveal,
.state-background { .state-background {
display:none; display: none !important;
} }
/* SECTION 3: Set body font face, size, and color. /* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */ Consider using a serif font for readability. */
body, p, td, li, div, a { body, p, td, li, div, a {
font-size: 13pt; font-size: 16pt!important;
font-family: Georgia, "Times New Roman", Times, serif !important; font-family: Georgia, "Times New Roman", Times, serif !important;
color: #000; color: #000;
} }
@ -77,12 +77,14 @@ a:visited {
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }
/*
.reveal a:link:after, .reveal a:link:after,
.reveal a:visited:after { .reveal a:visited:after {
content: " (" attr(href) ") "; content: " (" attr(href) ") ";
color: #222 !important; color: #222 !important;
font-size: 90%; font-size: 90%;
} }
*/
/* SECTION 6: more reveal.js specific additions by @skypanther */ /* SECTION 6: more reveal.js specific additions by @skypanther */
@ -121,35 +123,33 @@ ul, ol, div, p {
-ms-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; perspective-origin: 50% 50%;
} }
.reveal .slides>section, .reveal .slides>section>section, .reveal .slides>section,
.reveal .slides>section.past, .reveal .slides>section.future, .reveal .slides>section>section {
.reveal.linear .slides>section, .reveal.linear .slides>section>section,
.reveal.linear .slides>section.past, .reveal.linear .slides>section.future {
visibility: visible; visibility: visible !important;
position: static; position: static !important;
width: 90%; width: 90% !important;
height: auto; height: auto !important;
display: block; display: block !important;
overflow: visible; overflow: visible !important;
left: 0%; left: 0% !important;
top: 0%; top: 0% !important;
margin-left: 0px; margin-left: 0px !important;
margin-top: 0px; margin-top: 0px !important;
padding: 20px 0px; padding: 20px 0px !important;
opacity: 1; opacity: 1 !important;
-webkit-transform-style: flat; -webkit-transform-style: flat !important;
-moz-transform-style: flat; -moz-transform-style: flat !important;
-ms-transform-style: flat; -ms-transform-style: flat !important;
transform-style: flat; transform-style: flat !important;
-webkit-transform: none; -webkit-transform: none !important;
-moz-transform: none; -moz-transform: none !important;
-ms-transform: none; -ms-transform: none !important;
transform: none; transform: none !important;
} }
.reveal section { .reveal section {
page-break-after: always !important; page-break-after: always !important;
@ -161,6 +161,9 @@ ul, ol, div, p {
.reveal section .fragment { .reveal section .fragment {
opacity: 1 !important; opacity: 1 !important;
} }
.reveal section:last-of-type {
page-break-after: avoid !important;
}
.reveal section img { .reveal section img {
display: block; display: block;
margin: 15px 0px; margin: 15px 0px;

View File

@ -23,7 +23,7 @@ body {
padding: 0; padding: 0;
float: none !important; float: none !important;
overflow: visible; overflow: visible;
background: #333; background-image: none;
} }
html { html {
@ -35,13 +35,13 @@ html {
/* SECTION 2: Remove any elements not needed in print. /* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */ This would include navigation, ads, sidebars, etc. */
.nestedarrow, .nestedarrow,
.controls a, .controls,
.reveal .progress, .reveal .progress,
.reveal.overview, .reveal.overview,
.fork-reveal, .fork-reveal,
.share-reveal, .share-reveal,
.state-background { .state-background {
display:none; display: none !important;
} }
/* SECTION 3: Set body font face, size, and color. /* SECTION 3: Set body font face, size, and color.
@ -102,36 +102,33 @@ ul, ol, div, p {
-ms-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; perspective-origin: 50% 50%;
} }
.reveal .slides>section, .reveal .slides>section>section, .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 {
visibility: visible; visibility: visible !important;
position: static; position: static !important;
width: 100%; width: 100% !important;
height: auto; height: auto !important;
min-height: initial; min-height: initial !important;
display: block; display: block !important;
overflow: visible; overflow: visible !important;
left: 0%; left: 0% !important;
top: 0%; top: 0% !important;
margin-left: 0px; margin-left: 0px !important;
margin-top: 50px; margin-top: 50px !important;
padding: 20px 0px; padding: 20px 0px !important;
opacity: 1; opacity: 1 !important;
-webkit-transform-style: flat; -webkit-transform-style: flat !important;
-moz-transform-style: flat; -moz-transform-style: flat !important;
-ms-transform-style: flat; -ms-transform-style: flat !important;
transform-style: flat; transform-style: flat !important;
-webkit-transform: none; -webkit-transform: none !important;
-moz-transform: none; -moz-transform: none !important;
-ms-transform: none; -ms-transform: none !important;
transform: none; transform: none !important;
} }
.reveal section { .reveal section {
page-break-after: always !important; page-break-after: always !important;

View File

@ -23,6 +23,7 @@ body {
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -ms-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: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de;
} }
.reveal { .reveal {

View File

@ -23,6 +23,7 @@ body {
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: -ms-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: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background-color: #2b2b2b;
} }
.reveal { .reveal {

View File

@ -10,6 +10,7 @@
*********************************************/ *********************************************/
body { body {
background: #f0f1eb; background: #f0f1eb;
background-color: #f0f1eb;
} }
.reveal { .reveal {

View File

@ -12,6 +12,7 @@
*********************************************/ *********************************************/
body { body {
background: white; background: white;
background-color: white;
} }
.reveal { .reveal {

View File

@ -16,6 +16,7 @@ body {
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background: -ms-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: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background-color: #f7fbfc;
} }
.reveal { .reveal {

View File

@ -6,6 +6,7 @@
body { body {
@include bodyBackground(); @include bodyBackground();
background-color: $backgroundColor;
} }
.reveal { .reveal {