fix non-pdf printing (closes #881)

This commit is contained in:
Hakim El Hattab 2014-04-26 19:16:10 +02:00
parent b019604531
commit ae962d729b
3 changed files with 174 additions and 161 deletions

View file

@ -6,27 +6,29 @@
manipulate this file as you see fit. */ manipulate this file as you see fit. */
@media print {
/* SECTION 1: Set default width, margin, float, and /* SECTION 1: Set default width, margin, float, and
background. This prevents elements from extending background. This prevents elements from extending
beyond the edge of the printed page, and prevents beyond the edge of the printed page, and prevents
unnecessary background images from printing */ unnecessary background images from printing */
body {
background: #fff;
font-size: 13pt;
width: auto;
height: auto;
border: 0;
margin: 0 5%;
padding: 0;
float: none !important;
overflow: visible;
}
html { html {
background: #fff; background: #fff;
width: auto; width: auto;
height: auto; height: auto;
overflow: visible; overflow: visible;
} }
body {
background: #fff;
font-size: 28pt;
width: auto;
height: auto;
border: 0;
margin: 0 5%;
padding: 0;
overflow: visible;
float: none !important;
}
/* 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. */
@ -42,8 +44,8 @@ html {
/* 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 {
font-size: 16pt!important; font-size: 28pt!important;
font-family: Georgia, "Times New Roman", Times, serif !important; font-family: Georgia, "Times New Roman", Times, serif !important;
color: #000; color: #000;
} }
@ -61,12 +63,12 @@ h1,h2,h3,h4,h5,h6 {
letter-spacing: normal; letter-spacing: normal;
} }
/* Need to reduce the size of the fonts for printing */ /* Need to reduce the size of the fonts for printing */
h1 { font-size: 26pt !important; } h1 { font-size: 36pt !important; }
h2 { font-size: 22pt !important; } h2 { font-size: 32pt !important; }
h3 { font-size: 20pt !important; } h3 { font-size: 30pt !important; }
h4 { font-size: 20pt !important; font-variant: small-caps; } h4 { font-size: 30pt !important; font-variant: small-caps; }
h5 { font-size: 19pt !important; } h5 { font-size: 29pt !important; }
h6 { font-size: 18pt !important; font-style: italic; } h6 { font-size: 28pt !important; font-style: italic; }
/* SECTION 5: Make hyperlinks more usable. /* SECTION 5: Make hyperlinks more usable.
Ensure links are underlined, and consider appending Ensure links are underlined, and consider appending
@ -98,16 +100,25 @@ ul, ol, div, p {
margin: auto; margin: auto;
text-align: left !important; text-align: left !important;
} }
.reveal pre,
.reveal table {
margin-left: 0;
margin-right: 0;
}
.reveal pre code {
padding: 20px;
border: 1px solid #ddd;
}
.reveal .slides { .reveal .slides {
position: static; position: static;
width: auto; width: auto;
height: auto; height: auto;
left: auto; left: 0;
top: auto; top: 0;
margin-left: auto; margin-left: 0;
margin-top: auto; margin-top: 0;
padding: auto; padding: 0;
overflow: visible; overflow: visible;
display: block; display: block;
@ -125,7 +136,6 @@ ul, ol, div, p {
} }
.reveal .slides>section, .reveal .slides>section,
.reveal .slides>section>section { .reveal .slides>section>section {
visibility: visible !important; visibility: visible !important;
position: static !important; position: static !important;
width: 90% !important; width: 90% !important;
@ -133,10 +143,10 @@ ul, ol, div, p {
display: block !important; display: block !important;
overflow: visible !important; overflow: visible !important;
left: 0% !important; left: 0 !important;
top: 0% !important; top: 0 !important;
margin-left: 0px !important; margin-left: 0 !important;
margin-top: 0px !important; margin-top: 0 !important;
padding: 20px 0px !important; padding: 20px 0px !important;
opacity: 1 !important; opacity: 1 !important;
@ -153,7 +163,6 @@ ul, ol, div, p {
} }
.reveal section { .reveal section {
page-break-after: always !important; page-break-after: always !important;
display: block !important;
} }
.reveal section .fragment { .reveal section .fragment {
opacity: 1 !important; opacity: 1 !important;
@ -174,3 +183,9 @@ ul, ol, div, p {
border: 1px solid #666; border: 1px solid #666;
box-shadow: none; box-shadow: none;
} }
.reveal section small {
font-size: 0.8em;
}
}

View file

@ -20,15 +20,13 @@
<!-- For syntax highlighting --> <!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css"> <link rel="stylesheet" href="lib/css/zenburn.css">
<!-- If the query includes 'print-pdf', include the PDF print sheet --> <!-- Include the appropriate print stylesheet -->
<script> <script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' ); var link = document.createElement( 'link' );
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
link.href = 'css/print/pdf.css'; link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link ); document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script> </script>
<!--[if lt IE 9]> <!--[if lt IE 9]>

View file

@ -2014,7 +2014,7 @@ var Reveal = (function(){
// Show the horizontal slide if it's within the view distance // Show the horizontal slide if it's within the view distance
if( distanceX < viewDistance ) { if( distanceX < viewDistance ) {
horizontalSlide.style.display = 'block'; horizontalSlide.style.display = '';
loadSlide( horizontalSlide ); loadSlide( horizontalSlide );
} }
else { else {
@ -2031,7 +2031,7 @@ var Reveal = (function(){
distanceY = x === indexh ? Math.abs( indexv - y ) : Math.abs( y - oy ); distanceY = x === indexh ? Math.abs( indexv - y ) : Math.abs( y - oy );
if( distanceX + distanceY < viewDistance ) { if( distanceX + distanceY < viewDistance ) {
verticalSlide.style.display = 'block'; verticalSlide.style.display = '';
loadSlide( verticalSlide ); loadSlide( verticalSlide );
} }
else { else {