From 8e79f8592ac2374e4a68e69b77bd142f66f118a9 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Sat, 10 Nov 2012 20:09:12 -0500
Subject: [PATCH] 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(-)

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%;
 }