Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place. Commercial Alternative to JupyterHub.

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

205