blob: 8be1e80189a09984b01778a6fd6fced8aa4894cd [file] [log] [blame]
Marc Kupietza737b1b2023-10-07 09:32:20 +02001/**
2 * IDS theme for reveal.js
3 *
4 * By Marc Kupietz
5 */
Marc Kupietza0f8f682026-08-08 14:13:11 +02006@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 Kupietzbfab8a12026-08-19 14:42:42 +02007@import url("https://code.cdn.mozilla.net/fonts/fira.css");
Marc Kupietzc22be152026-08-18 15:54:55 +02008@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap");
Marc Kupietza737b1b2023-10-07 09:32:20 +02009@import url("https://korap.ids-mannheim.de/font/libertinus.css");
10section.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 Kupietzbfab8a12026-08-19 14:42:42 +020036 --r-code-font: Fira Code, Fira Mono, DejaVu Sans Mono, Source Code Pro, monospace;
Marc Kupietza737b1b2023-10-07 09:32:20 +020037 --r-link-color: #2a76dd;
Marc Kupietz61c8ec72026-08-20 20:47:45 +020038 --r-link-color-dark: rgb(30.7720647773, 99.5566801619, 192.7779352227);
39 --r-link-color-hover: rgb(107.9696356275, 160.4311740891, 231.5303643725);
40 --r-selection-background-color: rgb(151.9493927126, 188.7186234818, 238.5506072874);
Marc Kupietza737b1b2023-10-07 09:32:20 +020041 --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 Kupietzbfab8a12026-08-19 14:42:42 +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 Kupietzbfab8a12026-08-19 14:42:42 +0200234 max-height: 400px;
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 Kupietz61c8ec72026-08-20 20:47:45 +0200363html .reveal .slides section:not(.stack) {
Marc Kupietza0f8f682026-08-08 14:13:11 +0200364 box-sizing: border-box !important;
365 padding-left: calc(calc(var(--slide-height) * 0.05) + 24px) !important;
366 padding-right: calc(calc(var(--slide-height) * 0.05) + 24px) !important;
367}
368
369.reveal .slides section:not(.stack):not(.title-frame) {
370 text-align: left !important;
371}
372
373.reveal .slides section:not(.title-frame) ul,
374.reveal .slides section:not(.title-frame) ol {
375 display: block !important;
376 text-align: left !important;
377 margin-left: 0 !important;
Marc Kupietze0826862026-08-11 16:34:54 +0200378 padding-left: 0.65em !important;
379 list-style: none !important;
380}
381
382.reveal .slides section:not(.title-frame) li {
383 position: relative !important;
384}
385
386.reveal .slides section:not(.title-frame) li::before {
387 position: absolute !important;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200388 left: calc(-1 * 0.65em) !important;
Marc Kupietze0826862026-08-11 16:34:54 +0200389 color: var(--r-list-bullet-color) !important;
390}
391
392.reveal .slides section:not(.title-frame) li li::before {
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200393 left: calc(-1 * 0.65em / 0.8) !important;
Marc Kupietze0826862026-08-11 16:34:54 +0200394}
395
Marc Kupietze0826862026-08-11 16:34:54 +0200396.reveal .slides section:not(.title-frame) ul > li::before {
397 content: "" !important;
398 top: calc((1.3em - 0.22em) / 2) !important;
399 width: 0.22em !important;
400 height: 0.22em !important;
401 box-sizing: border-box !important;
402 border-radius: 50% !important;
403 background: var(--r-list-bullet-color) !important;
404}
405
406.reveal .slides section:not(.title-frame) ul ul > li::before {
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200407 border-radius: 0 !important;
Marc Kupietze0826862026-08-11 16:34:54 +0200408}
409
410.reveal .slides section:not(.title-frame) ul ul ul > li::before {
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200411 background: transparent !important;
Marc Kupietze0826862026-08-11 16:34:54 +0200412 border: 0.055em solid var(--r-list-bullet-color) !important;
413 border-radius: 50% !important;
414}
415
Marc Kupietze0826862026-08-11 16:34:54 +0200416.reveal .slides section:not(.title-frame) ol > li::before {
417 content: counter(list-item, decimal) "." !important;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200418 width: calc(0.65em - 0.12em) !important;
Marc Kupietze0826862026-08-11 16:34:54 +0200419 text-align: right !important;
420}
421
Marc Kupietze0826862026-08-11 16:34:54 +0200422.reveal .slides section:not(.title-frame) ul.task-list li::before {
423 content: none !important;
Marc Kupietza0f8f682026-08-08 14:13:11 +0200424}
425
426.reveal .slides section:not(.title-frame) pre {
427 width: auto !important;
428 margin-left: 0 !important;
429 margin-right: 0 !important;
430}
431
432.reveal .slides {
433 background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/IDS-Logo-2019.svg");
434 background-repeat: no-repeat;
Marc Kupietz28822cd2026-08-20 14:10:18 +0200435 background-position: top 6px right 8px;
Marc Kupietza0f8f682026-08-08 14:13:11 +0200436 background-size: calc(var(--slide-height) * 0.25) auto;
437}
438
439.reveal .slides section:not(.title-frame) > h1:first-child,
440.reveal .slides section:not(.title-frame) > h2:first-child {
441 position: relative !important;
442 display: block !important;
443 text-align: left !important;
444 margin: 0 calc(-1 * calc(calc(var(--slide-height) * 0.05) + 24px)) 8px calc(-1 * calc(calc(var(--slide-height) * 0.05) + 24px)) !important;
445 padding: 0 0 0 calc(calc(var(--slide-height) * 0.05) + 24px) !important;
446 font-weight: var(--r-heading-font-weight) !important;
447}
448
449.reveal .slides section:not(.title-frame) > h1:first-child::before,
450.reveal .slides section:not(.title-frame) > h2:first-child::before,
451.reveal .slides section:not(.title-frame) > h2:first-child + h3::before {
452 content: "" !important;
453 position: absolute !important;
454 width: calc(var(--slide-height) * 0.05) !important;
455 background: #f6a800 !important;
456}
457
458.reveal .slides section:not(.title-frame) > h1:first-child::before,
459.reveal .slides section:not(.title-frame) > h2:first-child::before {
460 top: 0 !important;
461 left: calc(-1 * var(--ids-band-left, 0px)) !important;
462 height: 100% !important;
463}
464
465.reveal .slides section:not(.title-frame) > h1:first-child:not(:has(+ h3)),
466.reveal .slides section:not(.title-frame) > h2:first-child:not(:has(+ h3)) {
Marc Kupietz6acbd662026-08-20 14:41:00 +0200467 padding-top: calc((8px + 45.36px) / 2) !important;
468 margin-bottom: calc((8px + 45.36px) / 2 + 20px) !important;
Marc Kupietza0f8f682026-08-08 14:13:11 +0200469}
470
471.reveal .slides section:not(.title-frame) > h1:first-child:not(:has(+ h3))::before,
472.reveal .slides section:not(.title-frame) > h2:first-child:not(:has(+ h3))::before {
Marc Kupietz6acbd662026-08-20 14:41:00 +0200473 height: calc(100% + (8px + 45.36px) / 2) !important;
Marc Kupietza0f8f682026-08-08 14:13:11 +0200474}
475
Marc Kupietzd023f072026-08-20 15:27:37 +0200476.reveal .slides section:not(.title-frame) > h1:first-child:has(+ h3),
477.reveal .slides section:not(.title-frame) > h2:first-child:has(+ h3) {
478 padding-top: 8px !important;
479 margin-bottom: 0 !important;
480}
481
Marc Kupietza0f8f682026-08-08 14:13:11 +0200482.reveal .slides section:not(.title-frame) > h2:first-child + h3 {
483 position: relative !important;
484 text-align: left !important;
485 margin-top: 0 !important;
486 margin-left: 0 !important;
487 margin-bottom: 20px !important;
488}
489
490.reveal .slides section:not(.title-frame) > h2:first-child + h3::before {
491 top: calc(-1 * (8px + 2px)) !important;
492 left: calc(-1 * (calc(calc(var(--slide-height) * 0.05) + 24px) + var(--ids-band-left, 0px))) !important;
493 height: calc(100% + 8px + 2px) !important;
Marc Kupietza737b1b2023-10-07 09:32:20 +0200494}
495
Marc Kupietz55c9cef2026-08-08 16:03:06 +0200496.reveal .slides section.level1:not(.title-frame) {
497 height: 100% !important;
498 display: flex !important;
499 flex-direction: column !important;
500 justify-content: center !important;
501}
502
503.reveal .slides section.level1:not(.title-frame)::before {
504 content: "" !important;
505 position: absolute !important;
506 top: 0 !important;
507 left: calc(-1 * var(--ids-band-left, 0px)) !important;
508 width: calc(var(--slide-height) * 0.05) !important;
509 height: 121.4px !important;
510 background: #f6a800 !important;
511}
512
513.reveal .slides section.level1:not(.title-frame) > h1:first-child {
514 text-align: center !important;
515 margin: 0 !important;
516 padding: 0 !important;
517}
518
519.reveal .slides section.level1:not(.title-frame) > h1:first-child::before {
520 content: none !important;
521}
522
Marc Kupietza737b1b2023-10-07 09:32:20 +0200523:root {
524 --r-bold-color: #f6a800;
525 --r-list-bullet-color: #f6a800;
526}
527
528.reveal strong, .reveal b {
Marc Kupietz9b795bd2026-08-19 06:58:44 +0200529 font-family: "Fira Sans Condensed", sans-serif;
530 font-weight: 600;
531 font-size: 90%;
Marc Kupietza737b1b2023-10-07 09:32:20 +0200532 color: var(--r-bold-color);
533}
534.reveal ul li::marker, .reveal ol li::marker {
535 color: var(--r-list-bullet-color) !important;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200536}
537
Marc Kupietz281ba9c2026-08-11 15:37:48 +0200538.reveal li li {
539 font-size: 0.8em;
540}
541
Marc Kupietzf4945eb2026-08-19 17:48:41 +0200542.reveal dl {
543 font-size: 0.62em;
544 line-height: 1.25;
545}
546
547.reveal dt {
548 font-weight: 700;
549 margin-top: 0.35em;
550 font-family: "Fira Sans Condensed", sans-serif;
551 color: #f6a800;
552}
553
554.reveal dd {
555 margin: 0 0 0 1.2em;
556 color: #444;
557}
558
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200559/*********************************************
560 * FOOTER
561 *********************************************/
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200562#ids-footer:not(title-slide) {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200563 opacity: 1;
564 background: white;
565 color: #444444;
566 border-top: dotted orange 2px;
567 transition: opacity 800ms ease-in-out;
568 position: fixed;
569 height: 6%;
570 line-height: 6%;
571 z-index: -20;
572 width: 100%;
573 letter-spacing: 0em;
574 text-align: center;
575 display: table;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200576}
577
578#ids-footer span {
579 height: 100%;
580 line-height: 100%;
581 z-index: -20;
Marc Kupietz5a457902024-05-14 22:11:43 +0200582 font-size: 1.8vh;
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200583 font-family: "Fira Sans Condensed", "Fira Sans", "Roboto Condensed", "League Gothic", Impact, sans-serif;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200584 display: inline-block;
585 display: table-cell;
586 vertical-align: middle;
587}
588
589/* Bottom position for the IDS-Footer footer when both progress bar and TOC-Progress are visible */
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200590div.progress[style="display: block;"] ~ #ids-footer {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200591 bottom: calc(3px + 0vh);
592}
593
594/* Bottom position for the IDS-Footer footer when TOC-Progress is visible */
595#ids-footer {
596 bottom: 3px;
597}
598
599#ids-footer a {
600 color: #555555;
601}
602
603/* Bottom position for the IDS-Footer footer when progress bar is visible */
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200604div.progress[style="display: block;"] ~ footer:last-of-type#ids-footer {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200605 bottom: 3px;
606}
607
608/* Bottom position for the IDS-Footer footer when neither progress bar nor TOC-Progress are visible */
609footer:last-of-type#ids-footer {
610 bottom: 0px;
611}
612
613/* Make IDS-Footer invisible if explicitly indicated */
614.no-ids-footer #ids-footer {
615 opacity: 0;
616 transition: opacity 800ms ease-in-out;
617}
618
619.title-frame #ids-footer {
620 opacity: 0;
621 transition: opacity 800ms ease-in-out;
622}
623
624.no-toc-progress #ids-footer {
625 opacity: 0;
626 transition: opacity 800ms ease-in-out;
627}
628
629/* Make IDS-Footer invisible in overview mode */
630.overview #ids-footer {
631 opacity: 0;
632 transition: opacity 800ms ease-in-out;
633}
634
Marc Kupietz61c8ec72026-08-20 20:47:45 +0200635/* In print, the footer's negative stacking drops it behind the .pdf-page
636 * backgrounds (z-index 1); lift it above them. position: fixed repeats it at
637 * the bottom of every printed page. */
638html.reveal-print #ids-footer {
639 z-index: 100 !important;
640}
641
642html.reveal-print .reveal .slides .pdf-page {
643 z-index: auto !important;
644}
645
646html.reveal-print div.slide-number-pdf {
647 z-index: 200 !important;
648 bottom: 15px !important;
649}
650
651html.reveal-print .reveal .slides section:not(.title-frame) > h1:first-child::before,
652html.reveal-print .reveal .slides section:not(.title-frame) > h2:first-child::before {
653 left: 0 !important;
654}
655
656html.reveal-print .reveal .slides section:not(.title-frame) > h2:first-child + h3::before {
657 left: calc(-1 * calc(calc(var(--slide-height) * 0.05) + 24px)) !important;
658}
659
660html.reveal-print .reveal .slides section.level1:not(.title-frame)::before {
661 left: 0 !important;
662}
663
664html.reveal-print .reveal .slides section.title-frame {
665 background-position: right 8px bottom 55px;
666}
667
Marc Kupietza0f8f682026-08-08 14:13:11 +0200668.reveal .slides section.title-frame {
669 background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/Mitglied_WGL_transparent.svg");
Marc Kupietzf0ce0322023-10-07 15:33:47 +0200670 background-repeat: no-repeat;
Marc Kupietz67715592026-08-15 14:55:18 +0200671 background-position: right 8px bottom 10px;
672 background-size: calc(var(--slide-height) * 0.1) auto;
673 /* full slide height, so "bottom" really is the slide's bottom edge */
674 height: 100%;
Marc Kupietz5a457902024-05-14 22:11:43 +0200675}
Marc Kupietz026356a2025-09-02 11:49:58 +0200676
Marc Kupietz903104a2026-08-20 10:10:41 +0200677/*********************************************
678 * SLIDES MENU
679 *********************************************/
680.slide-menu-wrapper .slide-menu {
681 font-family: "Fira Sans Condensed", sans-serif !important;
682}
683
684.slide-menu-wrapper .slide-menu:not(.slide-menu--wide):not(.slide-menu--half):not(.slide-menu--third):not(.slide-menu--full):not(.slide-menu--custom) {
Marc Kupietz7427cca2026-08-20 10:53:03 +0200685 width: 372px !important;
Marc Kupietz903104a2026-08-20 10:10:41 +0200686}
687
688.slide-menu-wrapper .slide-menu-item,
689.slide-menu-wrapper .slide-menu-item-vertical {
690 padding: 6px 12px !important;
691 line-height: 1.3 !important;
692}
693
694.slide-menu-wrapper .slide-menu-item-vertical {
695 padding-left: 26px !important;
696}
697
698.slide-menu-wrapper .slide-menu-item,
699.slide-menu-wrapper .slide-menu-item-vertical {
700 display: flex !important;
701 align-items: baseline !important;
702}
703
704.slide-menu-wrapper .slide-menu-item-title {
705 flex: 1 !important;
706 min-width: 0 !important;
707}
708
709.slide-menu-wrapper .slide-menu-item i.far,
710.slide-menu-wrapper .slide-menu-item i.fas,
711.slide-menu-wrapper .slide-menu-item-vertical i.far,
712.slide-menu-wrapper .slide-menu-item-vertical i.fas,
713.slide-menu-wrapper .slide-menu-item svg.svg-inline--fa,
714.slide-menu-wrapper .slide-menu-item-vertical svg.svg-inline--fa {
715 padding-right: 8px !important;
716}
717
Marc Kupietz7427cca2026-08-20 10:53:03 +0200718.slide-menu-wrapper .slide-menu-item {
719 font-weight: 700 !important;
720}
721
Marc Kupietz903104a2026-08-20 10:10:41 +0200722.slide-menu-wrapper .active-menu-panel li.active {
723 color: #f6a800 !important;
Marc Kupietzf0ce0322023-10-07 15:33:47 +0200724}
725
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200726/*
727 * Menu controls
728 */
729body .reveal .slide-menu-button {
730 color: #aaaaaa !important;
731 position: fixed;
732 left: 30px;
733 bottom: 2%;
734 vertical-align: middle;
735 z-index: 30;
736 font-size: 2vh;
737}
738
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200739#customcontrols > ul {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200740 color: #aaaaaa !important;
741 position: fixed;
Marc Kupietzf51e9152023-10-07 15:32:33 +0200742 left: 50px;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200743 bottom: 2% !important;
744 vertical-align: middle;
745 z-index: 30;
746 font-size: 2vh;
747}
748
749@media only screen and (min-width: 500px) {
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200750 #customcontrols > ul {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200751 bottom: 2% !important;
752 }
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200753}
Marc Kupietzc7249f92023-10-10 07:16:50 +0200754.reveal .controls .controls-arrow {
755 position: relative;
756 width: 3.6em;
757 height: 3.6em;
758 bottom: -12px;
759 right: -4px;
760}
761
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200762.reveal h3, h4, h5, h6 {
763 text-transform: none !important;
764}
765
766.reveal h3, h4, h5, h6 {
767 text-transform: none !important;
768}
769
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200770.reveal h2 + h3 {
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200771 margin-top: -0.5em !important;
772}
773
774.title-frame h1,
775.title-frame h2 {
776 margin: 0 0 0 0;
Marc Kupietz9c036a42024-05-14 13:17:25 +0200777 background: rgb(246, 168, 0);
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200778 color: white;
779 font-family: "Fira Sans Condensed", "Roboto Condensed", Impact, sans-serif;
780 font-weight: 600;
781 line-height: 1.2;
782 letter-spacing: 0.05ex;
783 text-transform: uppercase;
784 width: 100%;
785 margin-top: 0.5em;
786 padding-top: 0.5em;
787 font-size: 1.75em;
788 margin-left: 0;
789 text-align: center;
790 text-shadow: none;
791 word-wrap: break-word;
792}
793
794.title-frame .author {
795 font-family: "Fira Sans Condensed", sans-serif;
796 font-weight: 400;
797 color: #657b83;
798 margin-top: 10vh;
799}
800
801.title-frame .place {
802 font-family: "Fira Sans Condensed", sans-serif;
803 margin-top: 40px;
804 font-weight: 400;
805 color: #657b83;
806}
807
808.title-frame h2 {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200809 margin-top: -3px;
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200810 margin-bottom: 1em;
811 padding-bottom: 0.5em;
812 font-size: 1em;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200813}
814
815/*********************************************
816 * TABLES
817 *********************************************/
818th {
Marc Kupietz9c036a42024-05-14 13:17:25 +0200819 color: rgb(246, 168, 0);
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200820}
821
822table {
823 font-family: "Fira Sans Condensed", sans-serif;
824 font-weight: 400;
825 font-size: 16px;
Marc Kupietz25570ef2026-08-28 14:03:21 +0300826 font-variant-numeric: tabular-nums;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200827}
828
829.reveal table.dataTable {
830 border: #aaaaaa 1px solid;
831 border-collapse: collapse;
832}
833
834.reveal table.dataTable td {
835 border: #aaaaaa 1px solid;
836 border-collapse: collapse;
837}
838
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200839.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 +0200840 display: none;
841}
842
843.caption {
844 font-family: "Fira Sans Condensed", sans-serif;
845 font-weight: 400;
846 font-size: 16px;
847 text-align: center;
848}
849
850/*
851table.display td { white-space: nowrap; }
852*/
853.dt-buttons, .dataTables_filter {
854 margin-top: 10pt;
855}
856
Marc Kupietz069f1e42023-10-11 10:26:16 +0200857/* Sort Arrows in DataTables */
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200858table.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 +0200859 right: 0 !important;
860 line-height: 80% !important;
861}
862
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200863/*********************************************
864 * BIBLIOGRAPHY
865 *********************************************/
866.reveal .references {
867 font-family: "Fira Sans Condensed", sans-serif;
868 font-size: 16px;
869 text-align: left;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200870 margin-top: 10px;
871 max-height: 510px;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200872 font-weight: 400;
873 color: #253b43;
874 overflow-y: auto;
875}
876
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200877.hanging-indent > .csl-entry {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200878 padding-left: 22px;
879 text-indent: -22px;
880}
881
Marc Kupietz21f526c2026-08-14 12:32:56 +0200882.references .csl-entry {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200883 color: #888888;
Marc Kupietz21f526c2026-08-14 12:32:56 +0200884 margin-bottom: 0.5em;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200885}
886
Marc Kupietz21f526c2026-08-14 12:32:56 +0200887.csl-entry .csl-authors-year {
888 display: block;
889 font-weight: bold;
890 color: #4d616b;
Marc Kupietz11797162023-10-09 23:17:36 +0200891}
892
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200893.reveal code.sourceCode:last-child + pre {
Marc Kupietz11797162023-10-09 23:17:36 +0200894 height: 800px !important;
Marc Kupietz589d1b82023-10-10 12:31:33 +0200895}
896
897/*********************************************
Marc Kupietz54d9ce02026-08-21 11:38:45 +0200898 * FULLSCREEN TOGGLE
Marc Kupietz589d1b82023-10-10 12:31:33 +0200899 *********************************************/
Marc Kupietz54d9ce02026-08-21 11:38:45 +0200900#ids-fullscreen {
901 display: none;
902 position: fixed;
903 left: 30px;
904 bottom: 6%;
905 z-index: 30;
906 width: 28px;
907 height: 28px;
908 border: 0;
909 padding: 0;
910 cursor: pointer;
911 opacity: 0.55;
912 background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3'/%3E%3Cpath d='M16 3h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M8 21H5a2 2 0 0 1-2-2v-3'/%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E") center/contain no-repeat;
913}
914#ids-fullscreen:active, #ids-fullscreen:focus-visible {
915 opacity: 0.9;
916}
917#ids-fullscreen.is-fullscreen {
918 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6a800' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3'/%3E%3Cpath d='M16 3h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M8 21H5a2 2 0 0 1-2-2v-3'/%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E");
919}
920
921@media (hover: none) and (pointer: coarse) {
922 #ids-fullscreen {
923 display: block;
924 }
925}
926html.reveal-print #ids-fullscreen {
927 display: none !important;
928}
929
Marc Kupietz88799182026-08-24 09:22:33 +0300930/*********************************************
931 * SPEAKER NOTES OVERLAY (touch devices)
932 *********************************************/
933#ids-notes {
934 display: none;
935 position: fixed;
936 left: 70px;
937 bottom: 6%;
938 z-index: 30;
939 width: 28px;
940 height: 28px;
941 border: 0;
942 padding: 0;
943 cursor: pointer;
944 opacity: 0.55;
945 background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
946}
947#ids-notes:active, #ids-notes:focus-visible {
948 opacity: 0.9;
949}
950#ids-notes.is-open {
951 opacity: 0.9;
952 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6a800' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
953}
954
Marc Kupietz010db0b2026-08-26 09:56:45 +0300955#ids-transcript-btn {
956 display: none;
957 position: fixed;
958 left: 110px;
959 bottom: 6%;
960 z-index: 30;
961 width: 28px;
962 height: 28px;
963 border: 0;
964 padding: 0;
965 cursor: pointer;
966 opacity: 0.55;
967 background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
968}
969#ids-transcript-btn:active, #ids-transcript-btn:focus-visible, #ids-transcript-btn.is-open {
970 opacity: 0.9;
971}
972#ids-transcript-btn.is-open {
973 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6a800' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E");
974}
975
Marc Kupietz88799182026-08-24 09:22:33 +0300976@media (hover: none) and (pointer: coarse) {
Marc Kupietz010db0b2026-08-26 09:56:45 +0300977 #ids-notes, #ids-transcript-btn {
Marc Kupietz88799182026-08-24 09:22:33 +0300978 display: block;
979 }
980}
Marc Kupietz010db0b2026-08-26 09:56:45 +0300981html.reveal-print #ids-notes, html.reveal-print #ids-transcript-btn {
Marc Kupietz88799182026-08-24 09:22:33 +0300982 display: none !important;
983}
984
985#ids-notes-overlay {
986 position: fixed;
987 inset: 0;
988 z-index: 100;
989 background: #fff;
990 color: #444444;
991 font-family: "Fira Sans", "Fira Sans Condensed", sans-serif;
992 overflow-y: auto;
993 -webkit-overflow-scrolling: touch;
994 padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right))
995 max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
996}
997#ids-notes-overlay[hidden] {
998 display: none;
999}
1000#ids-notes-header {
1001 display: flex;
1002 align-items: baseline;
1003 gap: 12px;
1004 border-bottom: 1px solid #e0e0e0;
1005 margin-bottom: 16px;
1006 padding-bottom: 8px;
1007}
1008#ids-notes-timing {
1009 flex-shrink: 0;
1010 color: #f6a800;
1011 font-weight: bold;
1012 white-space: nowrap;
1013}
1014#ids-notes-title {
1015 flex-grow: 1;
1016 margin: 0;
1017 font-size: 1.1em;
1018}
1019#ids-notes-close {
1020 flex-shrink: 0;
1021 border: 0;
1022 background: none;
1023 color: #888888;
1024 font-size: 1.2em;
1025 cursor: pointer;
1026 padding: 8px;
1027 margin: -8px;
1028}
1029#ids-notes-content {
1030 font-size: 20px;
1031 line-height: 1.5;
1032}
1033#ids-notes-content em {
1034 color: #888888;
1035}
1036
Marc Kupietz589d1b82023-10-10 12:31:33 +02001037.reveal .controls .controls-arrow:after, .reveal .controls .controls-arrow:before {
Marc Kupietzbfab8a12026-08-19 14:42:42 +02001038 width: 13px !important; /* size */
1039 height: 4px; /* line width */
Marc Kupietz589d1b82023-10-10 12:31:33 +02001040}
1041
1042.reveal .controls {
1043 display: none;
1044 position: absolute;
1045 top: auto;
1046 bottom: -8px;
1047 right: 16px;
1048 left: auto;
1049 z-index: 11;
1050 /* color: #000;*/
1051 pointer-events: none;
1052 font-size: 8px;
1053}
1054
1055.reveal .controls .controls-arrow {
1056 position: relative;
1057 height: 3.6em;
Marc Kupietzbfab8a12026-08-19 14:42:42 +02001058 width: 1.2em; /* distance betwee arrows */
Marc Kupietz589d1b82023-10-10 12:31:33 +02001059 bottom: 0;
1060 right: 0;
1061}
1062
1063.reveal div.slide-number {
1064 text-align: center;
1065 width: 2em;
1066 position: absolute;
1067 display: block;
1068 right: 29px;
1069 bottom: 22px;
1070 z-index: 31;
1071 font-family: "Fira Sans Condensed", sans-serif;
1072 font-size: 18px;
1073 line-height: 1;
1074 background-color: white;
1075 color: #666;
1076 padding: 0;
Marc Kupietzbfab8a12026-08-19 14:42:42 +02001077}
1078
Marc Kupietz4fc867c2026-08-25 10:30:18 +03001079/*********************************************
1080 * OVERVIEW / TOC SLIDES
1081 *********************************************/
1082.reveal .ids-overview-toc {
1083 list-style: none;
1084 margin: 0.2em 0 0 0;
1085 padding: 0;
1086 font-size: 0.72em;
1087 line-height: 1.35;
1088}
1089.reveal .ids-overview-toc > li {
1090 margin: 0.45em 0;
1091 font-weight: bold;
1092}
1093.reveal .ids-overview-toc ul {
1094 list-style: none;
1095 margin: 0.1em 0 0.2em 0;
1096 padding: 0 0 0 1.1em;
1097 font-weight: normal;
1098}
Marc Kupietz24057e52026-08-25 10:51:06 +03001099.reveal .ids-overview-toc.with-subheadings {
1100 columns: 2;
1101 column-gap: 2.5em;
1102}
1103.reveal .ids-overview-toc.with-subheadings > li {
1104 break-inside: avoid;
1105}
Marc Kupietz4fc867c2026-08-25 10:30:18 +03001106.reveal .ids-overview-toc ul li {
1107 margin: 0.18em 0;
1108}
1109.reveal .ids-overview-toc a {
1110 color: inherit;
1111}
1112.reveal .ids-overview-toc a:hover {
1113 color: var(--r-heading-color);
1114}
1115
Marc Kupietzeaaa2b42026-08-26 09:41:27 +03001116/*********************************************
1117 * TRANSCRIPT / READ-ALOUD VIEW ('r')
1118 *********************************************/
1119#ids-transcript {
1120 position: fixed;
1121 inset: 0;
1122 z-index: 90;
1123 background: #fff;
1124 color: #444444;
1125 font-family: "Fira Sans", "Fira Sans Condensed", sans-serif;
1126 font-size: 18px;
1127 line-height: 1.5;
1128 overflow-y: auto;
1129 -webkit-overflow-scrolling: touch;
1130 padding: max(32px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-right))
1131 max(32px, env(safe-area-inset-bottom)) max(40px, env(safe-area-inset-left));
1132}
1133#ids-transcript[hidden] {
1134 display: none;
1135}
1136#ids-transcript .ids-transcript-slide {
1137 max-width: 900px;
1138 margin: 0 auto 2.5em auto;
1139}
1140#ids-transcript h1, #ids-transcript h2 {
1141 color: var(--r-heading-color);
1142 margin: 0 0 0.4em 0;
1143}
1144#ids-transcript h1 { font-size: 1.4em; }
1145#ids-transcript h2 { font-size: 1.2em; }
1146#ids-transcript .fragment {
1147 opacity: 1;
1148 visibility: visible;
1149}
1150#ids-transcript .ids-transcript-notes {
1151 border-left: 3px solid #f6a800;
1152 padding: 0.2em 0 0.2em 0.8em;
1153 margin-top: 0.8em;
1154 color: #666;
1155}
1156#ids-transcript .ids-transcript-notes:empty {
1157 display: none;
1158}
1159#ids-transcript img, #ids-transcript video, #ids-transcript iframe {
1160 max-width: 100%;
1161}
1162
Marc Kupietzbfab8a12026-08-19 14:42:42 +02001163/*# sourceMappingURL=ids.css.map */