Update.

[hacks/simpleWebSlides.git] / simpleWebSlides.css

diff --git a/simpleWebSlides.css b/simpleWebSlides.css
index 7bacd83..51ae087 100644 (file)
--- a/simpleWebSlides.css
+++ b/simpleWebSlides.css
@@ -1,4 +1,3 @@
-
 /*         Common           */
 body {
     margin: 0 0 0 0;
@@ -15,7 +14,6 @@ body {
     opacity: 0;
 }
 
-
 .sws-canvas {
     display: -webkit-flex;
     display: flex;
@@ -24,11 +22,10 @@ body {
     /* We make the box sizing border-box so that the user can freely add
        padding and borders to canvas without changing the overall
        layout */
-    -webkit-box-sizing: border-box;
     box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }
-
 .sws-cover {
     justify-content: center;
     -webkit-justify-content: center;
@@ -90,6 +87,7 @@ body > h1, body > h2, body > h3 {
 :root.sws-display .sws-canvas {
     width:133.3vh;
     height:100vh;
+    overflow:hidden;
 }
 
 
@@ -131,35 +129,38 @@ body > h1, body > h2, body > h3 {
 /*                 Print Mode                 */
 /* ****************************************** */
 
-@page { margin: 0pt 0pt 0pt 0pt; }
 
 :root.sws-print body {
     background: white;
-}
-
-:root.sws-print body {
     width: 297mm;
-    height: 210mm;
     padding: 0pt 0pt 0pt 0pt;
     margin: 0pt 0pt 0pt 0pt;
 
+}
+@media print {
+
+    @page {
+       size: 297mm 210mm;
+       margin: 0pt;
+       padding: 0pt;
+
 }
 
 :root.sws-print .sws-canvas {
     position: relative;
     width: 297mm;
-    height: 210mm;
-    clear:both;
-    float:left;
+    height: 209mm;
+    /* not 210mm to avoid rounding errors */
     page-break-after: always;
     padding: 0pt 0pt 0pt 0pt;
     margin: 0pt 0pt 0pt 0pt;
     overflow: hidden;
 }
 
-:root.sws-print .sws-canvas:last{
+:root.sws-print .sws-canvas:last {
     page-break-after: avoid;
 }
+}
 :root.sws-print .sws-inactive-slide {
     opacity: 1;
 }
@@ -310,4 +311,12 @@ p { width: 100%; }
 }
 #sws-help-panel-canvas h1 {
     font-size: large;
+}
+
+/* embedded SVG images are inlined and their height matches twice the size of a small letter x */
+object[type="image/svg+xml"] {
+    display:inline-block;
+    font-size:inherit;
+    height: 2.5ex;
+    vertical-align:middle;
 }
\ No newline at end of file