diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2015-09-10 11:09:03 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2015-09-10 11:09:03 +0200 |
commit | bd6a592b8b0f5bf8e128a2da4c1c3be964d2df73 (patch) | |
tree | aa6cd1c3b8e743d927f0073fe4deae3d70f30e94 /css | |
parent | ca4098145ee57c3f865703c43c4b8b9d64a76b2d (diff) | |
download | fosdem-2018-presentation-bd6a592b8b0f5bf8e128a2da4c1c3be964d2df73.tar fosdem-2018-presentation-bd6a592b8b0f5bf8e128a2da4c1c3be964d2df73.tar.gz |
notes style changes
Diffstat (limited to 'css')
-rw-r--r-- | css/reveal.css | 15 | ||||
-rw-r--r-- | css/reveal.scss | 15 |
2 files changed, 17 insertions, 13 deletions
diff --git a/css/reveal.css b/css/reveal.css index 2b0486e..df406a8 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1094,7 +1094,7 @@ body { .reveal .playback { position: fixed; left: 15px; - bottom: 15px; + bottom: 20px; z-index: 30; cursor: pointer; -webkit-transition: all 400ms ease; @@ -1168,12 +1168,11 @@ body { width: 70%; max-height: 15%; left: 15%; - bottom: 5%; + bottom: 26px; 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; @@ -1185,13 +1184,15 @@ body { .reveal .speaker-notes.visible:not(:empty) { display: block; } -@media screen and (max-width: 800px) { +@media screen and (max-width: 1024px) { .reveal .speaker-notes { - width: 90%; - left: 5%; - bottom: 5%; font-size: 14px; } } +@media screen and (max-width: 600px) { + .reveal .speaker-notes { + width: 90%; + left: 5%; } } + /********************************************* * ZOOM PLUGIN *********************************************/ diff --git a/css/reveal.scss b/css/reveal.scss index f9e2fac..bcc69f8 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -1229,7 +1229,7 @@ body { .reveal .playback { position: fixed; left: 15px; - bottom: 15px; + bottom: 20px; z-index: 30; cursor: pointer; transition: all 400ms ease; @@ -1304,12 +1304,11 @@ body { width: 70%; max-height: 15%; left: 15%; - bottom: 5%; + bottom: 26px; 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; @@ -1322,12 +1321,16 @@ body { display: block; } -@media screen and (max-width: 800px) { +@media screen and (max-width: 1024px) { + .reveal .speaker-notes { + font-size: 14px; + } +} + +@media screen and (max-width: 600px) { .reveal .speaker-notes { width: 90%; left: 5%; - bottom: 5%; - font-size: 14px; } } |