Implement a simple control panel.

[hacks/simpleWebSlides.git] / simpleWebSlides.css

diff --git a/simpleWebSlides.css b/simpleWebSlides.css
index 323b8d0..66c7e62 100644 (file)
--- a/simpleWebSlides.css
+++ b/simpleWebSlides.css
@@ -1,37 +1,76 @@
-@import url(simpleWebSlides_screen.css) screen;
-@import url(simpleWebSlides_print.css) print;
+@media screen {
+    .sws-canvas {
+        position: absolute;
+        width:100%;
+        height:100%;
+        overflow:hidden;
+    }
+
+    .sws-active-slide {
+        display: block;
+    }
+
+    .sws-inactive-slide {
+        display: none;
+    }
+
+    .sws-active-object {
+        visibility: visible;
+    }
+
+    .sws-inactive-object {
+        visibility: hidden;
+    }
 
-.cover {
-    text-align: center;
-    vertical-align: middle;
-}
-.cover .title {
-    display:inline-block;
-    vertical-align:middle;
 }
-.cover:before {
-    content: "";
-    display: inline-block;
-    height:100%;
-    width:0pt;
-    vertical-align:middle;
+
+@media print {
+
+    body {
+        margin: 0pt 0pt 0pt 0pt;
+        padding: 0pt 0pt 0pt 0pt;
+        border-width: 0pt;
+    }
+
+    .sws-canvas {
+        overflow:hidden;
+        position:relative;
+        border-width: 0cm;
+        border-style: none;
+        margin:0pt 0pt 0pt 0pt;
+        page-break-after:always;
+        width: 297mm;
+        height: 209.8mm; /* not 210 due to rounding errors */
+        padding:0pt;
+        left:0pt;
+        top:0pt;
+    }
+    .sws-active-slide, .sws-inactive-slide {
+        display: block;
+    }
+    .sws-active-object, .sws-inactive-object {
+        visibility: visible;
+
+    }
+
 }
 
-.slide {
-    top: 0pt;
-    left:0pt;
-    right:0pt;
-    bottom:0pt;
+body {
+    overflow:hidden;
 }
 
-.slide h1 {
-    text-align: center;
+.sws-canvas {
+   top: 0pt;
+   left:0pt;
+   right:0pt;
+   bottom:0pt;
 }
-.slide li {
-    padding: 0.25em;
+
+.sws-slide {
+    position:absolute;
 }
 
-.slide .footer {
+.sws-slide .sws-footer {
     position: absolute;
     left: 0pt;
     right: 0pt;
@@ -41,3 +80,43 @@
 body > h1, body > h2, body > h3 {
     display: none;
 }
+
+#sws-control-panel {
+/*    visibility: hidden;*/
+    display:none;
+    position: absolute;
+    bottom: 60pt;
+    left: 60pt;
+    text-align: center;
+    font-size:30pt;
+    border-radius: 5pt;
+    background-color: #ffffff;
+    opacity: 0.8;
+    color: black;
+    z-index: 100;
+    vertical-align:middle;
+    height: 60pt;
+/*    width:100%;*/
+}
+#sws-control-panel:before  {
+    content : "";
+    display: inline-block;
+    height: 100%;
+    width: 0pt;
+    vertical-align: middle;
+}
+#sws-control-panel a {
+    text-decoration: none;
+    display:inline-block;
+    padding:0pt 10pt 0pt 10pt;
+    vertical-align: middle;
+}
+#sws-control-panel a:hover {
+    cursor: pointer;
+}
+
+@media print {
+    sws-control-panel {
+        display: none;
+    };
+}
\ No newline at end of file