Skip to content

Commit 2bd8b55

Browse files
committed
Adjusted for lousy projection size
1 parent f54a4bc commit 2bd8b55

File tree

2 files changed

+214
-86
lines changed

2 files changed

+214
-86
lines changed

css/theme/pw15.css

+136-42
Original file line numberDiff line numberDiff line change
@@ -2,51 +2,88 @@
22
font-family: 'Track';
33
font-style: normal;
44
font-weight: 400;
5-
src: local("Track"), url("../fonts/Track.otf");
5+
src: local('Track'), url('../fonts/Track.otf');
66
}
77

88
@font-face {
99
font-family: 'Track';
1010
font-style: italic;
1111
font-weight: 400;
12-
src: local("Track Italic"), url("../fonts/Track Italic.otf");
12+
src: local('Track Italic'), url('../fonts/Track Italic.otf');
1313
}
1414

1515
.reveal {
16-
font-family: "Source Sans", sans-serif;
16+
font-family: 'Source Sans', sans-serif;
1717
letter-spacing: 0;
1818
}
1919

20-
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
20+
.reveal h1,
21+
.reveal h2,
22+
.reveal h3,
23+
.reveal h4,
24+
.reveal h5,
25+
.reveal h6 {
2126
font-family: Merriweather;
2227
text-transform: none;
2328
letter-spacing: 0;
2429
line-height: 1em;
2530
}
2631

27-
.reveal tt, .reveal code, .reveal pre {
28-
font-family: "Operator Mono Ssm", "Source Code Pro", Menlo, Monaco, Consolas, monospace;
32+
.reveal tt,
33+
.reveal code,
34+
.reveal pre {
35+
font-family: 'Operator Mono Ssm', 'Source Code Pro', Menlo, Monaco, Consolas,
36+
monospace;
2937
font-size: 0.65em;
3038
line-height: 1.3em;
3139
}
3240

33-
.reveal p code, .reveal li code, .reveal footer code, .reveal td code,
34-
.reveal p tt, .reveal li tt, .reveal footer tt, .reveal td tt {
41+
.reveal p code,
42+
.reveal li code,
43+
.reveal footer code,
44+
.reveal td code,
45+
.reveal p tt,
46+
.reveal li tt,
47+
.reveal footer tt,
48+
.reveal td tt {
3549
font-size: 100%;
3650
}
3751

38-
.reveal h2 code { font-size: 1em; }
52+
.reveal h2 code {
53+
font-size: 1em;
54+
}
3955

4056
/* OTHER TWEAKS */
4157

42-
.reveal .slides { min-width: 980px; max-width: 1880px; }
58+
.reveal .slides {
59+
min-width: 980px;
60+
max-width: 1880px;
61+
}
62+
63+
span[lang],
64+
strong[lang] {
65+
font-style: italic;
66+
}
67+
em span[lang],
68+
em strong[lang] {
69+
font-style: normal;
70+
}
71+
72+
.reveal h2 {
73+
font-size: 1.95em;
74+
}
75+
.reveal h2 + h4:not(.breathe) {
76+
margin-top: -0.3em;
77+
}
4378

44-
span[lang], strong[lang] { font-style: italic; }
45-
em span[lang], em strong[lang] { font-style: normal; }
79+
.reveal h2 + h4 {
80+
font-size: 0.8em;
81+
}
4682

47-
.reveal h2 { font-size: 1.95em; }
48-
.reveal h2 + h4:not(.breathe) { margin-top: -0.3em; }
49-
.reveal p code, .reveal li code { color: #4169e1; }
83+
.reveal p code,
84+
.reveal li code {
85+
color: #4169e1;
86+
}
5087

5188
.reveal pre code[data-path]:after {
5289
display: block;
@@ -66,7 +103,7 @@ em span[lang], em strong[lang] { font-style: normal; }
66103
}
67104

68105
.reveal pre code {
69-
font-size: 1.2em;
106+
font-size: 0.8em;
70107
max-height: none;
71108
}
72109

@@ -86,7 +123,8 @@ em span[lang], em strong[lang] { font-style: normal; }
86123
}
87124

88125
.reveal pre > code > .implied {
89-
display: block; margin: 0;
126+
display: block;
127+
margin: 0;
90128
opacity: 0.8;
91129
background: #e9e9e9;
92130
}
@@ -107,57 +145,81 @@ em span[lang], em strong[lang] { font-style: normal; }
107145
color: black;
108146
}
109147

110-
.reveal sup { font-size: 60%; }
148+
.reveal sup {
149+
font-size: 60%;
150+
}
111151

112152
.reveal section > footer {
113-
margin-top: 2em;
114-
font-size: 60%;
153+
/* margin-top: 1em; */
154+
font-size: 50%;
115155
opacity: 0.8;
116-
line-height: 1.4em
156+
line-height: 1.4em;
117157
/*color: rgba(255, 255, 255, 0.8);*/
118158
}
119159

120-
.reveal li + li { margin-top: 0.5em; }
160+
.reveal li + li {
161+
margin-top: 0.5em;
162+
}
121163

122-
.reveal section ul, .reveal section ol {
164+
.reveal section ul,
165+
.reveal section ol {
123166
margin-top: 1em;
124167
margin-bottom: 1em;
125168
}
126-
.reveal section ul.narrow, .reveal section ol.narrow {
169+
.reveal section ul.narrow,
170+
.reveal section ol.narrow {
127171
margin-top: 0.5em;
128172
margin-bottom: 0.5em;
129173
}
130174

131-
.reveal ul.narrow > li + li, .reveal ol.narrow > li + li {
175+
.reveal ul.narrow > li + li,
176+
.reveal ol.narrow > li + li {
132177
margin-top: 0.3em;
133178
}
134179

135-
.reveal section p + h4, .reveal section pre + h4,
136-
.reveal section .fragment > h4:first-child { margin: 1em 0; }
180+
.reveal section p + h4,
181+
.reveal section pre + h4,
182+
.reveal section .fragment > h4:first-child {
183+
margin: 1em 0;
184+
}
137185

138-
.reveal section .breathing { margin: 1em 0; }
186+
.reveal section .breathing {
187+
margin: 1em 0;
188+
}
139189

140-
b.wrong, b.right {
190+
b.wrong,
191+
b.right {
141192
font-weight: normal;
142-
padding: 0.1em 0.5em 0.1em 0; border-radius: 0.5em;
193+
padding: 0.1em 0.5em 0.1em 0;
194+
border-radius: 0.5em;
195+
}
196+
b.wrong:empty,
197+
b.right:empty {
198+
padding-left: 0.5em;
199+
}
200+
b.wrong {
201+
background: #fdd;
143202
}
144-
b.wrong:empty, b.right:empty { padding-left: 0.5em; }
145-
b.wrong { background: #fdd; }
146203
b.wrong::after {
147-
content: " ✖ KO";
204+
content: ' ✖ KO';
148205
font-weight: bold;
149206
color: #b00;
150207
}
151208

152-
b.right { background: #dfd; }
209+
b.right {
210+
background: #dfd;
211+
}
153212
b.right::after {
154-
content: " ✔ OK";
213+
content: ' ✔ OK';
155214
font-weight: bold;
156215
color: #090;
157216
}
158217

159-
.reveal pre > code u, b.hl {
160-
background: #fe9; padding: 0.1em; border-radius: 0.2em;
218+
.reveal pre > code u,
219+
b.hl {
220+
background: #fe9;
221+
padding: 0.1em;
222+
border-radius: 0.2em;
161223
text-decoration: none;
162224
}
163225

@@ -186,8 +248,14 @@ b.right::after {
186248
margin-top: 0.8em;
187249
}
188250

189-
.reveal table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 90%; }
190-
.reveal td, .reveal th {
251+
.reveal table {
252+
width: 100%;
253+
border-collapse: collapse;
254+
margin: 1em 0;
255+
font-size: 90%;
256+
}
257+
.reveal td,
258+
.reveal th {
191259
padding: 0 0.2em 0.2em;
192260
}
193261
.reveal table > thead > tr > th {
@@ -198,7 +266,8 @@ b.right::after {
198266
background: rgba(255, 255, 255, 0.9);
199267
}
200268

201-
#ssrr tr > td:last-child, #ssrr tr > th:last-child {
269+
#ssrr tr > td:last-child,
270+
#ssrr tr > th:last-child {
202271
text-align: right;
203272
}
204273

@@ -223,7 +292,11 @@ b.right::after {
223292
margin-left: 0.5em;
224293
}
225294

226-
.reveal iframe[name^="tonic-embed-"] {
295+
.two-columns.with-code pre code {
296+
font-size: 0.7em;
297+
}
298+
299+
.reveal iframe[name^='tonic-embed-'] {
227300
max-width: none;
228301
max-height: none;
229302
}
@@ -247,7 +320,6 @@ b.right::after {
247320
text-shadow: 0 0 0.2em white;
248321
}
249322

250-
251323
.reveal .tada {
252324
position: absolute;
253325
left: 50%;
@@ -306,3 +378,25 @@ b.right::after {
306378
width: 1920px;
307379
height: 1080px;
308380
}
381+
/*
382+
@media (max-width: 1280px) {
383+
.reveal {
384+
font-size: 28px;
385+
}
386+
.reveal p,
387+
.reveal li,
388+
.reveal footer {
389+
font-size: 90%;
390+
}
391+
.reveal pre code {
392+
font-size: 1em;
393+
}
394+
.reveal section > footer {
395+
margin-top: 0.5em;
396+
}
397+
} */
398+
399+
.reveal table.condensed td,
400+
.reveal table.condensed th {
401+
font-size: 80%;
402+
}

0 commit comments

Comments
 (0)