WIP

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

diff --git a/themes/uPsud.css b/themes/uPsud.css
index 4c88708..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,28 +32,35 @@ h1 {
 
 .sws-canvas {
     color: #696968;
-    background: white;
-    padding: 0 0 0 0;
-    margin: 0 0 0 0;
-    /* allows the canvas to cover the logo needed */
+    background: #fff;
+    padding:0;
+    margin: 0;
     z-index:2;
 }
+.sws-inner-canvas {     /* allows the canvas to cover the logo if needed */
+    z-index:2;
+    height: 80vmin;
+    background:blue;
+}
 
+.sws-footer {
+    height: 10vmin;
+    background:pink;
+}
 
-.sws-canvas:after {
+.sws-footer::before {
     position:absolute;
-    bottom: 1vh;
-    left:1vh;
+    bottom: 1vmin;
+    left:1vmin;
     display:block;
-    width:10vh;
-    height:10vh;
-    color:red;
+    height:10vmin;
     content:"";
-    background-size: 10vh;
-    background-image: url("upsud.png");
+    background-size: 100%;
+    background-image: url("logo_psud_psay.png");
     background-repeat: no-repeat;
-    z-index: -1;
 }
+:root.sws-display .sws-footer::before { z-index: -1; }
+/*:root.sws-print .sws-footer::before { z-index: 1; }*/
 
 .sws-slide-num-sep:after {
     content: "/";
@@ -111,7 +128,7 @@ ul  {
     list-style-type: square;
 }
 
-ul,il {
+ul, ol {
     list-style-position: inside;
     width: 92%;
     padding: 0 4% 0 4%;