.

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

diff --git a/themes/webTwoPointO.css b/themes/webTwoPointO.css
new file mode 100644 (file)
index 0000000..45beaef
--- /dev/null
+++ b/themes/webTwoPointO.css
@@ -0,0 +1,95 @@
+@import url(http://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
+
+/* Default document properties */
+body {
+    font-family: 'Armata',sans-serif;
+    font-size: 18pt;
+}
+
+/* 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: 0pt;
+    left:0pt;
+    right:0pt;
+    top:0pt;
+    bottom:0pt;
+    padding:5mm;
+}
+
+.cover {
+    text-align:center;
+    vertical-align:middle;
+}
+.cover .centerbox {
+    display:inline-block;
+    vertical-align: middle;
+}
+.cover:before {
+    content: "";
+    display: inline-block;
+    width:10pt;
+    height:100%;
+    vertical-align:middle;
+}
+
+a { text-decoration: none; }
+ul {
+    list-style-type: square;
+}
+@media screen {
+    body, .slide {
+        background-color: black;
+        color: white;
+    }
+    .slide h1 {
+        color: #f14a29;
+
+    }
+    a,em {
+        color: #0092bf;
+        text-decoration:none;
+        font-style:normal;
+    }
+}
+@media print {
+    body, .slide {
+        background-color: white;
+        color: black;
+    }
+    em {
+        font-style:italic;
+    }
+}
+
+/* slide title */
+.slide h1 {
+    font-size: xxx-large;
+    font-weight: bolder;
+    text-align: center;
+}
+
+span.slide_num_sep:after {
+    content : "⋯";
+}
+.footer {
+    text-align: center;
+}
+.alert {
+    color: red;
+}
+
+
+@media 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;
+}
+}
\ No newline at end of file