blob: bc3301d756c5f00e75333ae2e369f2f2596dbcbf [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 Kupietzbfab8a12026-08-19 14:42:42 +020038 --r-link-color-dark: rgb(12.0674763833%, 39.0418353576%, 75.5991902834%);
39 --r-link-color-hover: rgb(42.3410335794%, 62.9141859173%, 90.7962213225%);
40 --r-selection-background-color: rgb(59.5879971422%, 74.0073033262%, 93.5492577598%);
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 Kupietza0f8f682026-08-08 14:13:11 +0200363.reveal .slides section:not(.stack) {
364 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 Kupietza0f8f682026-08-08 14:13:11 +0200635.reveal .slides section.title-frame {
636 background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/Mitglied_WGL_transparent.svg");
Marc Kupietzf0ce0322023-10-07 15:33:47 +0200637 background-repeat: no-repeat;
Marc Kupietz67715592026-08-15 14:55:18 +0200638 background-position: right 8px bottom 10px;
639 background-size: calc(var(--slide-height) * 0.1) auto;
640 /* full slide height, so "bottom" really is the slide's bottom edge */
641 height: 100%;
Marc Kupietz5a457902024-05-14 22:11:43 +0200642}
Marc Kupietz026356a2025-09-02 11:49:58 +0200643
Marc Kupietz903104a2026-08-20 10:10:41 +0200644/*********************************************
645 * SLIDES MENU
646 *********************************************/
647.slide-menu-wrapper .slide-menu {
648 font-family: "Fira Sans Condensed", sans-serif !important;
649}
650
651.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 +0200652 width: 372px !important;
Marc Kupietz903104a2026-08-20 10:10:41 +0200653}
654
655.slide-menu-wrapper .slide-menu-item,
656.slide-menu-wrapper .slide-menu-item-vertical {
657 padding: 6px 12px !important;
658 line-height: 1.3 !important;
659}
660
661.slide-menu-wrapper .slide-menu-item-vertical {
662 padding-left: 26px !important;
663}
664
665.slide-menu-wrapper .slide-menu-item,
666.slide-menu-wrapper .slide-menu-item-vertical {
667 display: flex !important;
668 align-items: baseline !important;
669}
670
671.slide-menu-wrapper .slide-menu-item-title {
672 flex: 1 !important;
673 min-width: 0 !important;
674}
675
676.slide-menu-wrapper .slide-menu-item i.far,
677.slide-menu-wrapper .slide-menu-item i.fas,
678.slide-menu-wrapper .slide-menu-item-vertical i.far,
679.slide-menu-wrapper .slide-menu-item-vertical i.fas,
680.slide-menu-wrapper .slide-menu-item svg.svg-inline--fa,
681.slide-menu-wrapper .slide-menu-item-vertical svg.svg-inline--fa {
682 padding-right: 8px !important;
683}
684
Marc Kupietz7427cca2026-08-20 10:53:03 +0200685.slide-menu-wrapper .slide-menu-item {
686 font-weight: 700 !important;
687}
688
Marc Kupietz903104a2026-08-20 10:10:41 +0200689.slide-menu-wrapper .active-menu-panel li.active {
690 color: #f6a800 !important;
Marc Kupietzf0ce0322023-10-07 15:33:47 +0200691}
692
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200693/*
694 * Menu controls
695 */
696body .reveal .slide-menu-button {
697 color: #aaaaaa !important;
698 position: fixed;
699 left: 30px;
700 bottom: 2%;
701 vertical-align: middle;
702 z-index: 30;
703 font-size: 2vh;
704}
705
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200706#customcontrols > ul {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200707 color: #aaaaaa !important;
708 position: fixed;
Marc Kupietzf51e9152023-10-07 15:32:33 +0200709 left: 50px;
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200710 bottom: 2% !important;
711 vertical-align: middle;
712 z-index: 30;
713 font-size: 2vh;
714}
715
716@media only screen and (min-width: 500px) {
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200717 #customcontrols > ul {
Marc Kupietz7c8f7de2023-10-07 11:42:29 +0200718 bottom: 2% !important;
719 }
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200720}
Marc Kupietzc7249f92023-10-10 07:16:50 +0200721.reveal .controls .controls-arrow {
722 position: relative;
723 width: 3.6em;
724 height: 3.6em;
725 bottom: -12px;
726 right: -4px;
727}
728
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200729.reveal h3, h4, h5, h6 {
730 text-transform: none !important;
731}
732
733.reveal h3, h4, h5, h6 {
734 text-transform: none !important;
735}
736
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200737.reveal h2 + h3 {
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200738 margin-top: -0.5em !important;
739}
740
741.title-frame h1,
742.title-frame h2 {
743 margin: 0 0 0 0;
Marc Kupietz9c036a42024-05-14 13:17:25 +0200744 background: rgb(246, 168, 0);
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200745 color: white;
746 font-family: "Fira Sans Condensed", "Roboto Condensed", Impact, sans-serif;
747 font-weight: 600;
748 line-height: 1.2;
749 letter-spacing: 0.05ex;
750 text-transform: uppercase;
751 width: 100%;
752 margin-top: 0.5em;
753 padding-top: 0.5em;
754 font-size: 1.75em;
755 margin-left: 0;
756 text-align: center;
757 text-shadow: none;
758 word-wrap: break-word;
759}
760
761.title-frame .author {
762 font-family: "Fira Sans Condensed", sans-serif;
763 font-weight: 400;
764 color: #657b83;
765 margin-top: 10vh;
766}
767
768.title-frame .place {
769 font-family: "Fira Sans Condensed", sans-serif;
770 margin-top: 40px;
771 font-weight: 400;
772 color: #657b83;
773}
774
775.title-frame h2 {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200776 margin-top: -3px;
Marc Kupietzdf0eda92023-10-07 20:50:00 +0200777 margin-bottom: 1em;
778 padding-bottom: 0.5em;
779 font-size: 1em;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200780}
781
782/*********************************************
783 * TABLES
784 *********************************************/
785th {
Marc Kupietz9c036a42024-05-14 13:17:25 +0200786 color: rgb(246, 168, 0);
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200787}
788
789table {
790 font-family: "Fira Sans Condensed", sans-serif;
791 font-weight: 400;
792 font-size: 16px;
793}
794
795.reveal table.dataTable {
796 border: #aaaaaa 1px solid;
797 border-collapse: collapse;
798}
799
800.reveal table.dataTable td {
801 border: #aaaaaa 1px solid;
802 border-collapse: collapse;
803}
804
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200805.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 +0200806 display: none;
807}
808
809.caption {
810 font-family: "Fira Sans Condensed", sans-serif;
811 font-weight: 400;
812 font-size: 16px;
813 text-align: center;
814}
815
816/*
817table.display td { white-space: nowrap; }
818*/
819.dt-buttons, .dataTables_filter {
820 margin-top: 10pt;
821}
822
Marc Kupietz069f1e42023-10-11 10:26:16 +0200823/* Sort Arrows in DataTables */
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200824table.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 +0200825 right: 0 !important;
826 line-height: 80% !important;
827}
828
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200829/*********************************************
830 * BIBLIOGRAPHY
831 *********************************************/
832.reveal .references {
833 font-family: "Fira Sans Condensed", sans-serif;
834 font-size: 16px;
835 text-align: left;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200836 margin-top: 10px;
837 max-height: 510px;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200838 font-weight: 400;
839 color: #253b43;
840 overflow-y: auto;
841}
842
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200843.hanging-indent > .csl-entry {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200844 padding-left: 22px;
845 text-indent: -22px;
846}
847
Marc Kupietz21f526c2026-08-14 12:32:56 +0200848.references .csl-entry {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200849 color: #888888;
Marc Kupietz21f526c2026-08-14 12:32:56 +0200850 margin-bottom: 0.5em;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200851}
852
Marc Kupietz21f526c2026-08-14 12:32:56 +0200853.csl-entry .csl-authors-year {
854 display: block;
855 font-weight: bold;
856 color: #4d616b;
Marc Kupietz11797162023-10-09 23:17:36 +0200857}
858
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200859.reveal code.sourceCode:last-child + pre {
Marc Kupietz11797162023-10-09 23:17:36 +0200860 height: 800px !important;
Marc Kupietz589d1b82023-10-10 12:31:33 +0200861}
862
863/*********************************************
864 * ARROWS and SLIDE NUMBERS
865 *********************************************/
866.reveal .controls .controls-arrow:after, .reveal .controls .controls-arrow:before {
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200867 width: 13px !important; /* size */
868 height: 4px; /* line width */
Marc Kupietz589d1b82023-10-10 12:31:33 +0200869}
870
871.reveal .controls {
872 display: none;
873 position: absolute;
874 top: auto;
875 bottom: -8px;
876 right: 16px;
877 left: auto;
878 z-index: 11;
879 /* color: #000;*/
880 pointer-events: none;
881 font-size: 8px;
882}
883
884.reveal .controls .controls-arrow {
885 position: relative;
886 height: 3.6em;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200887 width: 1.2em; /* distance betwee arrows */
Marc Kupietz589d1b82023-10-10 12:31:33 +0200888 bottom: 0;
889 right: 0;
890}
891
892.reveal div.slide-number {
893 text-align: center;
894 width: 2em;
895 position: absolute;
896 display: block;
897 right: 29px;
898 bottom: 22px;
899 z-index: 31;
900 font-family: "Fira Sans Condensed", sans-serif;
901 font-size: 18px;
902 line-height: 1;
903 background-color: white;
904 color: #666;
905 padding: 0;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200906}
907
908/*# sourceMappingURL=ids.css.map */