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

main
Hakim El Hattab 10 years ago
parent 38aff9a37d
commit af2a8b053d
  1. 57
      css/print/paper.css
  2. 53
      css/print/pdf.css
  3. 1
      css/theme/beige.css
  4. 1
      css/theme/default.css
  5. 1
      css/theme/serif.css
  6. 1
      css/theme/simple.css
  7. 1
      css/theme/sky.css
  8. 1
      css/theme/template/theme.scss

@ -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;

@ -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;

@ -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 {

@ -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 {

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

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

@ -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 {

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

Loading…
Cancel
Save