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
 * Blood theme for reveal.js
3
 * Author: Walther http://github.com/Walther
4
 *
5
 * Designed to be used with highlight.js theme
6
 * "monokai_sublime.css" available from
7
 * https://github.com/isagalaev/highlight.js/
8
 *
9
 * For other themes, change $codeBackground accordingly.
10
 *
11
 */
12
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
13
/*********************************************
14
 * GLOBAL STYLES
15
 *********************************************/
16
body {
17
  background: #222;
18
  background-color: #222; }
19

20
.reveal {
21
  font-family: Ubuntu, "sans-serif";
22
  font-size: 40px;
23
  font-weight: normal;
24
  color: #eee; }
25

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

31
::-moz-selection {
32
  color: #fff;
33
  background: #a23;
34
  text-shadow: none; }
35

36
.reveal .slides > section,
37
.reveal .slides > section > section {
38
  line-height: 1.3;
39
  font-weight: inherit; }
40

41
/*********************************************
42
 * HEADERS
43
 *********************************************/
44
.reveal h1,
45
.reveal h2,
46
.reveal h3,
47
.reveal h4,
48
.reveal h5,
49
.reveal h6 {
50
  margin: 0 0 20px 0;
51
  color: #eee;
52
  font-family: Ubuntu, "sans-serif";
53
  font-weight: normal;
54
  line-height: 1.2;
55
  letter-spacing: normal;
56
  text-transform: uppercase;
57
  text-shadow: 2px 2px 2px #222;
58
  word-wrap: break-word; }
59

60
.reveal h1 {
61
  font-size: 3.77em; }
62

63
.reveal h2 {
64
  font-size: 2.11em; }
65

66
.reveal h3 {
67
  font-size: 1.55em; }
68

69
.reveal h4 {
70
  font-size: 1em; }
71

72
.reveal h1 {
73
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
74

75
/*********************************************
76
 * OTHER
77
 *********************************************/
78
.reveal p {
79
  margin: 20px 0;
80
  line-height: 1.3; }
81

82
/* Ensure certain elements are never larger than the slide itself */
83
.reveal img,
84
.reveal video,
85
.reveal iframe {
86
  max-width: 95%;
87
  max-height: 95%; }
88

89
.reveal strong,
90
.reveal b {
91
  font-weight: bold; }
92

93
.reveal em {
94
  font-style: italic; }
95

96
.reveal ol,
97
.reveal dl,
98
.reveal ul {
99
  display: inline-block;
100
  text-align: left;
101
  margin: 0 0 0 1em; }
102

103
.reveal ol {
104
  list-style-type: decimal; }
105

106
.reveal ul {
107
  list-style-type: disc; }
108

109
.reveal ul ul {
110
  list-style-type: square; }
111

112
.reveal ul ul ul {
113
  list-style-type: circle; }
114

115
.reveal ul ul,
116
.reveal ul ol,
117
.reveal ol ol,
118
.reveal ol ul {
119
  display: block;
120
  margin-left: 40px; }
121

122
.reveal dt {
123
  font-weight: bold; }
124

125
.reveal dd {
126
  margin-left: 40px; }
127

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

138
.reveal blockquote p:first-child,
139
.reveal blockquote p:last-child {
140
  display: inline-block; }
141

142
.reveal q {
143
  font-style: italic; }
144

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

157
.reveal code {
158
  font-family: monospace;
159
  text-transform: none; }
160

161
.reveal pre code {
162
  display: block;
163
  padding: 5px;
164
  overflow: auto;
165
  max-height: 400px;
166
  word-wrap: normal; }
167

168
.reveal table {
169
  margin: auto;
170
  border-collapse: collapse;
171
  border-spacing: 0; }
172

173
.reveal table th {
174
  font-weight: bold; }
175

176
.reveal table th,
177
.reveal table td {
178
  text-align: left;
179
  padding: 0.2em 0.5em 0.2em 0.5em;
180
  border-bottom: 1px solid; }
181

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

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

190
.reveal table tbody tr:last-child th,
191
.reveal table tbody tr:last-child td {
192
  border-bottom: none; }
193

194
.reveal sup {
195
  vertical-align: super; }
196

197
.reveal sub {
198
  vertical-align: sub; }
199

200
.reveal small {
201
  display: inline-block;
202
  font-size: 0.6em;
203
  line-height: 1.2em;
204
  vertical-align: top; }
205

206
.reveal small * {
207
  vertical-align: top; }
208

209
/*********************************************
210
 * LINKS
211
 *********************************************/
212
.reveal a {
213
  color: #a23;
214
  text-decoration: none;
215
  -webkit-transition: color .15s ease;
216
  -moz-transition: color .15s ease;
217
  transition: color .15s ease; }
218

219
.reveal a:hover {
220
  color: #dd5566;
221
  text-shadow: none;
222
  border: none; }
223

224
.reveal .roll span:after {
225
  color: #fff;
226
  background: #6a1520; }
227

228
/*********************************************
229
 * IMAGES
230
 *********************************************/
231
.reveal section img {
232
  margin: 15px 0px;
233
  background: rgba(255, 255, 255, 0.12);
234
  border: 4px solid #eee;
235
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
236

237
.reveal section img.plain {
238
  border: 0;
239
  box-shadow: none; }
240

241
.reveal a img {
242
  -webkit-transition: all .15s linear;
243
  -moz-transition: all .15s linear;
244
  transition: all .15s linear; }
245

246
.reveal a:hover img {
247
  background: rgba(255, 255, 255, 0.2);
248
  border-color: #a23;
249
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
250

251
/*********************************************
252
 * NAVIGATION CONTROLS
253
 *********************************************/
254
.reveal .controls {
255
  color: #a23; }
256

257
/*********************************************
258
 * PROGRESS BAR
259
 *********************************************/
260
.reveal .progress {
261
  background: rgba(0, 0, 0, 0.2);
262
  color: #a23; }
263

264
.reveal .progress span {
265
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
266
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
267
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
268

269
.reveal p {
270
  font-weight: 300;
271
  text-shadow: 1px 1px #222; }
272

273
.reveal h1,
274
.reveal h2,
275
.reveal h3,
276
.reveal h4,
277
.reveal h5,
278
.reveal h6 {
279
  font-weight: 700; }
280

281
.reveal p code {
282
  background-color: #23241f;
283
  display: inline-block;
284
  border-radius: 7px; }
285

286
.reveal small code {
287
  vertical-align: baseline; }
288

289