1/** 2 * This stylesheet is used to print reveal.js 3 * presentations to PDF. 4 * 5 * https://github.com/hakimel/reveal.js#pdf-export 6 */ 7 8* { 9 -webkit-print-color-adjust: exact; 10} 11 12body { 13 margin: 0 auto !important; 14 border: 0; 15 padding: 0; 16 float: none !important; 17 overflow: visible; 18} 19 20html { 21 width: 100%; 22 height: 100%; 23 overflow: visible; 24} 25 26/* Remove any elements not needed in print. */ 27.nestedarrow, 28.reveal .controls, 29.reveal .progress, 30.reveal .playback, 31.reveal.overview, 32.fork-reveal, 33.share-reveal, 34.state-background { 35 display: none !important; 36} 37 38h1, h2, h3, h4, h5, h6 { 39 text-shadow: 0 0 0 #000 !important; 40} 41 42.reveal pre code { 43 overflow: hidden !important; 44 font-family: Courier, 'Courier New', monospace !important; 45} 46 47ul, ol, div, p { 48 visibility: visible; 49 position: static; 50 width: auto; 51 height: auto; 52 display: block; 53 overflow: visible; 54 margin: auto; 55} 56.reveal { 57 width: auto !important; 58 height: auto !important; 59 overflow: hidden !important; 60} 61.reveal .slides { 62 position: static; 63 width: 100% !important; 64 height: auto !important; 65 zoom: 1 !important; 66 67 left: auto; 68 top: auto; 69 margin: 0 !important; 70 padding: 0 !important; 71 72 overflow: visible; 73 display: block; 74 75 -webkit-perspective: none; 76 -moz-perspective: none; 77 -ms-perspective: none; 78 perspective: none; 79 80 -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */ 81 -moz-perspective-origin: 50% 50%; 82 -ms-perspective-origin: 50% 50%; 83 perspective-origin: 50% 50%; 84} 85 86.reveal .slides .pdf-page { 87 position: relative; 88 overflow: hidden; 89 z-index: 1; 90 91 page-break-after: always; 92} 93 94.reveal .slides section { 95 visibility: visible !important; 96 display: block !important; 97 position: absolute !important; 98 99 margin: 0 !important; 100 padding: 0 !important; 101 box-sizing: border-box !important; 102 min-height: 1px; 103 104 opacity: 1 !important; 105 106 -webkit-transform-style: flat !important; 107 -moz-transform-style: flat !important; 108 -ms-transform-style: flat !important; 109 transform-style: flat !important; 110 111 -webkit-transform: none !important; 112 -moz-transform: none !important; 113 -ms-transform: none !important; 114 transform: none !important; 115} 116 117.reveal section.stack { 118 position: relative !important; 119 margin: 0 !important; 120 padding: 0 !important; 121 page-break-after: avoid !important; 122 height: auto !important; 123 min-height: auto !important; 124} 125 126.reveal img { 127 box-shadow: none; 128} 129 130.reveal .roll { 131 overflow: visible; 132 line-height: 1em; 133} 134 135/* Slide backgrounds are placed inside of their slide when exporting to PDF */ 136.reveal .slide-background { 137 display: block !important; 138 position: absolute; 139 top: 0; 140 left: 0; 141 width: 100%; 142 height: 100%; 143 z-index: auto !important; 144} 145 146/* Display slide speaker notes when 'showNotes' is enabled */ 147.reveal.show-notes { 148 max-width: none; 149 max-height: none; 150} 151.reveal .speaker-notes-pdf { 152 display: block; 153 width: 100%; 154 height: auto; 155 max-height: none; 156 top: auto; 157 right: auto; 158 bottom: auto; 159 left: auto; 160 z-index: 100; 161} 162 163/* Layout option which makes notes appear on a separate page */ 164.reveal .speaker-notes-pdf[data-layout="separate-page"] { 165 position: relative; 166 color: inherit; 167 background-color: transparent; 168 padding: 20px; 169 page-break-after: always; 170 border: 0; 171} 172 173/* Display slide numbers when 'slideNumber' is enabled */ 174.reveal .slide-number-pdf { 175 display: block; 176 position: absolute; 177 font-size: 14px; 178} 179