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+ display : none !important ;
43+ }
44+
45+ /* SECTION 3: Set body font face, size, and color.
46+ Consider using a serif font for readability. */
47+ body , p , td , li , div {
48+ font-size : 20pt !important ;
49+ font-family : Georgia, "Times New Roman" , Times, serif !important ;
50+ color : # 000 ;
51+ }
52+
53+ /* SECTION 4: Set heading font face, sizes, and color.
54+ Differentiate your headings from your body text.
55+ Perhaps use a large sans-serif for distinction. */
56+ h1 , h2 , h3 , h4 , h5 , h6 {
57+ color : # 000!important ;
58+ height : auto;
59+ line-height : normal;
60+ font-family : Georgia, "Times New Roman" , Times, serif !important ;
61+ text-shadow : 0 0 0 # 000 !important ;
62+ text-align : left;
63+ letter-spacing : normal;
64+ }
65+ /* Need to reduce the size of the fonts for printing */
66+ h1 { font-size : 28pt !important ; }
67+ h2 { font-size : 24pt !important ; }
68+ h3 { font-size : 22pt !important ; }
69+ h4 { font-size : 22pt !important ; font-variant : small-caps; }
70+ h5 { font-size : 21pt !important ; }
71+ h6 { font-size : 20pt !important ; font-style : italic; }
72+
73+ /* SECTION 5: Make hyperlinks more usable.
74+ Ensure links are underlined, and consider appending
75+ the URL to the end of the link for usability. */
76+ a : link ,
77+ a : visited {
78+ color : # 000 !important ;
79+ font-weight : bold;
80+ text-decoration : underline;
81+ }
82+ /*
83+ .reveal a:link:after,
84+ .reveal a:visited:after {
85+ content: " (" attr(href) ") ";
86+ color: #222 !important;
87+ font-size: 90%;
88+ }
89+ */
90+
91+
92+ /* SECTION 6: more reveal.js specific additions by @skypanther */
93+ ul , ol , div , p {
94+ visibility : visible;
95+ position : static;
96+ width : auto;
97+ height : auto;
98+ display : block;
99+ overflow : visible;
100+ margin : 0 ;
101+ text-align : left !important ;
102+ }
103+ .reveal pre ,
104+ .reveal table {
105+ margin-left : 0 ;
106+ margin-right : 0 ;
107+ }
108+ .reveal pre code {
109+ padding : 20px ;
110+ border : 1px solid # ddd ;
111+ }
112+ .reveal blockquote {
113+ margin : 20px 0 ;
114+ }
115+ .reveal .slides {
116+ position : static !important ;
117+ width : auto !important ;
118+ height : auto !important ;
119+
120+ left : 0 !important ;
121+ top : 0 !important ;
122+ margin-left : 0 !important ;
123+ margin-top : 0 !important ;
124+ padding : 0 !important ;
125+ zoom : 1 !important ;
126+
127+ overflow : visible !important ;
128+ display : block !important ;
129+
130+ text-align : left !important ;
131+ -webkit-perspective : none;
132+ -moz-perspective : none;
133+ -ms-perspective : none;
134+ perspective : none;
135+
136+ -webkit-perspective-origin : 50% 50% ;
137+ -moz-perspective-origin : 50% 50% ;
138+ -ms-perspective-origin : 50% 50% ;
139+ perspective-origin : 50% 50% ;
140+ }
141+ .reveal .slides section {
142+ visibility : visible !important ;
143+ position : static !important ;
144+ width : 100% !important ;
145+ height : auto !important ;
146+ display : block !important ;
147+ overflow : visible !important ;
148+
149+ left : 0 !important ;
150+ top : 0 !important ;
151+ margin-left : 0 !important ;
152+ margin-top : 0 !important ;
153+ padding : 60px 20px !important ;
154+ z-index : auto !important ;
155+
156+ opacity : 1 !important ;
157+
158+ page-break-after : always !important ;
159+
160+ -webkit-transform-style : flat !important ;
161+ -moz-transform-style : flat !important ;
162+ -ms-transform-style : flat !important ;
163+ transform-style : flat !important ;
164+
165+ -webkit-transform : none !important ;
166+ -moz-transform : none !important ;
167+ -ms-transform : none !important ;
168+ transform : none !important ;
169+
170+ -webkit-transition : none !important ;
171+ -moz-transition : none !important ;
172+ -ms-transition : none !important ;
173+ transition : none !important ;
174+ }
175+ .reveal .slides section .stack {
176+ padding : 0 !important ;
177+ }
178+ .reveal section : last-of-type {
179+ page-break-after : avoid !important ;
180+ }
181+ .reveal section .fragment {
182+ opacity : 1 !important ;
183+ visibility : visible !important ;
184+
185+ -webkit-transform : none !important ;
186+ -moz-transform : none !important ;
187+ -ms-transform : none !important ;
188+ transform : none !important ;
189+ }
190+ .reveal section img {
191+ display : block;
192+ margin : 15px 0px ;
193+ background : rgba (255 , 255 , 255 , 1 );
194+ border : 1px solid # 666 ;
195+ box-shadow : none;
196+ }
197+
198+ .reveal section small {
199+ font-size : 0.8em ;
200+ }
201+
202+ }
0 commit comments