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

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

27
::selection {
28
  color: #fff;
29
  background: rgba(79, 64, 28, 0.99);
30
  text-shadow: none; }
31

32
::-moz-selection {
33
  color: #fff;
34
  background: rgba(79, 64, 28, 0.99);
35
  text-shadow: none; }
36

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

225
.reveal .roll span:after {
226
  color: #fff;
227
  background: #564826; }
228

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

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

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

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

252
/*********************************************
253
 * NAVIGATION CONTROLS
254
 *********************************************/
255
.reveal .controls {
256
  color: #8b743d; }
257

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

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

270