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
 * League theme for reveal.js.
3
 *
4
 * This was the default theme pre-3.0.0.
5
 *
6
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
 */
8
@import url(../../lib/font/league-gothic/league-gothic.css);
9
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
10
/*********************************************
11
 * GLOBAL STYLES
12
 *********************************************/
13
body {
14
  background: #1c1e20;
15
  background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
16
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
17
  background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
18
  background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
19
  background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
20
  background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
21
  background-color: #2b2b2b; }
22

23
.reveal {
24
  font-family: "Lato", sans-serif;
25
  font-size: 40px;
26
  font-weight: normal;
27
  color: #eee; }
28

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

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

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

44
/*********************************************
45
 * HEADERS
46
 *********************************************/
47
.reveal h1,
48
.reveal h2,
49
.reveal h3,
50
.reveal h4,
51
.reveal h5,
52
.reveal h6 {
53
  margin: 0 0 20px 0;
54
  color: #eee;
55
  font-family: "League Gothic", Impact, sans-serif;
56
  font-weight: normal;
57
  line-height: 1.2;
58
  letter-spacing: normal;
59
  text-transform: uppercase;
60
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
61
  word-wrap: break-word; }
62

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

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

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

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

75
.reveal h1 {
76
  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); }
77

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

222
.reveal a:hover {
223
  color: #71e9f4;
224
  text-shadow: none;
225
  border: none; }
226

227
.reveal .roll span:after {
228
  color: #fff;
229
  background: #0d99a5; }
230

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

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

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

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

254
/*********************************************
255
 * NAVIGATION CONTROLS
256
 *********************************************/
257
.reveal .controls {
258
  color: #13DAEC; }
259

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

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

272