Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
Download
1522 views
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
12
body {
13
margin: 0 auto !important;
14
border: 0;
15
padding: 0;
16
float: none !important;
17
overflow: visible;
18
}
19
20
html {
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
38
h1, 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
47
ul, 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%;
64
height: auto;
65
66
left: auto;
67
top: auto;
68
margin: 0 !important;
69
padding: 0 !important;
70
71
overflow: visible;
72
display: block;
73
74
-webkit-perspective: none;
75
-moz-perspective: none;
76
-ms-perspective: none;
77
perspective: none;
78
79
-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
80
-moz-perspective-origin: 50% 50%;
81
-ms-perspective-origin: 50% 50%;
82
perspective-origin: 50% 50%;
83
}
84
85
.reveal .slides section {
86
page-break-after: always !important;
87
88
visibility: visible !important;
89
position: relative !important;
90
display: block !important;
91
position: relative !important;
92
93
margin: 0 !important;
94
padding: 0 !important;
95
box-sizing: border-box !important;
96
min-height: 1px;
97
98
opacity: 1 !important;
99
100
-webkit-transform-style: flat !important;
101
-moz-transform-style: flat !important;
102
-ms-transform-style: flat !important;
103
transform-style: flat !important;
104
105
-webkit-transform: none !important;
106
-moz-transform: none !important;
107
-ms-transform: none !important;
108
transform: none !important;
109
}
110
111
.reveal section.stack {
112
margin: 0 !important;
113
padding: 0 !important;
114
page-break-after: avoid !important;
115
height: auto !important;
116
min-height: auto !important;
117
}
118
119
.reveal img {
120
box-shadow: none;
121
}
122
123
.reveal .roll {
124
overflow: visible;
125
line-height: 1em;
126
}
127
128
/* Slide backgrounds are placed inside of their slide when exporting to PDF */
129
.reveal section .slide-background {
130
display: block !important;
131
position: absolute;
132
top: 0;
133
left: 0;
134
width: 100%;
135
z-index: -1;
136
}
137
138
/* All elements should be above the slide-background */
139
.reveal section>* {
140
position: relative;
141
z-index: 1;
142
}
143
144
/* Display slide speaker notes when 'showNotes' is enabled */
145
.reveal .speaker-notes-pdf {
146
display: block;
147
width: 100%;
148
max-height: none;
149
left: auto;
150
top: auto;
151
z-index: 100;
152
}
153
154
/* Display slide numbers when 'slideNumber' is enabled */
155
.reveal .slide-number-pdf {
156
display: block;
157
position: absolute;
158
font-size: 14px;
159
}
160
161
162