blob: b8c44f3ac0998b9044bd6471ccd13b16f97954b4 [file] [log] [blame]
Marc Kupietza737b1b2023-10-07 09:32:20 +02001/**
2 * IDS theme for reveal.js
3 *
4 * By Marc Kupietz
5 */
6@import url("https://code.cdn.mozilla.net/fonts/fira.css");
Marc Kupietza0f8f682026-08-08 14:13:11 +02007@import url("https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@300;400;700;800&family=Fira+Sans:wght@200;300;400;700&family=Fira+Sans+Extra+Condensed:wght@300;700&display=swap");
Marc Kupietza737b1b2023-10-07 09:32:20 +02008@import url("https://korap.ids-mannheim.de/font/libertinus.css");
Marc Kupietz026356a2025-09-02 11:49:58 +02009
Marc Kupietza737b1b2023-10-07 09:32:20 +020010section.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 {
11 color: #fff;
12}
13
14/*********************************************
15 * GLOBAL STYLES
16 *********************************************/
17:root {
18 --r-background-color: #fff;
19 --r-main-font: Libertinus Serif, Helvetica, sans-serif;
20 --r-main-font-size: 42px;
21 --r-main-color: #222;
22 --r-block-margin: 20px;
23 --r-heading-margin: 0 0 20px 0;
Marc Kupietza0f8f682026-08-08 14:13:11 +020024 --r-heading-font: Fira Sans Extra Condensed, Fira Sans Condensed, Fira Sans, Helvetica, sans-serif;
Marc Kupietza737b1b2023-10-07 09:32:20 +020025 --r-heading-color: #f6a800;
26 --r-heading-line-height: 1.2;
27 --r-heading-letter-spacing: 0.05ex;
28 --r-heading-text-transform: uppercase;
29 --r-heading-text-shadow: none;
Marc Kupietza0f8f682026-08-08 14:13:11 +020030 --r-heading-font-weight: 700;
Marc Kupietza737b1b2023-10-07 09:32:20 +020031 --r-heading1-text-shadow: none;
32 --r-heading1-size: 2em;
33 --r-heading2-size: 1.35em;
Marc Kupietzdc994e22023-10-07 18:50:18 +020034 --r-heading3-size: 0.9em;
35 --r-heading4-size: 0.7em;
Marc Kupietza737b1b2023-10-07 09:32:20 +020036 --r-code-font: monospace;
37 --r-link-color: #2a76dd;
38 --r-link-color-dark: #1a53a1;
39 --r-link-color-hover: #6ca0e8;
40 --r-selection-background-color: #98bdef;
41 --r-selection-color: #fff;
Marc Kupietz9c036a42024-05-14 13:17:25 +020042 --r-overlay-element-bg-color: 240, 240, 240;
43 --r-overlay-element-fg-color: 0, 0, 0;
Marc Kupietza737b1b2023-10-07 09:32:20 +020044}
45
46.reveal-viewport {
47 background: #fff;
48 background-color: var(--r-background-color);
49}
50
51.reveal {
52 font-family: var(--r-main-font);
53 font-size: var(--r-main-font-size);
54 font-weight: normal;
55 color: var(--r-main-color);
56}
57
58.reveal ::selection {
59 color: var(--r-selection-color);
60 background: var(--r-selection-background-color);
61 text-shadow: none;
62}
63
64.reveal ::-moz-selection {
65 color: var(--r-selection-color);
66 background: var(--r-selection-background-color);
67 text-shadow: none;
68}
69
70.reveal .slides section,
Marc Kupietz026356a2025-09-02 11:49:58 +020071.reveal .slides section>section {
Marc Kupietza737b1b2023-10-07 09:32:20 +020072 line-height: 1.3;
73 font-weight: inherit;
74}
75
76/*********************************************
77 * HEADERS
78 *********************************************/
79.reveal h1,
80.reveal h2,
81.reveal h3,
82.reveal h4,
83.reveal h5,
84.reveal h6 {
85 margin: var(--r-heading-margin);
86 color: var(--r-heading-color);
87 font-family: var(--r-heading-font);
88 font-weight: var(--r-heading-font-weight);
89 line-height: var(--r-heading-line-height);
90 letter-spacing: var(--r-heading-letter-spacing);
91 text-transform: var(--r-heading-text-transform);
92 text-shadow: var(--r-heading-text-shadow);
93 word-wrap: break-word;
94}
95
96.reveal h1 {
97 font-size: var(--r-heading1-size);
98}
99
100.reveal h2 {
101 font-size: var(--r-heading2-size);
102}
103
104.reveal h3 {
105 font-size: var(--r-heading3-size);
106}
107
108.reveal h4 {
109 font-size: var(--r-heading4-size);
110}
111
112.reveal h1 {
113 text-shadow: var(--r-heading1-text-shadow);
114}
115
116/*********************************************
117 * OTHER
118 *********************************************/
119.reveal p {
120 margin: var(--r-block-margin) 0;
121 line-height: 1.3;
122}
123
124/* Remove trailing margins after titles */
125.reveal h1:last-child,
126.reveal h2:last-child,
127.reveal h3:last-child,
128.reveal h4:last-child,
129.reveal h5:last-child,
130.reveal h6:last-child {
131 margin-bottom: 0;
132}
133
134/* Ensure certain elements are never larger than the slide itself */
135.reveal img,
136.reveal video,
137.reveal iframe {
138 max-width: 95%;
139 max-height: 95%;
140}
141
142.reveal strong,
143.reveal b {
144 font-weight: bold;
145}
146
147.reveal em {
148 font-style: italic;
149}
150
151.reveal ol,
152.reveal dl,
153.reveal ul {
154 display: inline-block;
155 text-align: left;
156 margin: 0 0 0 1em;
157}
158
159.reveal ol {
160 list-style-type: decimal;
161}
162
163.reveal ul {
164 list-style-type: disc;
165}
166
167.reveal ul ul {
168 list-style-type: square;
169}
170
171.reveal ul ul ul {
172 list-style-type: circle;
173}
174
175.reveal ul ul,
176.reveal ul ol,
177.reveal ol ol,
178.reveal ol ul {
179 display: block;
180 margin-left: 40px;
181}
182
183.reveal dt {
184 font-weight: bold;
185}
186
187.reveal dd {
188 margin-left: 40px;
189}
190
191.reveal blockquote {
192 display: block;
193 position: relative;
194 width: 70%;
195 margin: var(--r-block-margin) auto;
196 padding: 5px;
197 font-style: italic;
198 background: rgba(255, 255, 255, 0.05);
199 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
200}
201
202.reveal blockquote p:first-child,
203.reveal blockquote p:last-child {
204 display: inline-block;
205}
206
207.reveal q {
208 font-style: italic;
209}
210
211.reveal pre {
212 display: block;
213 position: relative;
214 width: 90%;
215 margin: var(--r-block-margin) auto;
216 text-align: left;
217 font-size: 0.55em;
218 font-family: var(--r-code-font);
219 line-height: 1.2em;
220 word-wrap: break-word;
221 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
222}
223
224.reveal code {
225 font-family: var(--r-code-font);
226 text-transform: none;
227 tab-size: 2;
228}
229
230.reveal pre code {
231 display: block;
232 padding: 5px;
233 overflow: auto;
Marc Kupietz026356a2025-09-02 11:49:58 +0200234 max-height: 540px;
Marc Kupietza737b1b2023-10-07 09:32:20 +0200235 word-wrap: normal;
236}
237
238.reveal .code-wrapper {
239 white-space: normal;
240}
241
242.reveal .code-wrapper code {
243 white-space: pre;
244}
245
246.reveal table {
247 margin: auto;
248 border-collapse: collapse;
249 border-spacing: 0;
250}
251
252.reveal table th {
253 font-weight: bold;
254}
255
256.reveal table th,
257.reveal table td {
258 text-align: left;
259 padding: 0.2em 0.5em 0.2em 0.5em;
260 border-bottom: 1px solid;
261}
262
263.reveal table th[align=center],
264.reveal table td[align=center] {
265 text-align: center;
266}
267
268.reveal table th[align=right],
269.reveal table td[align=right] {
270 text-align: right;
271}
272
273.reveal table tbody tr:last-child th,
274.reveal table tbody tr:last-child td {
275 border-bottom: none;
276}
277
278.reveal sup {
279 vertical-align: super;
280 font-size: smaller;
281}
282
283.reveal sub {
284 vertical-align: sub;
285 font-size: smaller;
286}
287
288.reveal small {
289 display: inline-block;
290 font-size: 0.6em;
291 line-height: 1.2em;
292 vertical-align: top;
293}
294
295.reveal small * {
296 vertical-align: top;
297}
298
299.reveal img {
300 margin: var(--r-block-margin) 0;
301}
302
303/*********************************************
304 * LINKS
305 *********************************************/
306.reveal a {
307 color: var(--r-link-color);
308 text-decoration: none;
309 transition: color 0.15s ease;
310}
311
312.reveal a:hover {
313 color: var(--r-link-color-hover);
314 text-shadow: none;
315 border: none;
316}
317
318.reveal .roll span:after {
319 color: #fff;
320 background: var(--r-link-color-dark);
321}
322
323/*********************************************
324 * Frame helper
325 *********************************************/
326.reveal .r-frame {
327 border: 4px solid var(--r-main-color);
328 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
329}
330
331.reveal a .r-frame {
332 transition: all 0.15s linear;
333}
334
335.reveal a:hover .r-frame {
336 border-color: var(--r-link-color);
337 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
338}
339
340/*********************************************
341 * NAVIGATION CONTROLS
342 *********************************************/
343.reveal .controls {
344 color: var(--r-link-color);
345}
346
347/*********************************************
348 * PROGRESS BAR
349 *********************************************/
350.reveal .progress {
351 background: rgba(0, 0, 0, 0.2);
352 color: var(--r-link-color);
353}
354
355/*********************************************
356 * PRINT BACKGROUND
357 *********************************************/
358@media print {
359 .backgrounds {
360 background-color: var(--r-background-color);
361 }
362}
Marc Kupietz026356a2025-09-02 11:49:58 +0200363
Marc Kupietza0f8f682026-08-08 14:13:11 +0200364.reveal .slides section:not(.stack) {
365 box-sizing: border-box !important;
366 padding-left: calc(calc(var(--slide-height) * 0.05) + 24px) !important;
367 padding-right: calc(calc(var(--slide-height) * 0.05) + 24px) !important;
368}
369
370.reveal .slides section:not(.stack):not(.title-frame) {
371 text-align: left !important;
372}
373
Marc Kupietze0826862026-08-11 16:34:54 +0200374/* The markers are NOT native ::marker glyphs: browsers anchor outside-position
375 markers at slightly different offsets per engine (and per scale), and even
376 ::before font glyphs carry font-specific side bearings, so a padding(text)-
377 based alignment of the bullet column with the heading text can never be
378 pixel-exact everywhere. Instead we DRAW the markers as CSS boxes in
379 absolutely positioned li::before rules. Geometry (all values in the item's
380 own font size, so the hierarchy scales with the 0.8em per-level sizing):
381
382 - item text starts at (list left edge) + 0.65em
383 - the marker box starts exactly at the list's left edge; on content
384 slides that edge coincides with the heading text's left edge, i.e. the
385 bullet column is flush with the slide title, deterministically in every
386 browser and at every window size
387
388 For nested lists the ::before offset is divided by the 0.8 font-size factor,
389 because the list's padding is computed in the PARENT item's font size while
390 the ::before offset is computed in the (smaller) child size. */
Marc Kupietza0f8f682026-08-08 14:13:11 +0200391.reveal .slides section:not(.title-frame) ul,
392.reveal .slides section:not(.title-frame) ol {
393 display: block !important;
394 text-align: left !important;
395 margin-left: 0 !important;
Marc Kupietze0826862026-08-11 16:34:54 +0200396 padding-left: 0.65em !important;
397 list-style: none !important;
398}
399
400.reveal .slides section:not(.title-frame) li {
401 position: relative !important;
402}
403
404.reveal .slides section:not(.title-frame) li::before {
405 position: absolute !important;
406 left: -0.65em !important;
407 color: var(--r-list-bullet-color) !important;
408}
409
410.reveal .slides section:not(.title-frame) li li::before {
411 left: -0.8125em !important;
412}
413
414/* Unordered-list markers: drawn boxes (round dot, square, ring for deeper
415 levels), vertically centered on the item's first line. */
416.reveal .slides section:not(.title-frame) ul > li::before {
417 content: "" !important;
418 top: calc((1.3em - 0.22em) / 2) !important;
419 width: 0.22em !important;
420 height: 0.22em !important;
421 box-sizing: border-box !important;
422 border-radius: 50% !important;
423 background: var(--r-list-bullet-color) !important;
424}
425
426.reveal .slides section:not(.title-frame) ul ul > li::before {
427 border-radius: 0 !important; /* square */
428}
429
430.reveal .slides section:not(.title-frame) ul ul ul > li::before {
431 background: transparent !important; /* ring */
432 border: 0.055em solid var(--r-list-bullet-color) !important;
433 border-radius: 50% !important;
434}
435
436/* Ordered lists: the CSS list-item counter honours the HTML start/value
437 attributes, so pandoc's start/value lists keep their numbers. Numbers are
438 right-aligned into the indent, ending just before the item text. */
439.reveal .slides section:not(.title-frame) ol > li::before {
440 content: counter(list-item, decimal) "." !important;
441 width: 0.53em !important;
442 text-align: right !important;
443}
444
445/* Checkbox (pandoc task) lists keep their checkboxes, no bullets on top. */
446.reveal .slides section:not(.title-frame) ul.task-list li::before {
447 content: none !important;
Marc Kupietza0f8f682026-08-08 14:13:11 +0200448}
449
450.reveal .slides section:not(.title-frame) pre {
451 width: auto !important;
452 margin-left: 0 !important;
453 margin-right: 0 !important;
454}
455
456.reveal .slides {
457 background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/IDS-Logo-2019.svg");
458 background-repeat: no-repeat;
459 background-position: top 10px right 8px;
460 background-size: calc(var(--slide-height) * 0.25) auto;
461}
462
463.reveal .slides section:not(.title-frame) > h1:first-child,
464.reveal .slides section:not(.title-frame) > h2:first-child {
465 position: relative !important;
466 display: block !important;
467 text-align: left !important;
468 margin: 0 calc(-1 * calc(calc(var(--slide-height) * 0.05) + 24px)) 8px calc(-1 * calc(calc(var(--slide-height) * 0.05) + 24px)) !important;
469 padding: 0 0 0 calc(calc(var(--slide-height) * 0.05) + 24px) !important;
470 font-weight: var(--r-heading-font-weight) !important;
471}
472
473.reveal .slides section:not(.title-frame) > h1:first-child::before,
474.reveal .slides section:not(.title-frame) > h2:first-child::before,
475.reveal .slides section:not(.title-frame) > h2:first-child + h3::before {
476 content: "" !important;
477 position: absolute !important;
478 width: calc(var(--slide-height) * 0.05) !important;
479 background: #f6a800 !important;
480}
481
482.reveal .slides section:not(.title-frame) > h1:first-child::before,
483.reveal .slides section:not(.title-frame) > h2:first-child::before {
484 top: 0 !important;
485 left: calc(-1 * var(--ids-band-left, 0px)) !important;
486 height: 100% !important;
487}
488
489.reveal .slides section:not(.title-frame) > h1:first-child:not(:has(+ h3)),
490.reveal .slides section:not(.title-frame) > h2:first-child:not(:has(+ h3)) {
491 margin-bottom: calc(8px + 45.36px + 20px) !important;
492}
493
494.reveal .slides section:not(.title-frame) > h1:first-child:not(:has(+ h3))::before,
495.reveal .slides section:not(.title-frame) > h2:first-child:not(:has(+ h3))::before {
496 height: calc(100% + 8px + 45.36px) !important;
497}
498
499.reveal .slides section:not(.title-frame) > h2:first-child + h3 {
500 position: relative !important;
501 text-align: left !important;
502 margin-top: 0 !important;
503 margin-left: 0 !important;
504 margin-bottom: 20px !important;
505}
506
507.reveal .slides section:not(.title-frame) > h2:first-child + h3::before {
508 top: calc(-1 * (8px + 2px)) !important;
509 left: calc(-1 * (calc(calc(var(--slide-height) * 0.05) + 24px) + var(--ids-band-left, 0px))) !important;
510 height: calc(100% + 8px + 2px) !important;
Marc Kupietza737b1b2023-10-07 09:32:20 +0200511}
512
Marc Kupietz55c9cef2026-08-08 16:03:06 +0200513.reveal .slides section.level1:not(.title-frame) {
514 height: 100% !important;
515 display: flex !important;
516 flex-direction: column !important;
517 justify-content: center !important;
518}
519
520.reveal .slides section.level1:not(.title-frame)::before {
521 content: "" !important;
522 position: absolute !important;
523 top: 0 !important;
524 left: calc(-1 * var(--ids-band-left, 0px)) !important;
525 width: calc(var(--slide-height) * 0.05) !important;
526 height: 121.4px !important;
527 background: #f6a800 !important;
528}
529
530.reveal .slides section.level1:not(.title-frame) > h1:first-child {
531 text-align: center !important;
532 margin: 0 !important;
533 padding: 0 !important;
534}
535
536.reveal .slides section.level1:not(.title-frame) > h1:first-child::before {
537 content: none !important;
538}
539
Marc Kupietza737b1b2023-10-07 09:32:20 +0200540:root {
541 --r-bold-color: #f6a800;
542 --r-list-bullet-color: #f6a800;
543}
544
545.reveal strong, .reveal b {
546 color: var(--r-bold-color);
547}
Marc Kupietz026356a2025-09-02 11:49:58 +0200548
Marc Kupietza737b1b2023-10-07 09:32:20 +0200549.reveal ul li::marker, .reveal ol li::marker {
550 color: var(--r-list-bullet-color) !important;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200551}
552
Marc Kupietz281ba9c2026-08-11 15:37:48 +0200553/* Nested list items are set progressively smaller, both to emphasise the
554 hierarchy and to keep deeply nested lists from visually competing with the
555 first level. The em size compounds down the nesting levels, so each deeper
556 level is 80% of its parent (level 2: 80%, level 3: 64%, level 4: 51%).
557 Markers and the hanging indentation scale with the text automatically. */
558.reveal li li {
559 font-size: 0.8em;
560}
561
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200562/*********************************************
563 * FOOTER
564 *********************************************/
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200565#ids-footer:not(title-slide) {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200566 opacity: 1;
567 background: white;
568 color: #444444;
569 border-top: dotted orange 2px;
570 transition: opacity 800ms ease-in-out;
571 position: fixed;
572 height: 6%;
573 line-height: 6%;
574 z-index: -20;
575 width: 100%;
576 letter-spacing: 0em;
577 text-align: center;
578 display: table;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200579}
580
581#ids-footer span {
582 height: 100%;
583 line-height: 100%;
584 z-index: -20;
Marc Kupietz5a457902024-05-14 22:11:43 +0200585 font-size: 1.8vh;
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200586 font-family: "Fira Sans Condensed", "Fira Sans", "Roboto Condensed", "League Gothic", Impact, sans-serif;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200587 display: inline-block;
588 display: table-cell;
589 vertical-align: middle;
590}
591
592/* Bottom position for the IDS-Footer footer when both progress bar and TOC-Progress are visible */
Marc Kupietz026356a2025-09-02 11:49:58 +0200593div.progress[style="display: block;"]~#ids-footer {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200594 bottom: calc(3px + 0vh);
595}
596
597/* Bottom position for the IDS-Footer footer when TOC-Progress is visible */
598#ids-footer {
599 bottom: 3px;
600}
601
602#ids-footer a {
603 color: #555555;
604}
605
606/* Bottom position for the IDS-Footer footer when progress bar is visible */
Marc Kupietz026356a2025-09-02 11:49:58 +0200607div.progress[style="display: block;"]~footer:last-of-type#ids-footer {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200608 bottom: 3px;
609}
610
611/* Bottom position for the IDS-Footer footer when neither progress bar nor TOC-Progress are visible */
612footer:last-of-type#ids-footer {
613 bottom: 0px;
614}
615
616/* Make IDS-Footer invisible if explicitly indicated */
617.no-ids-footer #ids-footer {
618 opacity: 0;
619 transition: opacity 800ms ease-in-out;
620}
621
622.title-frame #ids-footer {
623 opacity: 0;
624 transition: opacity 800ms ease-in-out;
625}
626
627.no-toc-progress #ids-footer {
628 opacity: 0;
629 transition: opacity 800ms ease-in-out;
630}
631
632/* Make IDS-Footer invisible in overview mode */
633.overview #ids-footer {
634 opacity: 0;
635 transition: opacity 800ms ease-in-out;
636}
637
Marc Kupietza0f8f682026-08-08 14:13:11 +0200638.reveal .slides section.title-frame {
639 background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/Mitglied_WGL_transparent.svg");
Marc Kupietzf0ce0322023-10-07 15:33:47 +0200640 background-repeat: no-repeat;
Marc Kupietza0f8f682026-08-08 14:13:11 +0200641 background-position: right 15px bottom 5px;
642 background-size: calc(var(--slide-height) * 0.07) auto;
Marc Kupietzf0ce0322023-10-07 15:33:47 +0200643}
644
Marc Kupietz5a457902024-05-14 22:11:43 +0200645@media only screen {
Marc Kupietza0f8f682026-08-08 14:13:11 +0200646 .reveal .slides section.title-frame {
647 background-position: right 45px bottom 5px;
Marc Kupietz5a457902024-05-14 22:11:43 +0200648 }
649}
Marc Kupietz026356a2025-09-02 11:49:58 +0200650
Marc Kupietzf0ce0322023-10-07 15:33:47 +0200651.slide-menu-items, .slide-menu-toolbar {
652 font-family: "Fira Sans" !important;
653}
654
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200655/*
656 * Menu controls
657 */
658body .reveal .slide-menu-button {
659 color: #aaaaaa !important;
660 position: fixed;
661 left: 30px;
662 bottom: 2%;
663 vertical-align: middle;
664 z-index: 30;
665 font-size: 2vh;
666}
667
Marc Kupietz026356a2025-09-02 11:49:58 +0200668#customcontrols>ul {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200669 color: #aaaaaa !important;
670 position: fixed;
Marc Kupietzf51e9152023-10-07 15:32:33 +0200671 left: 50px;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200672 bottom: 2% !important;
673 vertical-align: middle;
674 z-index: 30;
675 font-size: 2vh;
676}
677
678@media only screen and (min-width: 500px) {
Marc Kupietz026356a2025-09-02 11:49:58 +0200679 #customcontrols>ul {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200680 bottom: 2% !important;
681 }
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200682}
Marc Kupietz026356a2025-09-02 11:49:58 +0200683
Marc Kupietzc7249f92023-10-10 07:16:50 +0200684.reveal .controls .controls-arrow {
685 position: relative;
686 width: 3.6em;
687 height: 3.6em;
688 bottom: -12px;
689 right: -4px;
690}
691
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200692.reveal h3, h4, h5, h6 {
693 text-transform: none !important;
694}
695
696.reveal h3, h4, h5, h6 {
697 text-transform: none !important;
698}
699
Marc Kupietz026356a2025-09-02 11:49:58 +0200700.reveal h2+h3 {
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200701 margin-top: -0.5em !important;
702}
703
704.title-frame h1,
705.title-frame h2 {
706 margin: 0 0 0 0;
Marc Kupietz9c036a42024-05-14 13:17:25 +0200707 background: rgb(246, 168, 0);
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200708 color: white;
709 font-family: "Fira Sans Condensed", "Roboto Condensed", Impact, sans-serif;
710 font-weight: 600;
711 line-height: 1.2;
712 letter-spacing: 0.05ex;
713 text-transform: uppercase;
714 width: 100%;
715 margin-top: 0.5em;
716 padding-top: 0.5em;
717 font-size: 1.75em;
718 margin-left: 0;
719 text-align: center;
720 text-shadow: none;
721 word-wrap: break-word;
722}
723
724.title-frame .author {
725 font-family: "Fira Sans Condensed", sans-serif;
726 font-weight: 400;
727 color: #657b83;
728 margin-top: 10vh;
729}
730
731.title-frame .place {
732 font-family: "Fira Sans Condensed", sans-serif;
733 margin-top: 40px;
734 font-weight: 400;
735 color: #657b83;
736}
737
738.title-frame h2 {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200739 margin-top: -3px;
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200740 margin-bottom: 1em;
741 padding-bottom: 0.5em;
742 font-size: 1em;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200743}
744
745/*********************************************
746 * TABLES
747 *********************************************/
748th {
Marc Kupietz9c036a42024-05-14 13:17:25 +0200749 color: rgb(246, 168, 0);
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200750}
751
752table {
753 font-family: "Fira Sans Condensed", sans-serif;
754 font-weight: 400;
755 font-size: 16px;
756}
757
758.reveal table.dataTable {
759 border: #aaaaaa 1px solid;
760 border-collapse: collapse;
761}
762
763.reveal table.dataTable td {
764 border: #aaaaaa 1px solid;
765 border-collapse: collapse;
766}
767
Marc Kupietz026356a2025-09-02 11:49:58 +0200768.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, table.dataTable thead>tr>th.sorting::before, table.dataTable thead>tr>th.sorting::after, table.dataTable thead>tr>th.sorting_asc::before, table.dataTable thead>tr>th.sorting_asc::after, table.dataTable thead>tr>th.sorting_desc::before, table.dataTable thead>tr>th.sorting_desc::after, table.dataTable thead>tr>th.sorting_asc_disabled::before, table.dataTable thead>tr>th.sorting_asc_disabled::after, table.dataTable thead>tr>th.sorting_desc_disabled::before, table.dataTable thead>tr>th.sorting_desc_disabled::after, table.dataTable thead>tr>td.sorting::before, table.dataTable thead>tr>td.sorting::after, table.dataTable thead>tr>td.sorting_asc::before, table.dataTable thead>tr>td.sorting_asc::after, table.dataTable thead>tr>td.sorting_desc::before, table.dataTable thead>tr>td.sorting_desc::after, table.dataTable thead>tr>td.sorting_asc_disabled::before, table.dataTable thead>tr>td.sorting_asc_disabled::after, table.dataTable thead>tr>td.sorting_desc_disabled::before, table.dataTable thead>tr>td.sorting_desc_disabled::after {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200769 display: none;
770}
771
772.caption {
773 font-family: "Fira Sans Condensed", sans-serif;
774 font-weight: 400;
775 font-size: 16px;
776 text-align: center;
777}
778
779/*
780table.display td { white-space: nowrap; }
781*/
782.dt-buttons, .dataTables_filter {
783 margin-top: 10pt;
784}
785
Marc Kupietz069f1e42023-10-11 10:26:16 +0200786/* Sort Arrows in DataTables */
Marc Kupietz026356a2025-09-02 11:49:58 +0200787table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
Marc Kupietz069f1e42023-10-11 10:26:16 +0200788 right: 0 !important;
789 line-height: 80% !important;
790}
791
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200792/*********************************************
793 * BIBLIOGRAPHY
794 *********************************************/
795.reveal .references {
796 font-family: "Fira Sans Condensed", sans-serif;
797 font-size: 16px;
798 text-align: left;
799 margin-top: 35px;
800 max-height: 540px;
801 font-weight: 400;
802 color: #253b43;
803 overflow-y: auto;
804}
805
Marc Kupietz026356a2025-09-02 11:49:58 +0200806.hanging-indent>.csl-entry {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200807 padding-left: 22px;
808 text-indent: -22px;
809}
810
811.csl-entry::first-line {
812 color: #253b43;
813}
814
815.csl-entry {
816 color: #888888;
817}
818
819/* Add line break after authors and year*/
820.csl-entry :first-child::before {
821 content: "\a";
822 white-space: pre;
Marc Kupietz11797162023-10-09 23:17:36 +0200823}
824
Marc Kupietz026356a2025-09-02 11:49:58 +0200825.reveal code.sourceCode:last-child+pre {
Marc Kupietz11797162023-10-09 23:17:36 +0200826 height: 800px !important;
Marc Kupietz589d1b82023-10-10 12:31:33 +0200827}
828
829/*********************************************
830 * ARROWS and SLIDE NUMBERS
831 *********************************************/
832.reveal .controls .controls-arrow:after, .reveal .controls .controls-arrow:before {
Marc Kupietz026356a2025-09-02 11:49:58 +0200833 width: 13px !important;
834 /* size */
835 height: 4px;
836 /* line width */
Marc Kupietz589d1b82023-10-10 12:31:33 +0200837}
838
839.reveal .controls {
840 display: none;
841 position: absolute;
842 top: auto;
843 bottom: -8px;
844 right: 16px;
845 left: auto;
846 z-index: 11;
847 /* color: #000;*/
848 pointer-events: none;
849 font-size: 8px;
850}
851
852.reveal .controls .controls-arrow {
853 position: relative;
854 height: 3.6em;
Marc Kupietz026356a2025-09-02 11:49:58 +0200855 width: 1.2em;
856 /* distance betwee arrows */
Marc Kupietz589d1b82023-10-10 12:31:33 +0200857 bottom: 0;
858 right: 0;
859}
860
861.reveal div.slide-number {
862 text-align: center;
863 width: 2em;
864 position: absolute;
865 display: block;
866 right: 29px;
867 bottom: 22px;
868 z-index: 31;
869 font-family: "Fira Sans Condensed", sans-serif;
870 font-size: 18px;
871 line-height: 1;
872 background-color: white;
873 color: #666;
874 padding: 0;
Marc Kupietza737b1b2023-10-07 09:32:20 +0200875}