From 25ad8adc68600ba9e77cbd7255a104c004126e21 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 8 Aug 2012 01:14:12 -0400 Subject: themes are now available as separate css files under css/theme/, old theme option in config is no longer supported (closes #104) --- css/print/pdf.css | 158 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 css/print/pdf.css (limited to 'css/print/pdf.css') diff --git a/css/print/pdf.css b/css/print/pdf.css new file mode 100644 index 0000000..26bc142 --- /dev/null +++ b/css/print/pdf.css @@ -0,0 +1,158 @@ +/* Default Print Stylesheet Template + by Rob Glazebrook of CSSnewbie.com + Last Updated: June 4, 2008 + + Feel free (nay, compelled) to edit, append, and + manipulate this file as you see fit. */ + + +/* SECTION 1: Set default width, margin, float, and + background. This prevents elements from extending + beyond the edge of the printed page, and prevents + unnecessary background images from printing */ +* { + -webkit-print-color-adjust: exact; +} + +body { + font-size: 22pt; + width: auto; + height: auto; + border: 0; + margin: 0 5%; + padding: 0; + float: none !important; + overflow: visible; + background: #333; +} + +html { + width: auto; + height: auto; + overflow: visible; +} + +/* SECTION 2: Remove any elements not needed in print. + This would include navigation, ads, sidebars, etc. */ +.nestedarrow, +.controls a, +.reveal .progress, +.reveal.overview, +.fork-reveal, +.share-reveal, +.state-background { + display:none; +} + +/* SECTION 3: Set body font face, size, and color. + Consider using a serif font for readability. */ +body, p, td, li, div, a { + font-size: 22pt; +} + +/* SECTION 4: Set heading font face, sizes, and color. + Diffrentiate your headings from your body text. + Perhaps use a large sans-serif for distinction. */ +h1,h2,h3,h4,h5,h6 { + text-shadow: 0 0 0 #000 !important; +} + +/* SECTION 5: Make hyperlinks more usable. + Ensure links are underlined, and consider appending + the URL to the end of the link for usability. */ +a:link, +a:visited { + font-weight: bold; + text-decoration: underline; +} + + +/* SECTION 6: more reveal.js specific additions by @skypanther */ +ul, ol, div, p { + visibility: visible; + position: static; + width: auto; + height: auto; + display: block; + overflow: visible; + margin: auto; +} +.reveal .slides { + position: static; + width: 100%; + height: auto; + + left: auto; + top: auto; + margin-left: auto; + margin-top: auto; + padding: auto; + + overflow: visible; + display: block; + + text-align: center; + -webkit-perspective: none; + -moz-perspective: none; + -ms-perspective: none; + perspective: none; + + -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */ + -moz-perspective-origin: 50% 50%; + -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 { + + visibility: visible; + position: static; + width: 100%; + height: auto; + min-height: initial; + display: block; + overflow: visible; + + left: 0%; + top: 0%; + margin-left: 0px; + margin-top: 50px; + padding: 20px 0px; + + opacity: 1; + + -webkit-transform-style: flat; + -moz-transform-style: flat; + -ms-transform-style: flat; + transform-style: flat; + + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + transform: none; +} +.reveal section { + page-break-after: always !important; + display: block !important; +} +.reveal section.stack { + margin: 0px !important; + padding: 0px !important; + page-break-after: avoid !important; +} +.reveal section .fragment { + opacity: 1 !important; +} +.reveal img { + box-shadow: none; +} +.reveal .roll { + overflow: visible; + line-height: 1em; +} + +.reveal small a { + font-size: 16pt !important; +} \ No newline at end of file -- cgit v1.2.3 From 73706ad02ed2278626f7b9bc2a52afe6e62fabd6 Mon Sep 17 00:00:00 2001 From: Gary Murakami Date: Thu, 27 Sep 2012 11:39:11 -0400 Subject: Changes to make PDF output match the browser view more closely font-size: 18pt; instead of fount-size: 22pt; remove the "a" tag from def that forces font size, otherwise anchors in various contexts, e.g., headings, etc., will cause ugly rendering due to mismatched font size. specify font size for "pre" tags so that code listings more closely match browser rendering --- css/print/pdf.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) (limited to 'css/print/pdf.css') diff --git a/css/print/pdf.css b/css/print/pdf.css index 26bc142..ec03eda 100644 --- a/css/print/pdf.css +++ b/css/print/pdf.css @@ -15,7 +15,7 @@ } body { - font-size: 22pt; + font-size: 18pt; width: auto; height: auto; border: 0; @@ -46,8 +46,8 @@ html { /* SECTION 3: Set body font face, size, and color. Consider using a serif font for readability. */ -body, p, td, li, div, a { - font-size: 22pt; +body, p, td, li, div { + font-size: 18pt; } /* SECTION 4: Set heading font face, sizes, and color. @@ -155,4 +155,8 @@ ul, ol, div, p { .reveal small a { font-size: 16pt !important; -} \ No newline at end of file +} + +pre { + font-size: 9pt !important; +} -- cgit v1.2.3 From af2a8b053d27ed5c97256d29ab4f06a6bcece6b7 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sun, 28 Oct 2012 19:32:24 -0400 Subject: 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(-) (limited to 'css/print/pdf.css') 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 { -- cgit v1.2.3 From 2834a6bc897d6ded967773cfa3a6bdf3cbc496d3 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sat, 10 Nov 2012 18:15:05 -0500 Subject: ensure fragments are visible in print styles, fix page-break error in paper print sheet --- css/print/paper.css | 9 ++++++--- css/print/pdf.css | 10 ++++++---- 2 files changed, 12 insertions(+), 7 deletions(-) (limited to 'css/print/pdf.css') diff --git a/css/print/paper.css b/css/print/paper.css index 61fa0a9..ec8a8bd 100644 --- a/css/print/paper.css +++ b/css/print/paper.css @@ -155,11 +155,14 @@ ul, ol, div, p { page-break-after: always !important; display: block !important; } -.reveal section.stack { - page-break-after: avoid !important; -} .reveal section .fragment { opacity: 1 !important; + visibility: visible !important; + + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; } .reveal section:last-of-type { page-break-after: avoid !important; diff --git a/css/print/pdf.css b/css/print/pdf.css index 7c1a496..02af691 100644 --- a/css/print/pdf.css +++ b/css/print/pdf.css @@ -141,6 +141,12 @@ ul, ol, div, p { } .reveal section .fragment { opacity: 1 !important; + visibility: visible !important; + + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; } .reveal img { box-shadow: none; @@ -153,7 +159,3 @@ ul, ol, div, p { .reveal small a { font-size: 16pt !important; } - -pre { - font-size: 9pt !important; -} -- cgit v1.2.3 From 8e79f8592ac2374e4a68e69b77bd142f66f118a9 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sat, 10 Nov 2012 20:09:12 -0500 Subject: fixes issue where italic fonts disappeared when printing to pdf (closes #230) --- css/print/pdf.css | 16 +++++++--------- css/reveal.css | 8 +++++++- 2 files changed, 14 insertions(+), 10 deletions(-) (limited to 'css/print/pdf.css') diff --git a/css/print/pdf.css b/css/print/pdf.css index 02af691..7750657 100644 --- a/css/print/pdf.css +++ b/css/print/pdf.css @@ -92,6 +92,7 @@ ul, ol, div, p { display: block; text-align: center; + -webkit-perspective: none; -moz-perspective: none; -ms-perspective: none; @@ -102,8 +103,10 @@ ul, ol, div, p { -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } -.reveal .slides>section, .reveal .slides>section>section { - +.reveal .slides section { + + page-break-after: always !important; + visibility: visible !important; position: static !important; width: 100% !important; @@ -112,8 +115,8 @@ ul, ol, div, p { display: block !important; overflow: visible !important; - left: 0% !important; - top: 0% !important; + left: 0 !important; + top: 0 !important; margin-left: 0px !important; margin-top: 50px !important; padding: 20px 0px !important; @@ -130,10 +133,6 @@ ul, ol, div, p { -ms-transform: none !important; transform: none !important; } -.reveal section { - page-break-after: always !important; - display: block !important; -} .reveal section.stack { margin: 0px !important; padding: 0px !important; @@ -155,7 +154,6 @@ ul, ol, div, p { overflow: visible; line-height: 1em; } - .reveal small a { font-size: 16pt !important; } diff --git a/css/reveal.css b/css/reveal.css index 7879bb6..d2d9779 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -169,8 +169,14 @@ body { * DEFAULT ELEMENT STYLES *********************************************/ +/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */ +.reveal:after { + content: ''; + font-style: italic; +} + +/* Preserve aspect ratio and scale image so it's bound within the section */ .reveal img { - /* preserve aspect ratio and scale image so it's bound within the section */ max-width: 100%; max-height: 100%; } -- cgit v1.2.3 From 9d98cee7fd23f80ae0c170d9a5aafca235680476 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 13 Nov 2012 23:52:17 -0500 Subject: fix minor issue in pdf print sheet --- css/print/pdf.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'css/print/pdf.css') diff --git a/css/print/pdf.css b/css/print/pdf.css index 7750657..f0c20b7 100644 --- a/css/print/pdf.css +++ b/css/print/pdf.css @@ -23,7 +23,7 @@ body { padding: 0; float: none !important; overflow: visible; - background-image: none; + background-image: none !important; } html { -- cgit v1.2.3 From 519ee26809bfd6bd824155e999d2c9eaae6786bb Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 27 Nov 2012 09:23:23 -0500 Subject: remove left/right margin from images, tweak pdf print styles --- css/print/pdf.css | 1 + css/theme/beige.css | 2 +- css/theme/default.css | 2 +- css/theme/night.css | 2 +- css/theme/serif.css | 2 +- css/theme/simple.css | 2 +- css/theme/sky.css | 2 +- css/theme/template/theme.scss | 30 +++++++++++++++--------------- 8 files changed, 22 insertions(+), 21 deletions(-) (limited to 'css/print/pdf.css') diff --git a/css/print/pdf.css b/css/print/pdf.css index f0c20b7..2d93324 100644 --- a/css/print/pdf.css +++ b/css/print/pdf.css @@ -85,6 +85,7 @@ ul, ol, div, p { left: auto; top: auto; margin-left: auto; + margin-right: auto; margin-top: auto; padding: auto; diff --git a/css/theme/beige.css b/css/theme/beige.css index c8d38f2..d9f8501 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -90,7 +90,7 @@ body { * IMAGES *********************************************/ .reveal section img { - margin: 15px; + margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid #333333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); diff --git a/css/theme/default.css b/css/theme/default.css index 30d7463..86e65ce 100644 --- a/css/theme/default.css +++ b/css/theme/default.css @@ -90,7 +90,7 @@ body { * IMAGES *********************************************/ .reveal section img { - margin: 15px; + margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid #eeeeee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); diff --git a/css/theme/night.css b/css/theme/night.css index 4c1f824..f10598f 100644 --- a/css/theme/night.css +++ b/css/theme/night.css @@ -77,7 +77,7 @@ body { * IMAGES *********************************************/ .reveal section img { - margin: 15px; + margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid #eeeeee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); diff --git a/css/theme/serif.css b/css/theme/serif.css index 3d406af..aaabf47 100644 --- a/css/theme/serif.css +++ b/css/theme/serif.css @@ -77,7 +77,7 @@ body { * IMAGES *********************************************/ .reveal section img { - margin: 15px; + margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid black; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); diff --git a/css/theme/simple.css b/css/theme/simple.css index cf4f042..a68729f 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -79,7 +79,7 @@ body { * IMAGES *********************************************/ .reveal section img { - margin: 15px; + margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid black; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); diff --git a/css/theme/sky.css b/css/theme/sky.css index 43bb4f4..a1b3b96 100644 --- a/css/theme/sky.css +++ b/css/theme/sky.css @@ -83,7 +83,7 @@ body { * IMAGES *********************************************/ .reveal section img { - margin: 15px; + margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid #333333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index a818ec2..96148e3 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -17,21 +17,21 @@ body { color: $mainColor; } -::selection { - color: $selectionColor; - background: $selectionBackgroundColor; - text-shadow: none; +::selection { + color: $selectionColor; + background: $selectionBackgroundColor; + text-shadow: none; } /********************************************* * HEADERS *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, +.reveal h1, +.reveal h2, +.reveal h3, +.reveal h4, +.reveal h5, .reveal h6 { margin: 0 0 20px 0; color: $headingColor; @@ -39,7 +39,7 @@ body { font-family: $headingFont; line-height: $headingLineHeight; letter-spacing: $headingLetterSpacing; - + text-transform: $headingTextTransform; text-shadow: $headingTextShadow; } @@ -65,7 +65,7 @@ body { } .reveal a:not(.image):hover { color: $linkColorHover; - + text-shadow: none; border: none; } @@ -81,12 +81,12 @@ body { *********************************************/ .reveal section img { - margin: 15px; + margin: 15px 0px; background: rgba(255,255,255,0.12); border: 4px solid $mainColor; - + box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); - + -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; @@ -97,7 +97,7 @@ body { .reveal a:hover img { background: rgba(255,255,255,0.2); border-color: $linkColor; - + box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } -- cgit v1.2.3 From 6b0fff3512e7ab9b1874cc33163c57869b909406 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sun, 3 Feb 2013 16:17:46 -0500 Subject: enable backgrounds images when printing to pdf (closes #271) --- css/print/pdf.css | 29 ++++++++++++++--------------- 1 file changed, 14 insertions(+), 15 deletions(-) (limited to 'css/print/pdf.css') diff --git a/css/print/pdf.css b/css/print/pdf.css index 2d93324..b90c3ab 100644 --- a/css/print/pdf.css +++ b/css/print/pdf.css @@ -2,16 +2,17 @@ by Rob Glazebrook of CSSnewbie.com Last Updated: June 4, 2008 - Feel free (nay, compelled) to edit, append, and + Feel free (nay, compelled) to edit, append, and manipulate this file as you see fit. */ /* 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 unnecessary background images from printing */ + * { - -webkit-print-color-adjust: exact; + -webkit-print-color-adjust: exact; } body { @@ -19,24 +20,22 @@ body { width: auto; height: auto; border: 0; - margin: 0 5%; padding: 0; float: none !important; overflow: visible; - background-image: none !important; } html { - width: auto; - height: auto; + width: 100%; + height: 100%; overflow: visible; } -/* 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. */ -.nestedarrow, -.controls, -.reveal .progress, +.nestedarrow, +.controls, +.reveal .progress, .reveal.overview, .fork-reveal, .share-reveal, @@ -60,7 +59,7 @@ h1,h2,h3,h4,h5,h6 { /* SECTION 5: Make hyperlinks more usable. Ensure links are underlined, and consider appending the URL to the end of the link for usability. */ -a:link, +a:link, a:visited { font-weight: bold; text-decoration: underline; @@ -106,7 +105,7 @@ ul, ol, div, p { } .reveal .slides section { - page-break-after: always !important; + page-break-after: always !important; visibility: visible !important; position: static !important; @@ -137,12 +136,12 @@ ul, ol, div, p { .reveal section.stack { margin: 0px !important; padding: 0px !important; - page-break-after: avoid !important; + page-break-after: avoid !important; } .reveal section .fragment { opacity: 1 !important; visibility: visible !important; - + -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -- cgit v1.2.3 From a9b4eb9a05b25cf39ce0c479d95a7b5f4d3a0c73 Mon Sep 17 00:00:00 2001 From: Jeremy Mikola Date: Thu, 21 Feb 2013 14:21:47 -0500 Subject: Set PDF output to letter landscape, no margin --- css/print/pdf.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'css/print/pdf.css') diff --git a/css/print/pdf.css b/css/print/pdf.css index b90c3ab..9811096 100644 --- a/css/print/pdf.css +++ b/css/print/pdf.css @@ -31,6 +31,11 @@ html { overflow: visible; } +@page { + size: letter landscape; + margin: 0; +} + /* SECTION 2: Remove any elements not needed in print. This would include navigation, ads, sidebars, etc. */ .nestedarrow, -- cgit v1.2.3