Always use a 4/3 display. Vertically center the content of slides.

[hacks/simpleWebSlides.git] / themes / webTwoPointO.css

diff --git a/themes/webTwoPointO.css b/themes/webTwoPointO.css
index 0403851..f110830 100644 (file)
--- a/themes/webTwoPointO.css
+++ b/themes/webTwoPointO.css
@@ -1,42 +1,25 @@
 @import url(https://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
 @import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext);
+
 /* Default document properties */
 body {
     font-family: 'Armata',sans-serif;
-    font-size: 18pt;
 }
 code, pre, tt {
     font-family: 'Inconsolata', monospace;
 }
 
-/* The slide should be positioned w.r.t. to the canvas.
-   The canvas takes up the whole window in screen mode and a
-   whole page in print mode
-*/
-
-.sws-slide {
-    margin: 0pt;
-    left:0pt;
-    right:0pt;
-    top:0pt;
-    bottom:0pt;
-    padding:5mm;
+.sws-inner-canvas {
+    top:0vh;
+    width:127vh;
+    height:93vh;
+    padding-left:3vh;
+    padding-right:3vh;
+    overflow:hidden;
 }
 
 .sws-cover {
     text-align:center;
-    vertical-align:middle;
-}
-.sws-cover .centerbox {
-    display:inline-block;
-    vertical-align: middle;
-}
-.sws-cover:before {
-    content: "";
-    display: inline-block;
-    width:10pt;
-    height:100%;
-    vertical-align:middle;
 }
 
 a { text-decoration: none; }
@@ -48,7 +31,7 @@ ul {
         background-color: black;
         color: white;
     }
-    .sws-slide h1 {
+    h1 {
         color: #f14a29;
 
     }
@@ -73,7 +56,7 @@ ul {
 }
 
 /* slide title */
-.sws-slide h1 {
+h1 {
     font-weight: bolder;
     text-align: center;
 }
@@ -83,7 +66,4 @@ span.sws-slide-num-sep:after {
 }
 .sws-footer {
     text-align: center;
-    position: absolute;
-    width: 100%;
-    bottom: 0pt;
 }