1
0
Fork 0
forked from campiaperti/infra

notes style changes

This commit is contained in:
Hakim El Hattab 2015-09-10 11:09:03 +02:00
parent ca4098145e
commit bd6a592b8b
2 changed files with 17 additions and 13 deletions

View file

@ -1094,7 +1094,7 @@ body {
.reveal .playback { .reveal .playback {
position: fixed; position: fixed;
left: 15px; left: 15px;
bottom: 15px; bottom: 20px;
z-index: 30; z-index: 30;
cursor: pointer; cursor: pointer;
-webkit-transition: all 400ms ease; -webkit-transition: all 400ms ease;
@ -1168,12 +1168,11 @@ body {
width: 70%; width: 70%;
max-height: 15%; max-height: 15%;
left: 15%; left: 15%;
bottom: 5%; bottom: 26px;
padding: 10px; padding: 10px;
z-index: 1; z-index: 1;
font-size: 18px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
border: 2px solid #fff;
color: #fff; color: #fff;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
overflow: auto; overflow: auto;
@ -1185,12 +1184,14 @@ body {
.reveal .speaker-notes.visible:not(:empty) { .reveal .speaker-notes.visible:not(:empty) {
display: block; } 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 { .reveal .speaker-notes {
width: 90%; width: 90%;
left: 5%; left: 5%; } }
bottom: 5%;
font-size: 14px; } }
/********************************************* /*********************************************
* ZOOM PLUGIN * ZOOM PLUGIN

View file

@ -1229,7 +1229,7 @@ body {
.reveal .playback { .reveal .playback {
position: fixed; position: fixed;
left: 15px; left: 15px;
bottom: 15px; bottom: 20px;
z-index: 30; z-index: 30;
cursor: pointer; cursor: pointer;
transition: all 400ms ease; transition: all 400ms ease;
@ -1304,12 +1304,11 @@ body {
width: 70%; width: 70%;
max-height: 15%; max-height: 15%;
left: 15%; left: 15%;
bottom: 5%; bottom: 26px;
padding: 10px; padding: 10px;
z-index: 1; z-index: 1;
font-size: 18px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
border: 2px solid #fff;
color: #fff; color: #fff;
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
overflow: auto; overflow: auto;
@ -1322,12 +1321,16 @@ body {
display: block; 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 { .reveal .speaker-notes {
width: 90%; width: 90%;
left: 5%; left: 5%;
bottom: 5%;
font-size: 14px;
} }
} }