WIP.
[hacks/simpleWebSlides.git] / themes / default.css
index bb509da..fcf1c4f 100644 (file)
@@ -1,54 +1,49 @@
-@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic&subset=latin,greek-ext,greek,latin-ext);
-
+/* Default document properties */
 body {
-    font-family: 'Ubuntu', sans-serif;
+    font-family: sans-serif;
     font-size: 18pt;
 }
 
-@media screen {
-    body {
-        background: black;
-        color: white;
-    }
-}
-@media print {
-    body {
-        background: white;
-        color: black;
-    }
-}
-
-
-a, a:visited, em {
-    color:orange;
+/* 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
+*/
+.slide {
+    margin: 10pt;
+    border-width:1mm;
+    border-radius:5mm;
+    border-color:black;
+    border-style:solid;
+    left:0pt;
+    right:0pt;
+    top:0pt;
+    bottom:0pt;
+    padding:5mm;
 }
 
+/* slide title */
+.slide h1 {
+    font-size: xxx-large;
+    font-weight: bolder;
 
-ul {
-    list-style-type: square;
 }
 
 span.slide_num_sep:after {
     content : "/";
 }
 .footer {
-    text-align: right;
+    text-align: center;
 }
-
 .alert {
-    color: green;
+    color: red;
 }
 
+/* Simple transition in presentation mode */
 @media screen {
-/* Slide transitions, only for screen */
-.other_slides {
-    opacity: 0.0;
-    transition: opacity 0.25s ease-in;
-}
-
-.current_slide {
-    opacity: 1.0;
-    transition: opacity 0.25s ease-out 0.25s;
-}
-
+    .other_slides {
+        visibility: hidden;
+    }
+    .current_slide {
+        visibility: visible;
+    }
 }
\ No newline at end of file