Use the new flex-box et border-sizing.

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

diff --git a/themes/uPsud.css b/themes/uPsud.css
index 99da253..0273a7e 100644 (file)
--- a/themes/uPsud.css
+++ b/themes/uPsud.css
@@ -1,76 +1,31 @@
 @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);
 
-/* Slide layout
-   .sws-{header,inner-canvas,footer} are in
-   a .sws-canvas which fills the whole viewport vertically
-   and is horizontally centered.
-   The .sws-canvas has an aspect ratio of 4/3 or 16/9
-*/
-
-body {
-    padding: 0 0 0 0;
-    margin: 0 0 0 0;
-    overflow: hidden;
-}
-
 /* No header in this theme */
 .sws-header {
     display: none;
 }
 
 /* Title of the slide */
+.sws-title {
+    padding: 2vh 0 2vh 0;
+    height: 5vh;
+}
+
 h1 {
     color: #00486c;
     font-size: 5vh;
     text-align:center;
 }
-/* The inner canvas and content */
-.sws-inner-canvas {
-    top: 0vh;
-    height: 80vh;
-}
-
-.sws-content {
-    padding: 3vh 0;
-    left: 0;
-    right:0;
-}
 
 .sws-canvas {
-    border-style:solid;
-    border-width:1pt;
-    border-color: #696968;
     color: #696968;
     background: white;
-    display:block;
-}
-
-:root.sws-display body {
-    background: black;
-}
-
-:root.sws-print .sws-canvas {
-    margin-top:1cm;
-    padding: 0 0;
-    margin-bottom:1cm;
-    margin-left:1cm;
-    margin-right:1cm;
-    height: 18.6cm;
-    width:27.7cm;
-    overflow:visible;
-}
-
-
-:root.sws-display .sws-canvas {
-    margin-top:0;
-    margin-bottom:0;
-    height: 99vh;
+    padding: 0 0 0 0;
+    margin: 0 0 0 0;
 }
 
 .sws-footer {
-    top: 88vh;
-    right: 5vh;
     height: 5vh;
     text-align: right;
 }
@@ -113,6 +68,7 @@ body {
     background-color: white;
     color: #696968;
 }
+
 p {
     display:block;
     width:92%;