fixes issue where italic fonts disappeared when printing to pdf (closes #230)

edit
Hakim El Hattab 2012-11-10 20:09:12 -05:00
parent be4c55cd65
commit 8e79f8592a
2 changed files with 14 additions and 10 deletions

View File

@ -92,6 +92,7 @@ ul, ol, div, p {
display: block; display: block;
text-align: center; text-align: center;
-webkit-perspective: none; -webkit-perspective: none;
-moz-perspective: none; -moz-perspective: none;
-ms-perspective: none; -ms-perspective: none;
@ -102,7 +103,9 @@ ul, ol, div, p {
-ms-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%;
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; visibility: visible !important;
position: static !important; position: static !important;
@ -112,8 +115,8 @@ 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: 0px !important;
margin-top: 50px !important; margin-top: 50px !important;
padding: 20px 0px !important; padding: 20px 0px !important;
@ -130,10 +133,6 @@ ul, ol, div, p {
-ms-transform: none !important; -ms-transform: none !important;
transform: none !important; transform: none !important;
} }
.reveal section {
page-break-after: always !important;
display: block !important;
}
.reveal section.stack { .reveal section.stack {
margin: 0px !important; margin: 0px !important;
padding: 0px !important; padding: 0px !important;
@ -155,7 +154,6 @@ ul, ol, div, p {
overflow: visible; overflow: visible;
line-height: 1em; line-height: 1em;
} }
.reveal small a { .reveal small a {
font-size: 16pt !important; font-size: 16pt !important;
} }

View File

@ -169,8 +169,14 @@ body {
* DEFAULT ELEMENT STYLES * 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 { .reveal img {
/* preserve aspect ratio and scale image so it's bound within the section */
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }