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
 11section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
 12  color: #fff;
 13}
 14
 15/*********************************************
 16 * GLOBAL STYLES
 17 *********************************************/
 18:root {
 19  --r-background-color: #F0F1EB;
 20  --r-main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
 21  --r-main-font-size: 40px;
 22  --r-main-color: #000;
 23  --r-block-margin: 20px;
 24  --r-heading-margin: 0 0 20px 0;
 25  --r-heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
 26  --r-heading-color: #383D3D;
 27  --r-heading-line-height: 1.2;
 28  --r-heading-letter-spacing: normal;
 29  --r-heading-text-transform: none;
 30  --r-heading-text-shadow: none;
 31  --r-heading-font-weight: normal;
 32  --r-heading1-text-shadow: none;
 33  --r-heading1-size: 3.77em;
 34  --r-heading2-size: 2.11em;
 35  --r-heading3-size: 1.55em;
 36  --r-heading4-size: 1em;
 37  --r-code-font: monospace;
 38  --r-link-color: #51483D;
 39  --r-link-color-dark: #25211c;
 40  --r-link-color-hover: #8b7c69;
 41  --r-selection-background-color: #26351C;
 42  --r-selection-color: #fff;
 43}
 44
 45.reveal-viewport {
 46  background: #F0F1EB;
 47  background-color: var(--r-background-color);
 48}
 49
 50.reveal {
 51  font-family: var(--r-main-font);
 52  font-size: var(--r-main-font-size);
 53  font-weight: normal;
 54  color: var(--r-main-color);
 55}
 56
 57.reveal ::selection {
 58  color: var(--r-selection-color);
 59  background: var(--r-selection-background-color);
 60  text-shadow: none;
 61}
 62
 63.reveal ::-moz-selection {
 64  color: var(--r-selection-color);
 65  background: var(--r-selection-background-color);
 66  text-shadow: none;
 67}
 68
 69.reveal .slides section,
 70.reveal .slides section > section {
 71  line-height: 1.3;
 72  font-weight: inherit;
 73}
 74
 75/*********************************************
 76 * HEADERS
 77 *********************************************/
 78.reveal h1,
 79.reveal h2,
 80.reveal h3,
 81.reveal h4,
 82.reveal h5,
 83.reveal h6 {
 84  margin: var(--r-heading-margin);
 85  color: var(--r-heading-color);
 86  font-family: var(--r-heading-font);
 87  font-weight: var(--r-heading-font-weight);
 88  line-height: var(--r-heading-line-height);
 89  letter-spacing: var(--r-heading-letter-spacing);
 90  text-transform: var(--r-heading-text-transform);
 91  text-shadow: var(--r-heading-text-shadow);
 92  word-wrap: break-word;
 93}
 94
 95.reveal h1 {
 96  font-size: var(--r-heading1-size);
 97}
 98
 99.reveal h2 {
100  font-size: var(--r-heading2-size);
101}
102
103.reveal h3 {
104  font-size: var(--r-heading3-size);
105}
106
107.reveal h4 {
108  font-size: var(--r-heading4-size);
109}
110
111.reveal h1 {
112  text-shadow: var(--r-heading1-text-shadow);
113}
114
115/*********************************************
116 * OTHER
117 *********************************************/
118.reveal p {
119  margin: var(--r-block-margin) 0;
120  line-height: 1.3;
121}
122
123/* Remove trailing margins after titles */
124.reveal h1:last-child,
125.reveal h2:last-child,
126.reveal h3:last-child,
127.reveal h4:last-child,
128.reveal h5:last-child,
129.reveal h6:last-child {
130  margin-bottom: 0;
131}
132
133/* Ensure certain elements are never larger than the slide itself */
134.reveal img,
135.reveal video,
136.reveal iframe {
137  max-width: 95%;
138  max-height: 95%;
139}
140
141.reveal strong,
142.reveal b {
143  font-weight: bold;
144}
145
146.reveal em {
147  font-style: italic;
148}
149
150.reveal ol,
151.reveal dl,
152.reveal ul {
153  display: inline-block;
154  text-align: left;
155  margin: 0 0 0 1em;
156}
157
158.reveal ol {
159  list-style-type: decimal;
160}
161
162.reveal ul {
163  list-style-type: disc;
164}
165
166.reveal ul ul {
167  list-style-type: square;
168}
169
170.reveal ul ul ul {
171  list-style-type: circle;
172}
173
174.reveal ul ul,
175.reveal ul ol,
176.reveal ol ol,
177.reveal ol ul {
178  display: block;
179  margin-left: 40px;
180}
181
182.reveal dt {
183  font-weight: bold;
184}
185
186.reveal dd {
187  margin-left: 40px;
188}
189
190.reveal blockquote {
191  display: block;
192  position: relative;
193  width: 70%;
194  margin: var(--r-block-margin) auto;
195  padding: 5px;
196  font-style: italic;
197  background: rgba(255, 255, 255, 0.05);
198  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
199}
200
201.reveal blockquote p:first-child,
202.reveal blockquote p:last-child {
203  display: inline-block;
204}
205
206.reveal q {
207  font-style: italic;
208}
209
210.reveal pre {
211  display: block;
212  position: relative;
213  width: 90%;
214  margin: var(--r-block-margin) auto;
215  text-align: left;
216  font-size: 0.55em;
217  font-family: var(--r-code-font);
218  line-height: 1.2em;
219  word-wrap: break-word;
220  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
221}
222
223.reveal code {
224  font-family: var(--r-code-font);
225  text-transform: none;
226  tab-size: 2;
227}
228
229.reveal pre code {
230  display: block;
231  padding: 5px;
232  overflow: auto;
233  max-height: 400px;
234  word-wrap: normal;
235}
236
237.reveal .code-wrapper {
238  white-space: normal;
239}
240
241.reveal .code-wrapper code {
242  white-space: pre;
243}
244
245.reveal table {
246  margin: auto;
247  border-collapse: collapse;
248  border-spacing: 0;
249}
250
251.reveal table th {
252  font-weight: bold;
253}
254
255.reveal table th,
256.reveal table td {
257  text-align: left;
258  padding: 0.2em 0.5em 0.2em 0.5em;
259  border-bottom: 1px solid;
260}
261
262.reveal table th[align=center],
263.reveal table td[align=center] {
264  text-align: center;
265}
266
267.reveal table th[align=right],
268.reveal table td[align=right] {
269  text-align: right;
270}
271
272.reveal table tbody tr:last-child th,
273.reveal table tbody tr:last-child td {
274  border-bottom: none;
275}
276
277.reveal sup {
278  vertical-align: super;
279  font-size: smaller;
280}
281
282.reveal sub {
283  vertical-align: sub;
284  font-size: smaller;
285}
286
287.reveal small {
288  display: inline-block;
289  font-size: 0.6em;
290  line-height: 1.2em;
291  vertical-align: top;
292}
293
294.reveal small * {
295  vertical-align: top;
296}
297
298.reveal img {
299  margin: var(--r-block-margin) 0;
300}
301
302/*********************************************
303 * LINKS
304 *********************************************/
305.reveal a {
306  color: var(--r-link-color);
307  text-decoration: none;
308  transition: color 0.15s ease;
309}
310
311.reveal a:hover {
312  color: var(--r-link-color-hover);
313  text-shadow: none;
314  border: none;
315}
316
317.reveal .roll span:after {
318  color: #fff;
319  background: var(--r-link-color-dark);
320}
321
322/*********************************************
323 * Frame helper
324 *********************************************/
325.reveal .r-frame {
326  border: 4px solid var(--r-main-color);
327  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
328}
329
330.reveal a .r-frame {
331  transition: all 0.15s linear;
332}
333
334.reveal a:hover .r-frame {
335  border-color: var(--r-link-color);
336  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
337}
338
339/*********************************************
340 * NAVIGATION CONTROLS
341 *********************************************/
342.reveal .controls {
343  color: var(--r-link-color);
344}
345
346/*********************************************
347 * PROGRESS BAR
348 *********************************************/
349.reveal .progress {
350  background: rgba(0, 0, 0, 0.2);
351  color: var(--r-link-color);
352}
353
354/*********************************************
355 * PRINT BACKGROUND
356 *********************************************/
357@media print {
358  .backgrounds {
359    background-color: var(--r-background-color);
360  }
361}