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
 * A simple theme for reveal.js presentations, similar
3
 * to the default theme. The accent color is brown.
4
 *
5
 * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
6
 */
7
.reveal a {
8
  line-height: 1.3em; }
9

10
/*********************************************
11
 * GLOBAL STYLES
12
 *********************************************/
13
body {
14
  background: #F0F1EB;
15
  background-color: #F0F1EB; }
16

17
.reveal {
18
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
19
  font-size: 40px;
20
  font-weight: normal;
21
  color: #000; }
22

23
::selection {
24
  color: #fff;
25
  background: #26351C;
26
  text-shadow: none; }
27

28
::-moz-selection {
29
  color: #fff;
30
  background: #26351C;
31
  text-shadow: none; }
32

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

38
/*********************************************
39
 * HEADERS
40
 *********************************************/
41
.reveal h1,
42
.reveal h2,
43
.reveal h3,
44
.reveal h4,
45
.reveal h5,
46
.reveal h6 {
47
  margin: 0 0 20px 0;
48
  color: #383D3D;
49
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
50
  font-weight: normal;
51
  line-height: 1.2;
52
  letter-spacing: normal;
53
  text-transform: none;
54
  text-shadow: none;
55
  word-wrap: break-word; }
56

57
.reveal h1 {
58
  font-size: 3.77em; }
59

60
.reveal h2 {
61
  font-size: 2.11em; }
62

63
.reveal h3 {
64
  font-size: 1.55em; }
65

66
.reveal h4 {
67
  font-size: 1em; }
68

69
.reveal h1 {
70
  text-shadow: none; }
71

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

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

86
.reveal strong,
87
.reveal b {
88
  font-weight: bold; }
89

90
.reveal em {
91
  font-style: italic; }
92

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

100
.reveal ol {
101
  list-style-type: decimal; }
102

103
.reveal ul {
104
  list-style-type: disc; }
105

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

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

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

119
.reveal dt {
120
  font-weight: bold; }
121

122
.reveal dd {
123
  margin-left: 40px; }
124

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

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

139
.reveal q {
140
  font-style: italic; }
141

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

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

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

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

170
.reveal table th {
171
  font-weight: bold; }
172

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

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

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

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

191
.reveal sup {
192
  vertical-align: super; }
193

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

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

203
.reveal small * {
204
  vertical-align: top; }
205

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

216
.reveal a:hover {
217
  color: #8b7c69;
218
  text-shadow: none;
219
  border: none; }
220

221
.reveal .roll span:after {
222
  color: #fff;
223
  background: #25211c; }
224

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

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

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

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

248
/*********************************************
249
 * NAVIGATION CONTROLS
250
 *********************************************/
251
.reveal .controls {
252
  color: #51483D; }
253

254
/*********************************************
255
 * PROGRESS BAR
256
 *********************************************/
257
.reveal .progress {
258
  background: rgba(0, 0, 0, 0.2);
259
  color: #51483D; }
260

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

266