From 2cc5ae946b40f98a7a1f1a883d995615f69681e2 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Tue, 11 Oct 2016 11:03:49 +0200
Subject: new, fixed, speaker notes layout

---
 css/reveal.css | 47 ++++++++++++++++++++++++++++++-----------------
 1 file changed, 30 insertions(+), 17 deletions(-)

(limited to 'css/reveal.css')

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
-- 
cgit v1.2.3