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
 * Black 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=Montserrat:700);
7
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
8
/*********************************************
9
 * GLOBAL STYLES
10
 *********************************************/
11
body {
12
  background: #111;
13
  background-color: #111; }
14

15
.reveal {
16
  font-family: "Open Sans", sans-serif;
17
  font-size: 40px;
18
  font-weight: normal;
19
  color: #eee; }
20

21
::selection {
22
  color: #fff;
23
  background: #e7ad52;
24
  text-shadow: none; }
25

26
::-moz-selection {
27
  color: #fff;
28
  background: #e7ad52;
29
  text-shadow: none; }
30

31
.reveal .slides > section,
32
.reveal .slides > section > section {
33
  line-height: 1.3;
34
  font-weight: inherit; }
35

36
/*********************************************
37
 * HEADERS
38
 *********************************************/
39
.reveal h1,
40
.reveal h2,
41
.reveal h3,
42
.reveal h4,
43
.reveal h5,
44
.reveal h6 {
45
  margin: 0 0 20px 0;
46
  color: #eee;
47
  font-family: "Montserrat", Impact, sans-serif;
48
  font-weight: normal;
49
  line-height: 1.2;
50
  letter-spacing: -0.03em;
51
  text-transform: none;
52
  text-shadow: none;
53
  word-wrap: break-word; }
54

55
.reveal h1 {
56
  font-size: 3.77em; }
57

58
.reveal h2 {
59
  font-size: 2.11em; }
60

61
.reveal h3 {
62
  font-size: 1.55em; }
63

64
.reveal h4 {
65
  font-size: 1em; }
66

67
.reveal h1 {
68
  text-shadow: none; }
69

70
/*********************************************
71
 * OTHER
72
 *********************************************/
73
.reveal p {
74
  margin: 20px 0;
75
  line-height: 1.3; }
76

77
/* Ensure certain elements are never larger than the slide itself */
78
.reveal img,
79
.reveal video,
80
.reveal iframe {
81
  max-width: 95%;
82
  max-height: 95%; }
83

84
.reveal strong,
85
.reveal b {
86
  font-weight: bold; }
87

88
.reveal em {
89
  font-style: italic; }
90

91
.reveal ol,
92
.reveal dl,
93
.reveal ul {
94
  display: inline-block;
95
  text-align: left;
96
  margin: 0 0 0 1em; }
97

98
.reveal ol {
99
  list-style-type: decimal; }
100

101
.reveal ul {
102
  list-style-type: disc; }
103

104
.reveal ul ul {
105
  list-style-type: square; }
106

107
.reveal ul ul ul {
108
  list-style-type: circle; }
109

110
.reveal ul ul,
111
.reveal ul ol,
112
.reveal ol ol,
113
.reveal ol ul {
114
  display: block;
115
  margin-left: 40px; }
116

117
.reveal dt {
118
  font-weight: bold; }
119

120
.reveal dd {
121
  margin-left: 40px; }
122

123
.reveal blockquote {
124
  display: block;
125
  position: relative;
126
  width: 70%;
127
  margin: 20px auto;
128
  padding: 5px;
129
  font-style: italic;
130
  background: rgba(255, 255, 255, 0.05);
131
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
132

133
.reveal blockquote p:first-child,
134
.reveal blockquote p:last-child {
135
  display: inline-block; }
136

137
.reveal q {
138
  font-style: italic; }
139

140
.reveal pre {
141
  display: block;
142
  position: relative;
143
  width: 90%;
144
  margin: 20px auto;
145
  text-align: left;
146
  font-size: 0.55em;
147
  font-family: monospace;
148
  line-height: 1.2em;
149
  word-wrap: break-word;
150
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
151

152
.reveal code {
153
  font-family: monospace;
154
  text-transform: none; }
155

156
.reveal pre code {
157
  display: block;
158
  padding: 5px;
159
  overflow: auto;
160
  max-height: 400px;
161
  word-wrap: normal; }
162

163
.reveal table {
164
  margin: auto;
165
  border-collapse: collapse;
166
  border-spacing: 0; }
167

168
.reveal table th {
169
  font-weight: bold; }
170

171
.reveal table th,
172
.reveal table td {
173
  text-align: left;
174
  padding: 0.2em 0.5em 0.2em 0.5em;
175
  border-bottom: 1px solid; }
176

177
.reveal table th[align="center"],
178
.reveal table td[align="center"] {
179
  text-align: center; }
180

181
.reveal table th[align="right"],
182
.reveal table td[align="right"] {
183
  text-align: right; }
184

185
.reveal table tbody tr:last-child th,
186
.reveal table tbody tr:last-child td {
187
  border-bottom: none; }
188

189
.reveal sup {
190
  vertical-align: super; }
191

192
.reveal sub {
193
  vertical-align: sub; }
194

195
.reveal small {
196
  display: inline-block;
197
  font-size: 0.6em;
198
  line-height: 1.2em;
199
  vertical-align: top; }
200

201
.reveal small * {
202
  vertical-align: top; }
203

204
/*********************************************
205
 * LINKS
206
 *********************************************/
207
.reveal a {
208
  color: #e7ad52;
209
  text-decoration: none;
210
  -webkit-transition: color .15s ease;
211
  -moz-transition: color .15s ease;
212
  transition: color .15s ease; }
213

214
.reveal a:hover {
215
  color: #f3d7ac;
216
  text-shadow: none;
217
  border: none; }
218

219
.reveal .roll span:after {
220
  color: #fff;
221
  background: #d08a1d; }
222

223
/*********************************************
224
 * IMAGES
225
 *********************************************/
226
.reveal section img {
227
  margin: 15px 0px;
228
  background: rgba(255, 255, 255, 0.12);
229
  border: 4px solid #eee;
230
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
231

232
.reveal section img.plain {
233
  border: 0;
234
  box-shadow: none; }
235

236
.reveal a img {
237
  -webkit-transition: all .15s linear;
238
  -moz-transition: all .15s linear;
239
  transition: all .15s linear; }
240

241
.reveal a:hover img {
242
  background: rgba(255, 255, 255, 0.2);
243
  border-color: #e7ad52;
244
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
245

246
/*********************************************
247
 * NAVIGATION CONTROLS
248
 *********************************************/
249
.reveal .controls {
250
  color: #e7ad52; }
251

252
/*********************************************
253
 * PROGRESS BAR
254
 *********************************************/
255
.reveal .progress {
256
  background: rgba(0, 0, 0, 0.2);
257
  color: #e7ad52; }
258

259
.reveal .progress span {
260
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
261
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
262
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
263

264