diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2015-09-09 14:09:37 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2015-09-09 14:09:37 +0200 |
| commit | 2ad4065500875f1878ab35c039054e8609b9aaa6 (patch) | |
| tree | d90c96815ba0626276b7f03a5f63e060d12a03dc /css | |
| parent | 5e3bbdeecff0d74d56c2c05f491e1dacfa539059 (diff) | |
| download | fosdem-2018-presentation-2ad4065500875f1878ab35c039054e8609b9aaa6.tar fosdem-2018-presentation-2ad4065500875f1878ab35c039054e8609b9aaa6.tar.gz | |
ability to share presentation with speaker notes #304
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.css | 28 | ||||
| -rw-r--r-- | css/reveal.scss | 34 |
2 files changed, 62 insertions, 0 deletions
diff --git a/css/reveal.css b/css/reveal.css index f8505c4..1aaa9b6 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1162,6 +1162,34 @@ body { .reveal aside.notes { display: none; } +.reveal .speaker-notes { + display: none; + position: absolute; + width: 70%; + max-height: 15%; + left: 15%; + bottom: 5%; + padding: 10px; + z-index: 1; + font-size: 18px; + line-height: 1.4; + border: 2px solid #fff; + color: #fff; + background-color: rgba(0, 0, 0, 0.5); + overflow: auto; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.reveal .speaker-notes.visible:not(:empty) { + display: block; } + +@media screen and (max-width: 800px) { + .reveal .speaker-notes { + width: 90%; + left: 5%; + bottom: 5%; + font-size: 14px; } } + /********************************************* * ZOOM PLUGIN *********************************************/ diff --git a/css/reveal.scss b/css/reveal.scss index 32187fd..9bd570e 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -1291,10 +1291,44 @@ body { * SPEAKER NOTES *********************************************/ +// Hide on-page notes .reveal aside.notes { display: none; } +// An interface element that can optionally be used to show the +// speaker notes to all viewers, on top of the presentation +.reveal .speaker-notes { + display: none; + position: absolute; + width: 70%; + max-height: 15%; + left: 15%; + bottom: 5%; + padding: 10px; + z-index: 1; + font-size: 18px; + line-height: 1.4; + border: 2px solid #fff; + color: #fff; + background-color: rgba(0,0,0,0.5); + overflow: auto; + box-sizing: border-box; +} + +.reveal .speaker-notes.visible:not(:empty) { + display: block; +} + +@media screen and (max-width: 800px) { + .reveal .speaker-notes { + width: 90%; + left: 5%; + bottom: 5%; + font-size: 14px; + } +} + /********************************************* * ZOOM PLUGIN |