OpenLP

Merge lp:~tomasgroth/openlp/reveal-css into lp:openlp

  1. reveal-css
  2. Merge into trunk
Proposed by Tomas Groth
Status: Merged
Merged at revision: 2903
Proposed branch: lp:~tomasgroth/openlp/reveal-css
Merge into: lp:openlp
Diff against target: 428 lines (+92/-85)
1 file modified
openlp/core/display/html/reveal.css (+92/-85)
To merge this branch: bzr merge lp:~tomasgroth/openlp/reveal-css
Reviewer Review Type Date Requested Status
Tim Bentley Approve
Review via email: mp+372798@code.launchpad.net

Commit message

Forgot to update to latest CSS when updating RevealJS to 3.8.0.

To post a comment you must log in.
Revision history for this message
Raoul Snyman (raoul-snyman) wrote :

JavaScript tests passed!

Revision history for this message
Raoul Snyman (raoul-snyman) wrote :

Linux tests passed!

Revision history for this message
Raoul Snyman (raoul-snyman) wrote :

macOS tests passed!

Revision history for this message
Raoul Snyman (raoul-snyman) wrote :

Linting passed!

Revision history for this message
Tim Bentley (trb143) :
review: Approve

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
=== modified file 'openlp/core/display/html/reveal.css'
--- openlp/core/display/html/reveal.css 2019-02-11 20:34:20 +0000
+++ openlp/core/display/html/reveal.css 2019-09-15 12:54:31 +0000
@@ -3,47 +3,24 @@
3 * http://revealjs.com3 * http://revealjs.com
4 * MIT licensed4 * MIT licensed
5 *5 *
6 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se6 * Copyright (C) 2019 Hakim El Hattab, http://hakim.se
7 */7 */
8/*********************************************8/*********************************************
9 * RESET STYLES
10 *********************************************/
11html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
12.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
13.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
14.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
15.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
16.reveal b, .reveal u, .reveal center,
17.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
18.reveal fieldset, .reveal form, .reveal label, .reveal legend,
19.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
20.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
21.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
22.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
23.reveal time, .reveal mark, .reveal audio, .reveal video {
24 margin: 0;
25 padding: 0;
26 border: 0;
27 font-size: 100%;
28 font: inherit;
29 vertical-align: baseline; }
30
31.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
32.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
33 display: block; }
34
35/*********************************************
36 * GLOBAL STYLES9 * GLOBAL STYLES
37 *********************************************/10 *********************************************/
38html,11html {
39body {
40 width: 100%;12 width: 100%;
41 height: 100%;13 height: 100%;
14 height: 100vh;
15 height: calc( var(--vh, 1vh) * 100);
42 overflow: hidden; }16 overflow: hidden; }
4317
44body {18body {
19 height: 100%;
20 overflow: hidden;
45 position: relative;21 position: relative;
46 line-height: 1;22 line-height: 1;
23 margin: 0;
47 background-color: #fff;24 background-color: #fff;
48 color: #000; }25 color: #000; }
4926
@@ -272,7 +249,7 @@
272 visibility: hidden;249 visibility: hidden;
273 opacity: 0;250 opacity: 0;
274 -webkit-appearance: none;251 -webkit-appearance: none;
275 -webkit-tap-highlight-color: transparent; }252 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
276 .reveal .controls .controls-arrow:before,253 .reveal .controls .controls-arrow:before,
277 .reveal .controls .controls-arrow:after {254 .reveal .controls .controls-arrow:after {
278 content: '';255 content: '';
@@ -366,10 +343,16 @@
366 .reveal .controls .enabled.fragmented:hover {343 .reveal .controls .enabled.fragmented:hover {
367 opacity: 1; }344 opacity: 1; }
368345
346.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-up,
347.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-down {
348 display: none; }
349
350.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-left,
369.reveal:not(.has-vertical-slides) .controls .navigate-left {351.reveal:not(.has-vertical-slides) .controls .navigate-left {
370 bottom: 1.4em;352 bottom: 1.4em;
371 right: 5.5em; }353 right: 5.5em; }
372354
355.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-right,
373.reveal:not(.has-vertical-slides) .controls .navigate-right {356.reveal:not(.has-vertical-slides) .controls .navigate-right {
374 bottom: 1.4em;357 bottom: 1.4em;
375 right: 0.5em; }358 right: 0.5em; }
@@ -486,12 +469,8 @@
486 width: 100%;469 width: 100%;
487 height: 100%;470 height: 100%;
488 overflow: hidden;471 overflow: hidden;
489 -ms-touch-action: none;472 -ms-touch-action: pinch-zoom;
490 touch-action: none; }473 touch-action: pinch-zoom; }
491
492@media only screen and (orientation: landscape) {
493 .reveal.ua-iphone {
494 position: fixed; } }
495474
496.reveal .slides {475.reveal .slides {
497 position: absolute;476 position: absolute;
@@ -512,7 +491,8 @@
512 perspective-origin: 50% 40%; }491 perspective-origin: 50% 40%; }
513492
514.reveal .slides > section {493.reveal .slides > section {
515 -ms-perspective: 600px; }494 -webkit-perspective: 600px;
495 perspective: 600px; }
516496
517.reveal .slides > section,497.reveal .slides > section,
518.reveal .slides > section > section {498.reveal .slides > section > section {
@@ -544,7 +524,8 @@
544.reveal .slides > section.stack {524.reveal .slides > section.stack {
545 padding-top: 0;525 padding-top: 0;
546 padding-bottom: 0;526 padding-bottom: 0;
547 pointer-events: none; }527 pointer-events: none;
528 height: 100%; }
548529
549.reveal .slides > section.present,530.reveal .slides > section.present,
550.reveal .slides > section > section.present {531.reveal .slides > section > section.present {
@@ -761,14 +742,14 @@
761.reveal .slides > section > section[data-transition=zoom].past,742.reveal .slides > section > section[data-transition=zoom].past,
762.reveal .slides > section > section[data-transition~=zoom-out].past,743.reveal .slides > section > section[data-transition~=zoom-out].past,
763.reveal.zoom .slides > section > section:not([data-transition]).past {744.reveal.zoom .slides > section > section:not([data-transition]).past {
764 -webkit-transform: translate(0, -150%);745 -webkit-transform: scale(16);
765 transform: translate(0, -150%); }746 transform: scale(16); }
766747
767.reveal .slides > section > section[data-transition=zoom].future,748.reveal .slides > section > section[data-transition=zoom].future,
768.reveal .slides > section > section[data-transition~=zoom-in].future,749.reveal .slides > section > section[data-transition~=zoom-in].future,
769.reveal.zoom .slides > section > section:not([data-transition]).future {750.reveal.zoom .slides > section > section:not([data-transition]).future {
770 -webkit-transform: translate(0, 150%);751 -webkit-transform: scale(0.2);
771 transform: translate(0, 150%); }752 transform: scale(0.2); }
772753
773/*********************************************754/*********************************************
774 * CUBE TRANSITION755 * CUBE TRANSITION
@@ -989,34 +970,35 @@
989.no-transforms {970.no-transforms {
990 overflow-y: auto; }971 overflow-y: auto; }
991972
973.no-transforms .reveal {
974 overflow: visible; }
975
992.no-transforms .reveal .slides {976.no-transforms .reveal .slides {
993 position: relative;977 position: relative;
994 width: 80%;978 width: 80%;
995 height: auto !important;979 max-width: 1280px;
980 height: auto;
996 top: 0;981 top: 0;
997 left: 50%;982 margin: 0 auto;
998 margin: 0;
999 text-align: center; }983 text-align: center; }
1000984
1001.no-transforms .reveal .controls,985.no-transforms .reveal .controls,
1002.no-transforms .reveal .progress {986.no-transforms .reveal .progress {
1003 display: none !important; }987 display: none; }
1004988
1005.no-transforms .reveal .slides section {989.no-transforms .reveal .slides section {
1006 display: block !important;990 display: block;
1007 opacity: 1 !important;991 opacity: 1;
1008 position: relative !important;992 position: relative;
1009 height: auto;993 height: auto;
1010 min-height: 0;994 min-height: 0;
1011 top: 0;995 top: 0;
1012 left: -50%;996 left: 0;
997 margin: 10vh 0;
1013 margin: 70px 0;998 margin: 70px 0;
1014 -webkit-transform: none;999 -webkit-transform: none;
1015 transform: none; }1000 transform: none; }
10161001
1017.no-transforms .reveal .slides section section {
1018 left: 0; }
1019
1020.reveal .no-transition,1002.reveal .no-transition,
1021.reveal .no-transition * {1003.reveal .no-transition * {
1022 transition: none !important; }1004 transition: none !important; }
@@ -1041,7 +1023,7 @@
1041 opacity: 0;1023 opacity: 0;
1042 visibility: hidden;1024 visibility: hidden;
1043 overflow: hidden;1025 overflow: hidden;
1044 background-color: transparent;1026 background-color: rgba(0, 0, 0, 0);
1045 transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }1027 transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
10461028
1047.reveal .slide-background-content {1029.reveal .slide-background-content {
@@ -1294,9 +1276,9 @@
1294 transition-duration: 1200ms; }1276 transition-duration: 1200ms; }
12951277
1296/*********************************************1278/*********************************************
1297 * LINK PREVIEW OVERLAY1279 * OVERLAY FOR LINK PREVIEWS AND HELP
1298 *********************************************/1280 *********************************************/
1299.reveal .overlay {1281.reveal > .overlay {
1300 position: absolute;1282 position: absolute;
1301 top: 0;1283 top: 0;
1302 left: 0;1284 left: 0;
@@ -1308,11 +1290,11 @@
1308 visibility: hidden;1290 visibility: hidden;
1309 transition: all 0.3s ease; }1291 transition: all 0.3s ease; }
13101292
1311.reveal .overlay.visible {1293.reveal > .overlay.visible {
1312 opacity: 1;1294 opacity: 1;
1313 visibility: visible; }1295 visibility: visible; }
13141296
1315.reveal .overlay .spinner {1297.reveal > .overlay .spinner {
1316 position: absolute;1298 position: absolute;
1317 display: block;1299 display: block;
1318 top: 50%;1300 top: 50%;
@@ -1326,7 +1308,7 @@
1326 opacity: 0.6;1308 opacity: 0.6;
1327 transition: all 0.3s ease; }1309 transition: all 0.3s ease; }
13281310
1329.reveal .overlay header {1311.reveal > .overlay header {
1330 position: absolute;1312 position: absolute;
1331 left: 0;1313 left: 0;
1332 top: 0;1314 top: 0;
@@ -1335,7 +1317,7 @@
1335 z-index: 2;1317 z-index: 2;
1336 border-bottom: 1px solid #222; }1318 border-bottom: 1px solid #222; }
13371319
1338.reveal .overlay header a {1320.reveal > .overlay header a {
1339 display: inline-block;1321 display: inline-block;
1340 width: 40px;1322 width: 40px;
1341 height: 40px;1323 height: 40px;
@@ -1345,10 +1327,10 @@
1345 opacity: 0.6;1327 opacity: 0.6;
1346 box-sizing: border-box; }1328 box-sizing: border-box; }
13471329
1348.reveal .overlay header a:hover {1330.reveal > .overlay header a:hover {
1349 opacity: 1; }1331 opacity: 1; }
13501332
1351.reveal .overlay header a .icon {1333.reveal > .overlay header a .icon {
1352 display: inline-block;1334 display: inline-block;
1353 width: 20px;1335 width: 20px;
1354 height: 20px;1336 height: 20px;
@@ -1356,13 +1338,13 @@
1356 background-size: 100%;1338 background-size: 100%;
1357 background-repeat: no-repeat; }1339 background-repeat: no-repeat; }
13581340
1359.reveal .overlay header a.close .icon {1341.reveal > .overlay header a.close .icon {
1360 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }1342 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
13611343
1362.reveal .overlay header a.external .icon {1344.reveal > .overlay header a.external .icon {
1363 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }1345 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
13641346
1365.reveal .overlay .viewport {1347.reveal > .overlay .viewport {
1366 position: absolute;1348 position: absolute;
1367 display: -webkit-box;1349 display: -webkit-box;
1368 display: -ms-flexbox;1350 display: -ms-flexbox;
@@ -1372,7 +1354,7 @@
1372 bottom: 0;1354 bottom: 0;
1373 left: 0; }1355 left: 0; }
13741356
1375.reveal .overlay.overlay-preview .viewport iframe {1357.reveal > .overlay.overlay-preview .viewport iframe {
1376 width: 100%;1358 width: 100%;
1377 height: 100%;1359 height: 100%;
1378 max-width: 100%;1360 max-width: 100%;
@@ -1382,11 +1364,11 @@
1382 visibility: hidden;1364 visibility: hidden;
1383 transition: all 0.3s ease; }1365 transition: all 0.3s ease; }
13841366
1385.reveal .overlay.overlay-preview.loaded .viewport iframe {1367.reveal > .overlay.overlay-preview.loaded .viewport iframe {
1386 opacity: 1;1368 opacity: 1;
1387 visibility: visible; }1369 visibility: visible; }
13881370
1389.reveal .overlay.overlay-preview.loaded .viewport-inner {1371.reveal > .overlay.overlay-preview.loaded .viewport-inner {
1390 position: absolute;1372 position: absolute;
1391 z-index: -1;1373 z-index: -1;
1392 left: 0;1374 left: 0;
@@ -1395,46 +1377,46 @@
1395 text-align: center;1377 text-align: center;
1396 letter-spacing: normal; }1378 letter-spacing: normal; }
13971379
1398.reveal .overlay.overlay-preview .x-frame-error {1380.reveal > .overlay.overlay-preview .x-frame-error {
1399 opacity: 0;1381 opacity: 0;
1400 transition: opacity 0.3s ease 0.3s; }1382 transition: opacity 0.3s ease 0.3s; }
14011383
1402.reveal .overlay.overlay-preview.loaded .x-frame-error {1384.reveal > .overlay.overlay-preview.loaded .x-frame-error {
1403 opacity: 1; }1385 opacity: 1; }
14041386
1405.reveal .overlay.overlay-preview.loaded .spinner {1387.reveal > .overlay.overlay-preview.loaded .spinner {
1406 opacity: 0;1388 opacity: 0;
1407 visibility: hidden;1389 visibility: hidden;
1408 -webkit-transform: scale(0.2);1390 -webkit-transform: scale(0.2);
1409 transform: scale(0.2); }1391 transform: scale(0.2); }
14101392
1411.reveal .overlay.overlay-help .viewport {1393.reveal > .overlay.overlay-help .viewport {
1412 overflow: auto;1394 overflow: auto;
1413 color: #fff; }1395 color: #fff; }
14141396
1415.reveal .overlay.overlay-help .viewport .viewport-inner {1397.reveal > .overlay.overlay-help .viewport .viewport-inner {
1416 width: 600px;1398 width: 600px;
1417 margin: auto;1399 margin: auto;
1418 padding: 20px 20px 80px 20px;1400 padding: 20px 20px 80px 20px;
1419 text-align: center;1401 text-align: center;
1420 letter-spacing: normal; }1402 letter-spacing: normal; }
14211403
1422.reveal .overlay.overlay-help .viewport .viewport-inner .title {1404.reveal > .overlay.overlay-help .viewport .viewport-inner .title {
1423 font-size: 20px; }1405 font-size: 20px; }
14241406
1425.reveal .overlay.overlay-help .viewport .viewport-inner table {1407.reveal > .overlay.overlay-help .viewport .viewport-inner table {
1426 border: 1px solid #fff;1408 border: 1px solid #fff;
1427 border-collapse: collapse;1409 border-collapse: collapse;
1428 font-size: 16px; }1410 font-size: 16px; }
14291411
1430.reveal .overlay.overlay-help .viewport .viewport-inner table th,1412.reveal > .overlay.overlay-help .viewport .viewport-inner table th,
1431.reveal .overlay.overlay-help .viewport .viewport-inner table td {1413.reveal > .overlay.overlay-help .viewport .viewport-inner table td {
1432 width: 200px;1414 width: 200px;
1433 padding: 14px;1415 padding: 14px;
1434 border: 1px solid #fff;1416 border: 1px solid #fff;
1435 vertical-align: middle; }1417 vertical-align: middle; }
14361418
1437.reveal .overlay.overlay-help .viewport .viewport-inner table th {1419.reveal > .overlay.overlay-help .viewport .viewport-inner table th {
1438 padding-top: 20px;1420 padding-top: 20px;
1439 padding-bottom: 20px; }1421 padding-bottom: 20px; }
14401422
@@ -1448,13 +1430,33 @@
1448 z-index: 30;1430 z-index: 30;
1449 cursor: pointer;1431 cursor: pointer;
1450 transition: all 400ms ease;1432 transition: all 400ms ease;
1451 -webkit-tap-highlight-color: transparent; }1433 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
14521434
1453.reveal.overview .playback {1435.reveal.overview .playback {
1454 opacity: 0;1436 opacity: 0;
1455 visibility: hidden; }1437 visibility: hidden; }
14561438
1457/*********************************************1439/*********************************************
1440 * CODE HIGHLGIHTING
1441 *********************************************/
1442.reveal .hljs table {
1443 margin: initial; }
1444
1445.reveal .hljs-ln-code,
1446.reveal .hljs-ln-numbers {
1447 padding: 0;
1448 border: 0; }
1449
1450.reveal .hljs-ln-numbers {
1451 opacity: 0.6;
1452 padding-right: 0.75em;
1453 text-align: right;
1454 vertical-align: top; }
1455
1456.reveal .hljs[data-line-numbers]:not([data-line-numbers=""]) tr:not(.highlight-line) {
1457 opacity: 0.4; }
1458
1459/*********************************************
1458 * ROLLING LINKS1460 * ROLLING LINKS
1459 *********************************************/1461 *********************************************/
1460.reveal .roll {1462.reveal .roll {
@@ -1512,7 +1514,7 @@
1512.reveal .speaker-notes {1514.reveal .speaker-notes {
1513 display: none;1515 display: none;
1514 position: absolute;1516 position: absolute;
1515 width: 25vw;1517 width: 33.3333333333%;
1516 height: 100%;1518 height: 100%;
1517 top: 0;1519 top: 0;
1518 left: 100%;1520 left: 100%;
@@ -1540,7 +1542,7 @@
1540 opacity: 0.5; }1542 opacity: 0.5; }
15411543
1542.reveal.show-notes {1544.reveal.show-notes {
1543 max-width: 75vw;1545 max-width: 75%;
1544 overflow: visible; }1546 overflow: visible; }
15451547
1546.reveal.show-notes .speaker-notes {1548.reveal.show-notes .speaker-notes {
@@ -1555,19 +1557,24 @@
1555 border-left: 0;1557 border-left: 0;
1556 max-width: none;1558 max-width: none;
1557 max-height: 70%;1559 max-height: 70%;
1560 max-height: 70vh;
1558 overflow: visible; }1561 overflow: visible; }
1559 .reveal.show-notes .speaker-notes {1562 .reveal.show-notes .speaker-notes {
1560 top: 100%;1563 top: 100%;
1561 left: 0;1564 left: 0;
1562 width: 100%;1565 width: 100%;
1563 height: 42.8571428571%; } }1566 height: 42.8571428571%;
1567 height: 30vh;
1568 border: 0; } }
15641569
1565@media screen and (max-width: 600px) {1570@media screen and (max-width: 600px) {
1566 .reveal.show-notes {1571 .reveal.show-notes {
1567 max-height: 60%; }1572 max-height: 60%;
1573 max-height: 60vh; }
1568 .reveal.show-notes .speaker-notes {1574 .reveal.show-notes .speaker-notes {
1569 top: 100%;1575 top: 100%;
1570 height: 66.6666666667%; }1576 height: 66.6666666667%;
1577 height: 40vh; }
1571 .reveal .speaker-notes {1578 .reveal .speaker-notes {
1572 font-size: 14px; } }1579 font-size: 14px; } }
15731580