From a522312999c93b1a5a8353ab18d573c9c4ac83f2 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
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 5ca3fd3..7c7257a 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;
--
GitLab