1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
/* Stylesheet override */
article { max-width: calc(297mm + 2em); font-size: 22px; }
h2, h3, h4, h5, h6 {
display: block;
margin-block-start: 0;
margin-block-end: 0.5em;
}
.h-anchor { display: none; }
/* Presentation controller */
#presentCont { margin: 0.5em 0.5em 0.5em 0; }
#presentCont > img { height: 1.4em; }
/* Presenting mode */
#presentCont { display: initial; }
/* Slides styles */
.slide {
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 210mm;
padding: 1em;
width: 297mm; /* Size of landscape A4 paper */
}
.slide img:not(.clicked-image) {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
}
.slide .svg { max-height: 1em !important; }
.frow, .fcol { display: flex; flex-wrap: nowrap; }
.frow, .fcol, .frow > *, .fcol > *, .slide > * {
min-height: 0;
min-width: 0;
}
.frow > *, .fcol > * { flex: 1; }
.frow { flex-direction: row; }
.frow > *:not(:last-child) { margin-right: 0.5em; }
.fcol { flex-direction: column; }
.fcol > *:not(:last-child) { margin-bottom: 0.5em; }
.centered { text-align: center; }
.centered h1::after, .centered h2::after, .centered h3::after {
content: " \2550"
}
.flexer { flex: 1; }
.fright { float: right; text-align: right; }
.font35, .font30, .font27, .font20, .font18 {
line-height: 1.5em;
}
.font35 { font-size: 35px; }
.font30 { font-size: 30px; }
.font27 { font-size: 27px; }
.font20 { font-size: 20px; }
.font18 { font-size: 18px; }
/* Presenting mode */
.absolute-slide {
border: none;
height: min(100vh, 100vw / 1.414);
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
visibility: visible;
width: min(100vh * 1.414, 100vw);
}
.invisible { visibility: hidden; }
.nodisplay { display: none; }
.no-overflow { overflow: hidden; }
.body-bg-color { background-color: var(--bg-color); }
.absolute-cont {
bottom: 0;
opacity: 40%;
position: absolute;
right: 0;
visibility: visible;
z-index: 10;
}
/* Media specific stylings */
@media screen {
.slide {
border: 1px solid var(--fg-color);
margin-bottom: 1em;
}
}
@media print {
article, body {
border: none !important;
margin: 0;
max-width: auto;
padding: 0;
}
nav, article > p, article > h1, article > h2, article > h3, article > h4, article > h5, article > h6 {
display: none !important;
}
.slide {
height: 209.5mm;
width: 296.99mm;
}
}
|
