1/* Default Print Stylesheet Template 2 by Rob Glazebrook of CSSnewbie.com 3 Last Updated: June 4, 2008 4 5 Feel free (nay, compelled) to edit, append, and 6 manipulate this file as you see fit. */ 7 8 9@media print { 10 11 /* SECTION 1: Set default width, margin, float, and 12 background. This prevents elements from extending 13 beyond the edge of the printed page, and prevents 14 unnecessary background images from printing */ 15 html { 16 background: #fff; 17 width: auto; 18 height: auto; 19 overflow: visible; 20 } 21 body { 22 background: #fff; 23 font-size: 20pt; 24 width: auto; 25 height: auto; 26 border: 0; 27 margin: 0 5%; 28 padding: 0; 29 overflow: visible; 30 float: none !important; 31 } 32 33 /* SECTION 2: Remove any elements not needed in print. 34 This would include navigation, ads, sidebars, etc. */ 35 .nestedarrow, 36 .controls, 37 .fork-reveal, 38 .share-reveal, 39 .state-background, 40 .reveal .progress, 41 .reveal .backgrounds, 42 .reveal .slide-number { 43 display: none !important; 44 } 45 46 /* SECTION 3: Set body font face, size, and color. 47 Consider using a serif font for readability. */ 48 body, p, td, li, div { 49 font-size: 20pt!important; 50 font-family: Georgia, "Times New Roman", Times, serif !important; 51 color: #000; 52 } 53 54 /* SECTION 4: Set heading font face, sizes, and color. 55 Differentiate your headings from your body text. 56 Perhaps use a large sans-serif for distinction. */ 57 h1,h2,h3,h4,h5,h6 { 58 color: #000!important; 59 height: auto; 60 line-height: normal; 61 font-family: Georgia, "Times New Roman", Times, serif !important; 62 text-shadow: 0 0 0 #000 !important; 63 text-align: left; 64 letter-spacing: normal; 65 } 66 /* Need to reduce the size of the fonts for printing */ 67 h1 { font-size: 28pt !important; } 68 h2 { font-size: 24pt !important; } 69 h3 { font-size: 22pt !important; } 70 h4 { font-size: 22pt !important; font-variant: small-caps; } 71 h5 { font-size: 21pt !important; } 72 h6 { font-size: 20pt !important; font-style: italic; } 73 74 /* SECTION 5: Make hyperlinks more usable. 75 Ensure links are underlined, and consider appending 76 the URL to the end of the link for usability. */ 77 a:link, 78 a:visited { 79 color: #000 !important; 80 font-weight: bold; 81 text-decoration: underline; 82 } 83 /* 84 .reveal a:link:after, 85 .reveal a:visited:after { 86 content: " (" attr(href) ") "; 87 color: #222 !important; 88 font-size: 90%; 89 } 90 */ 91 92 93 /* SECTION 6: more reveal.js specific additions by @skypanther */ 94 ul, ol, div, p { 95 visibility: visible; 96 position: static; 97 width: auto; 98 height: auto; 99 display: block; 100 overflow: visible; 101 margin: 0; 102 text-align: left !important; 103 } 104 .reveal pre, 105 .reveal table { 106 margin-left: 0; 107 margin-right: 0; 108 } 109 .reveal pre code { 110 padding: 20px; 111 border: 1px solid #ddd; 112 } 113 .reveal blockquote { 114 margin: 20px 0; 115 } 116 .reveal .slides { 117 position: static !important; 118 width: auto !important; 119 height: auto !important; 120 121 left: 0 !important; 122 top: 0 !important; 123 margin-left: 0 !important; 124 margin-top: 0 !important; 125 padding: 0 !important; 126 zoom: 1 !important; 127 128 overflow: visible !important; 129 display: block !important; 130 131 text-align: left !important; 132 -webkit-perspective: none; 133 -moz-perspective: none; 134 -ms-perspective: none; 135 perspective: none; 136 137 -webkit-perspective-origin: 50% 50%; 138 -moz-perspective-origin: 50% 50%; 139 -ms-perspective-origin: 50% 50%; 140 perspective-origin: 50% 50%; 141 } 142 .reveal .slides section { 143 visibility: visible !important; 144 position: static !important; 145 width: auto !important; 146 height: auto !important; 147 display: block !important; 148 overflow: visible !important; 149 150 left: 0 !important; 151 top: 0 !important; 152 margin-left: 0 !important; 153 margin-top: 0 !important; 154 padding: 60px 20px !important; 155 z-index: auto !important; 156 157 opacity: 1 !important; 158 159 page-break-after: always !important; 160 161 -webkit-transform-style: flat !important; 162 -moz-transform-style: flat !important; 163 -ms-transform-style: flat !important; 164 transform-style: flat !important; 165 166 -webkit-transform: none !important; 167 -moz-transform: none !important; 168 -ms-transform: none !important; 169 transform: none !important; 170 171 -webkit-transition: none !important; 172 -moz-transition: none !important; 173 -ms-transition: none !important; 174 transition: none !important; 175 } 176 .reveal .slides section.stack { 177 padding: 0 !important; 178 } 179 .reveal section:last-of-type { 180 page-break-after: avoid !important; 181 } 182 .reveal section .fragment { 183 opacity: 1 !important; 184 visibility: visible !important; 185 186 -webkit-transform: none !important; 187 -moz-transform: none !important; 188 -ms-transform: none !important; 189 transform: none !important; 190 } 191 .reveal section img { 192 display: block; 193 margin: 15px 0px; 194 background: rgba(255,255,255,1); 195 border: 1px solid #666; 196 box-shadow: none; 197 } 198 199 .reveal section small { 200 font-size: 0.8em; 201 } 202 203} 204