diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2016-10-11 11:03:49 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-16 09:45:37 +0200 |
| commit | 2cc5ae946b40f98a7a1f1a883d995615f69681e2 (patch) | |
| tree | 30a2a4abe26e893162acf6363e943d4cab1f394f /css/reveal.css | |
| parent | 44a355b6e969d6a1cfbf23cb44079104d4dc6945 (diff) | |
| download | perl-software-in-gnu-guix-2cc5ae946b40f98a7a1f1a883d995615f69681e2.tar perl-software-in-gnu-guix-2cc5ae946b40f98a7a1f1a883d995615f69681e2.tar.gz | |
new, fixed, speaker notes layout
Diffstat (limited to 'css/reveal.css')
| -rw-r--r-- | css/reveal.css | 47 |
1 files changed, 30 insertions, 17 deletions
diff --git a/css/reveal.css b/css/reveal.css index 8ec6bbd..0c52205 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -269,11 +269,11 @@ body { left: 50%; -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); } - .reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-left.enabled, - .reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-up.enabled { + .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled, + .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled { opacity: 0.3; } - .reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-left.enabled:hover, - .reveal .controls[data-controls-back-arrows="deemphasized"] .navigate-up.enabled:hover { + .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover, + .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover { opacity: 1; } .reveal .controls[data-controls-back-arrows="hidden"] .navigate-left.enabled, .reveal .controls[data-controls-back-arrows="hidden"] .navigate-up.enabled { @@ -1433,36 +1433,49 @@ body { .reveal aside.notes { display: none; } +.reveal.show-notes { + max-width: 80vw; + overflow: visible; } + .reveal .speaker-notes { - display: none; + display: block; position: absolute; - width: 70%; - max-height: 15%; - left: 15%; - bottom: 26px; - padding: 10px; + width: 20vw; + height: 100%; + top: 0; + left: 100%; + padding: 14px; z-index: 1; font-size: 18px; line-height: 1.4; - color: #fff; - background-color: rgba(0, 0, 0, 0.5); + color: #222; + background-color: #f5f5f5; overflow: auto; box-sizing: border-box; text-align: left; font-family: Helvetica, sans-serif; -webkit-overflow-scrolling: touch; } -.reveal .speaker-notes.visible:not(:empty) { - display: block; } +.reveal .speaker-notes:before { + content: 'Speaker notes'; + display: block; + margin-bottom: 10px; + opacity: 0.5; } @media screen and (max-width: 1024px) { + .reveal.show-notes { + max-width: none; + max-height: 70vh; + overflow: visible; } .reveal .speaker-notes { - font-size: 14px; } } + top: 70vh; + left: 0; + width: 100%; + height: 30vh; } } @media screen and (max-width: 600px) { .reveal .speaker-notes { - width: 90%; - left: 5%; } } + font-size: 14px; } } /********************************************* * ZOOM PLUGIN |