Add an 'sws-' namespace to every class name used in CSS.

[hacks/simpleWebSlides.git] / simpleWebSlides.css

diff --git a/simpleWebSlides.css b/simpleWebSlides.css
index 1ebd3f7..8aad753 100644 (file)
--- a/simpleWebSlides.css
+++ b/simpleWebSlides.css
@@ -1,29 +1,63 @@
-@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-frame {
+        visibility: visible;
+    }
+
+    .sws-inactive-frame {
+        visibility: hidden;
+    }
+
+}
+
+@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;
+    }
+
+    .sws-active-frame .sws-inactive-frame {
+        visibility: visible;
+    }
+
+}
 
 body {
     overflow:hidden;
 }
 
-.canvas {
+.sws-canvas {
    top: 0pt;
    left:0pt;
    right:0pt;
    bottom:0pt;
 }
 
-
-.centerbox {
-    display:block;
-    text-align: center;
-    vertical-align: middle;
-}
-
-.slide {
+.sws-slide {
     position:absolute;
 }
 
-.slide .footer {
+.sws-slide .sws-footer {
     position: absolute;
     left: 0pt;
     right: 0pt;