Make the print preview only fire when the presentation is finished rendering.
[hacks/simpleWebSlides.git] / themes / uPsud.css
index df89ad5..ea22813 100644 (file)
     display: none;
 }
 
-/* Title of the slide */
-.sws-title {
-    padding: 2vmin 0 2vmin 0;
-    height: 10%;
-    z-index:2;
-    vertical-align: middle;
-}
 
 h1 {
     color: #00486c;
     font-size: larger;
     text-align: center;
 }
-.sws-title h1 {
-    display:inline-block;
+
+.sws-title > h1 {
     margin:0;
+    padding:0;
 }
 
+.sws-cover { display:flex;
+            flex-direction:column;
+            justify-content: center;
+          }
+
+
 .sws-toc { position: absolute;
           left: 0;
           bottom: 0;
           right: 0;
           top:0;
         }
-.sws-toc > ul {
-    display:inline-block;
-}
 
-.sws-toc::before {
-    display:inline-block;
-    content: "";
-    height:100%;
-    width: 0px;
-    vertical-align:middle;
+.sws-toc > .sws-content {
+    position:absolute;
+    top: 20%;
+    width:100%;
 }
 
+
 .sws-canvas {
     color: #696968;
     background: #fff;
@@ -62,18 +58,28 @@ h1 {
     z-index:0;
 }
 
+
 .sws-inner-canvas {
-    height: 85%;
+    height: 88%;
     z-index: 2;
     position: relative; /* to make z-index work */
+    margin:0;
+}
+
+/* Title of the slide */
+.sws-title {
+    height: 7%;
+    z-index: 2;
+
 }
 
 .sws-footer {
+    margin:0;
     height: 5%;
     text-align:right;
     padding-right:1ex;
     vertical-align: middle;
-    z-index: 2;
+    z-index: 1;
 }
 
 .sws-footer::before {
@@ -87,10 +93,9 @@ h1 {
     background-size: contain;
     background-image: url("logo_psud_psay.png");
     background-repeat: no-repeat;
-    z-index: 1;
+    z-index: -1 ;
 }
 
-
 .sws-slide-num-sep:after {
     content: "/";
 }
@@ -117,10 +122,7 @@ body {
     color: #696968;
 }
 
-:root.sws-display .sws-canvas {
-    font-size: 2.2vw;
-}
-
+/*
 :root.sws-print body {
     font-size: 21pt;
 }
@@ -130,6 +132,7 @@ body {
 @media print {
     body { font-size: 21pt; }
 }
+*/
 
 p {
     display:block;