WIP

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

diff --git a/themes/uPsud.css b/themes/uPsud.css
index a8ba435..d38c8e6 100644 (file)
--- a/themes/uPsud.css
+++ b/themes/uPsud.css
@@ -1,6 +1,15 @@
 @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);
 
+/**** structure of the slide in this theme:
+      no-header
+      title : 10%
+      text : 80% == 20 lines of text.
+      footer :10%
+
+
+
+*/
 
 
 /* No header in this theme */
@@ -10,8 +19,9 @@
 
 /* Title of the slide */
 .sws-title {
-    padding: 2vh 0 2vh 0;
-    height: 5vh;
+    padding: 2vmin 0 2vmin 0;
+    height: 10vmin;
+    background:red;
 }
 
 h1 {
@@ -22,22 +32,28 @@ h1 {
 
 .sws-canvas {
     color: #696968;
-    background: white;
-    padding: 0 0 0 0;
-    margin: 0 0 0 0;
+    background: #fff;
+    padding:0;
+    margin: 0;
     z-index:2;
 }
 .sws-inner-canvas {     /* allows the canvas to cover the logo if needed */
-    z-index:2 }
+    z-index:2;
+    height: 80vmin;
+    background:blue;
+}
 
+.sws-footer {
+    height: 10vmin;
+    background:pink;
+}
 
 .sws-footer::before {
     position:absolute;
-    bottom: 1vh;
-    left:1vh;
+    bottom: 1vmin;
+    left:1vmin;
     display:block;
-    width:10vh;
-    height:13vh;
+    height:10vmin;
     content:"";
     background-size: 100%;
     background-image: url("logo_psud_psay.png");