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

1
/**
2
 * Sky theme for reveal.js.
3
 *
4
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
 */
6
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
7
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
8
.reveal a {
9
  line-height: 1.3em; }
10

11
/*********************************************
12
 * GLOBAL STYLES
13
 *********************************************/
14
body {
15
  background: #add9e4;
16
  background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
17
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
18
  background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
19
  background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
20
  background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
21
  background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
22
  background-color: #f7fbfc; }
23

24
.reveal {
25
  font-family: "Open Sans", sans-serif;
26
  font-size: 40px;
27
  font-weight: normal;
28
  color: #333; }
29

30
::selection {
31
  color: #fff;
32
  background: #134674;
33
  text-shadow: none; }
34

35
::-moz-selection {
36
  color: #fff;
37
  background: #134674;
38
  text-shadow: none; }
39

40
.reveal .slides > section,
41
.reveal .slides > section > section {
42
  line-height: 1.3;
43
  font-weight: inherit; }
44

45
/*********************************************
46
 * HEADERS
47
 *********************************************/
48
.reveal h1,
49
.reveal h2,
50
.reveal h3,
51
.reveal h4,
52
.reveal h5,
53
.reveal h6 {
54
  margin: 0 0 20px 0;
55
  color: #333;
56
  font-family: "Quicksand", sans-serif;
57
  font-weight: normal;
58
  line-height: 1.2;
59
  letter-spacing: -0.08em;
60
  text-transform: uppercase;
61
  text-shadow: none;
62
  word-wrap: break-word; }
63

64
.reveal h1 {
65
  font-size: 3.77em; }
66

67
.reveal h2 {
68
  font-size: 2.11em; }
69

70
.reveal h3 {
71
  font-size: 1.55em; }
72

73
.reveal h4 {
74
  font-size: 1em; }
75

76
.reveal h1 {
77
  text-shadow: none; }
78

79
/*********************************************
80
 * OTHER
81
 *********************************************/
82
.reveal p {
83
  margin: 20px 0;
84
  line-height: 1.3; }
85

86
/* Ensure certain elements are never larger than the slide itself */
87
.reveal img,
88
.reveal video,
89
.reveal iframe {
90
  max-width: 95%;
91
  max-height: 95%; }
92

93
.reveal strong,
94
.reveal b {
95
  font-weight: bold; }
96

97
.reveal em {
98
  font-style: italic; }
99

100
.reveal ol,
101
.reveal dl,
102
.reveal ul {
103
  display: inline-block;
104
  text-align: left;
105
  margin: 0 0 0 1em; }
106

107
.reveal ol {
108
  list-style-type: decimal; }
109

110
.reveal ul {
111
  list-style-type: disc; }
112

113
.reveal ul ul {
114
  list-style-type: square; }
115

116
.reveal ul ul ul {
117
  list-style-type: circle; }
118

119
.reveal ul ul,
120
.reveal ul ol,
121
.reveal ol ol,
122
.reveal ol ul {
123
  display: block;
124
  margin-left: 40px; }
125

126
.reveal dt {
127
  font-weight: bold; }
128

129
.reveal dd {
130
  margin-left: 40px; }
131

132
.reveal blockquote {
133
  display: block;
134
  position: relative;
135
  width: 70%;
136
  margin: 20px auto;
137
  padding: 5px;
138
  font-style: italic;
139
  background: rgba(255, 255, 255, 0.05);
140
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
141

142
.reveal blockquote p:first-child,
143
.reveal blockquote p:last-child {
144
  display: inline-block; }
145

146
.reveal q {
147
  font-style: italic; }
148

149
.reveal pre {
150
  display: block;
151
  position: relative;
152
  width: 90%;
153
  margin: 20px auto;
154
  text-align: left;
155
  font-size: 0.55em;
156
  font-family: monospace;
157
  line-height: 1.2em;
158
  word-wrap: break-word;
159
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
160

161
.reveal code {
162
  font-family: monospace;
163
  text-transform: none; }
164

165
.reveal pre code {
166
  display: block;
167
  padding: 5px;
168
  overflow: auto;
169
  max-height: 400px;
170
  word-wrap: normal; }
171

172
.reveal table {
173
  margin: auto;
174
  border-collapse: collapse;
175
  border-spacing: 0; }
176

177
.reveal table th {
178
  font-weight: bold; }
179

180
.reveal table th,
181
.reveal table td {
182
  text-align: left;
183
  padding: 0.2em 0.5em 0.2em 0.5em;
184
  border-bottom: 1px solid; }
185

186
.reveal table th[align="center"],
187
.reveal table td[align="center"] {
188
  text-align: center; }
189

190
.reveal table th[align="right"],
191
.reveal table td[align="right"] {
192
  text-align: right; }
193

194
.reveal table tbody tr:last-child th,
195
.reveal table tbody tr:last-child td {
196
  border-bottom: none; }
197

198
.reveal sup {
199
  vertical-align: super; }
200

201
.reveal sub {
202
  vertical-align: sub; }
203

204
.reveal small {
205
  display: inline-block;
206
  font-size: 0.6em;
207
  line-height: 1.2em;
208
  vertical-align: top; }
209

210
.reveal small * {
211
  vertical-align: top; }
212

213
/*********************************************
214
 * LINKS
215
 *********************************************/
216
.reveal a {
217
  color: #3b759e;
218
  text-decoration: none;
219
  -webkit-transition: color .15s ease;
220
  -moz-transition: color .15s ease;
221
  transition: color .15s ease; }
222

223
.reveal a:hover {
224
  color: #74a7cb;
225
  text-shadow: none;
226
  border: none; }
227

228
.reveal .roll span:after {
229
  color: #fff;
230
  background: #264c66; }
231

232
/*********************************************
233
 * IMAGES
234
 *********************************************/
235
.reveal section img {
236
  margin: 15px 0px;
237
  background: rgba(255, 255, 255, 0.12);
238
  border: 4px solid #333;
239
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
240

241
.reveal section img.plain {
242
  border: 0;
243
  box-shadow: none; }
244

245
.reveal a img {
246
  -webkit-transition: all .15s linear;
247
  -moz-transition: all .15s linear;
248
  transition: all .15s linear; }
249

250
.reveal a:hover img {
251
  background: rgba(255, 255, 255, 0.2);
252
  border-color: #3b759e;
253
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
254

255
/*********************************************
256
 * NAVIGATION CONTROLS
257
 *********************************************/
258
.reveal .controls {
259
  color: #3b759e; }
260

261
/*********************************************
262
 * PROGRESS BAR
263
 *********************************************/
264
.reveal .progress {
265
  background: rgba(0, 0, 0, 0.2);
266
  color: #3b759e; }
267

268
.reveal .progress span {
269
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
270
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
271
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
272

273