From a522312999c93b1a5a8353ab18d573c9c4ac83f2 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Sat, 26 Apr 2014 20:49:22 +0200 Subject: [PATCH] improvements to print stylesheet --- css/print/paper.css | 77 ++++++++++++++++++++++++++------------------- 1 file changed, 44 insertions(+), 33 deletions(-) diff --git a/css/print/paper.css b/css/print/paper.css index 5ca3fd3f..7c7257ae 100644 --- a/css/print/paper.css +++ b/css/print/paper.css @@ -20,7 +20,7 @@ } body { background: #fff; - font-size: 28pt; + font-size: 20pt; width: auto; height: auto; border: 0; @@ -34,18 +34,18 @@ This would include navigation, ads, sidebars, etc. */ .nestedarrow, .controls, - .reveal .progress, - .reveal.overview, .fork-reveal, .share-reveal, - .state-background { + .state-background, + .reveal .progress, + .reveal .backgrounds { display: none !important; } /* SECTION 3: Set body font face, size, and color. Consider using a serif font for readability. */ body, p, td, li, div { - font-size: 28pt!important; + font-size: 20pt!important; font-family: Georgia, "Times New Roman", Times, serif !important; color: #000; } @@ -63,12 +63,12 @@ letter-spacing: normal; } /* Need to reduce the size of the fonts for printing */ - h1 { font-size: 36pt !important; } - h2 { font-size: 32pt !important; } - h3 { font-size: 30pt !important; } - h4 { font-size: 30pt !important; font-variant: small-caps; } - h5 { font-size: 29pt !important; } - h6 { font-size: 28pt !important; font-style: italic; } + h1 { font-size: 28pt !important; } + h2 { font-size: 24pt !important; } + h3 { font-size: 22pt !important; } + h4 { font-size: 22pt !important; font-variant: small-caps; } + h5 { font-size: 21pt !important; } + h6 { font-size: 20pt !important; font-style: italic; } /* SECTION 5: Make hyperlinks more usable. Ensure links are underlined, and consider appending @@ -97,7 +97,7 @@ height: auto; display: block; overflow: visible; - margin: auto; + margin: 0; text-align: left !important; } .reveal pre, @@ -109,36 +109,39 @@ padding: 20px; border: 1px solid #ddd; } + .reveal blockquote { + margin: 20px 0; + } .reveal .slides { - position: static; - width: auto; - height: auto; + position: static !important; + width: auto !important; + height: auto !important; - left: 0; - top: 0; - margin-left: 0; - margin-top: 0; - padding: 0; + left: 0 !important; + top: 0 !important; + margin-left: 0 !important; + margin-top: 0 !important; + padding: 0 !important; + zoom: 1 !important; - overflow: visible; - display: block; + overflow: visible !important; + display: block !important; - text-align: center; + text-align: left !important; -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 */ + -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } - .reveal .slides>section, - .reveal .slides>section>section { + .reveal .slides section { visibility: visible !important; position: static !important; - width: 90% !important; + width: 100% !important; height: auto !important; display: block !important; overflow: visible !important; @@ -147,10 +150,13 @@ top: 0 !important; margin-left: 0 !important; margin-top: 0 !important; - padding: 20px 0px !important; + padding: 60px 20px !important; + z-index: auto !important; opacity: 1 !important; + page-break-after: always !important; + -webkit-transform-style: flat !important; -moz-transform-style: flat !important; -ms-transform-style: flat !important; @@ -160,9 +166,17 @@ -moz-transform: none !important; -ms-transform: none !important; transform: none !important; + + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + transition: none !important; } - .reveal section { - page-break-after: always !important; + .reveal .slides section.stack { + padding: 0 !important; + } + .reveal section:last-of-type { + page-break-after: avoid !important; } .reveal section .fragment { opacity: 1 !important; @@ -173,9 +187,6 @@ -ms-transform: none !important; transform: none !important; } - .reveal section:last-of-type { - page-break-after: avoid !important; - } .reveal section img { display: block; margin: 15px 0px;