blob: d3cc7ed0b6da6e1d47d02eef5f3a23a3d14f81a4 [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;
826}
827
828.reveal table.dataTable {
829 border: #aaaaaa 1px solid;
830 border-collapse: collapse;
831}
832
833.reveal table.dataTable td {
834 border: #aaaaaa 1px solid;
835 border-collapse: collapse;
836}
837
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200838.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 +0200839 display: none;
840}
841
842.caption {
843 font-family: "Fira Sans Condensed", sans-serif;
844 font-weight: 400;
845 font-size: 16px;
846 text-align: center;
847}
848
849/*
850table.display td { white-space: nowrap; }
851*/
852.dt-buttons, .dataTables_filter {
853 margin-top: 10pt;
854}
855
Marc Kupietz069f1e42023-10-11 10:26:16 +0200856/* Sort Arrows in DataTables */
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200857table.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 +0200858 right: 0 !important;
859 line-height: 80% !important;
860}
861
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200862/*********************************************
863 * BIBLIOGRAPHY
864 *********************************************/
865.reveal .references {
866 font-family: "Fira Sans Condensed", sans-serif;
867 font-size: 16px;
868 text-align: left;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200869 margin-top: 10px;
870 max-height: 510px;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200871 font-weight: 400;
872 color: #253b43;
873 overflow-y: auto;
874}
875
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200876.hanging-indent > .csl-entry {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200877 padding-left: 22px;
878 text-indent: -22px;
879}
880
Marc Kupietz21f526c2026-08-14 12:32:56 +0200881.references .csl-entry {
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200882 color: #888888;
Marc Kupietz21f526c2026-08-14 12:32:56 +0200883 margin-bottom: 0.5em;
Marc Kupietz0a3c2e52023-10-08 20:20:43 +0200884}
885
Marc Kupietz21f526c2026-08-14 12:32:56 +0200886.csl-entry .csl-authors-year {
887 display: block;
888 font-weight: bold;
889 color: #4d616b;
Marc Kupietz11797162023-10-09 23:17:36 +0200890}
891
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200892.reveal code.sourceCode:last-child + pre {
Marc Kupietz11797162023-10-09 23:17:36 +0200893 height: 800px !important;
Marc Kupietz589d1b82023-10-10 12:31:33 +0200894}
895
896/*********************************************
897 * ARROWS and SLIDE NUMBERS
898 *********************************************/
899.reveal .controls .controls-arrow:after, .reveal .controls .controls-arrow:before {
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200900 width: 13px !important; /* size */
901 height: 4px; /* line width */
Marc Kupietz589d1b82023-10-10 12:31:33 +0200902}
903
904.reveal .controls {
905 display: none;
906 position: absolute;
907 top: auto;
908 bottom: -8px;
909 right: 16px;
910 left: auto;
911 z-index: 11;
912 /* color: #000;*/
913 pointer-events: none;
914 font-size: 8px;
915}
916
917.reveal .controls .controls-arrow {
918 position: relative;
919 height: 3.6em;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200920 width: 1.2em; /* distance betwee arrows */
Marc Kupietz589d1b82023-10-10 12:31:33 +0200921 bottom: 0;
922 right: 0;
923}
924
925.reveal div.slide-number {
926 text-align: center;
927 width: 2em;
928 position: absolute;
929 display: block;
930 right: 29px;
931 bottom: 22px;
932 z-index: 31;
933 font-family: "Fira Sans Condensed", sans-serif;
934 font-size: 18px;
935 line-height: 1;
936 background-color: white;
937 color: #666;
938 padding: 0;
Marc Kupietzbfab8a12026-08-19 14:42:42 +0200939}
940
941/*# sourceMappingURL=ids.css.map */