WIP

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

diff --git a/themes/uPsud.css b/themes/uPsud.css
index 26ac43f..d38c8e6 100644 (file)
--- a/themes/uPsud.css
+++ b/themes/uPsud.css
@@ -1,6 +1,17 @@
 @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 */
 .sws-header {
     display: none;
@@ -8,44 +19,48 @@
 
 /* Title of the slide */
 .sws-title {
-    padding: 2vh 0 2vh 0;
-    height: 5vh;
+    padding: 2vmin 0 2vmin 0;
+    height: 10vmin;
+    background:red;
 }
 
 h1 {
     color: #00486c;
-    font-size: 5vh;
+    font-size: larger;
     text-align:center;
 }
 
 .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: 5vh;
-    text-align: right;
+    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: "/";
@@ -68,11 +83,28 @@ h1 {
 
 body {
     font-family: 'DIN',sans-serif;
-    font-size: 3.5vh;
     background-color: white;
     color: #696968;
 }
 
+:root.sws-display body {
+    font-size: 3.5vh;
+}
+
+:root.sws-print body {
+    font-size: 21pt;
+}
+
+.sws-footer {
+    text-align: right;
+    height: 5%;
+}
+
+
+@media print {
+    body { font-size: 21pt; }
+}
+
 p {
     display:block;
     width:92%;
@@ -96,7 +128,7 @@ ul  {
     list-style-type: square;
 }
 
-ul,il {
+ul, ol {
     list-style-position: inside;
     width: 92%;
     padding: 0 4% 0 4%;
@@ -244,25 +276,54 @@ table.simple tr {
 }
 
 div.twocol {
-    width:100%;
-    position:relative;
+    width:99%;
+    position:absolute;
+    top:5em;
 }
+
 div.twocol > div:first-child {
-    display:inline-block;width:50%;
-    position:relative;
+    display:inline-block;width:47%;
+    position:absolute;
     box-sizing:border-box;
-    padding: 0 1em 0 2em;
+    padding: 0 1em;
     border-style:dashed;
     border-width: 0 1pt 0 0;
     border-color:gray;
-    float:left;
+    left: 0pt;
+    top:0pt;
 }
 
 div.twocol > div:last-child {
     display:inline-block;
-    width:50%;
-    position:relative;
+    width:47%;
+    position:absolute;
     box-sizing:border-box;
-    padding: 0 2em 0 1em;
+    padding: 0 0em 0 5em;
     vertical-align:text-top;
+    right: 0pt;
+    top:0pt;
+}
+table.withborder {
+    border-collapse: collapse;
+}
+table.withborder td {
+    border-style: solid;
+    border-width: 1pt;
+    min-width:20pt;
+    height: 20pt;
+}
+
+mark {
+    color: #ff6612;
+    background: none;
+}
+u {
+    color: #00486c;
+    background: none;
+    text-decoration: none;
+}
+
+kbd {
+    color: #393938;
+    font-family:inherit;
 }
\ No newline at end of file