.

[hacks/simpleWebSlides.git] / simpleWebSlides.css

diff --git a/simpleWebSlides.css b/simpleWebSlides.css
index 7b6a76b..98bc160 100644 (file)
--- a/simpleWebSlides.css
+++ b/simpleWebSlides.css
@@ -3,20 +3,16 @@
 body {
     margin: 0 0 0 0;
     padding: 0 0 0 0;
-    overflow:hidden;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
 
-.sws-active-slide {
-    display: block;
-}
 .sws-active-object {
     visibility: visible;
 }
 .sws-inactive-object {
-        visibility: hidden;
+    opacity: 0;
 }
 
 
@@ -84,6 +80,9 @@ body > h1, body > h2, body > h3 {
 /****************************************/
 
 
+:root.sws-display body {
+    overflow:hidden;
+}
 
 :root.sws-display .sws-canvas {
     width:133.3vh;
@@ -138,7 +137,6 @@ body > h1, body > h2, body > h3 {
 :root.sws-print body {
     width: 297mm;
     height: 210mm;
-    overflow:hidden;
     padding: 0pt 0pt 0pt 0pt;
     margin: 0pt 0pt 0pt 0pt;
 
@@ -166,6 +164,19 @@ body > h1, body > h2, body > h3 {
 
 p { width: 100%; }
 
+/* counters for the toc */
+
+.sws-toc ul {
+    counter-reset: list-item;
+}
+
+.sws-toc li {
+    counter-increment: list-item;
+
+}
+.sws-toc li::marker {
+    content : counters(list-item, '.');
+}
 
 
 /*             Control Panel             */
@@ -276,4 +287,24 @@ p { width: 100%; }
     overflow: auto;
     border: 1px;
     padding: 1px 1px 1px 1px;
+}
+
+#sws-help-panel-canvas {
+    color:white;
+    background:black;
+    z-index: 101;
+    position:fixed;
+    width:30%;
+    left:35%;
+    top:25%;
+    opacity: 0.9;
+    border-radius: 1vh;
+    display:none;
+}
+#sws-help-panel-canvas * {
+    color: white;
+    font-family: sans;
+}
+#sws-help-panel-canvas h1 {
+    font-size: large;
 }
\ No newline at end of file