45beaef8199072bce0436ba90527192eae8de588
[hacks/simpleWebSlides.git] / themes / webTwoPointO.css
1 @import url(http://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
2
3 /* Default document properties */
4 body {
5     font-family: 'Armata',sans-serif;
6     font-size: 18pt;
7 }
8
9 /* The slide should be positioned w.r.t. to the canvas.
10    The canvas takes up the whole window in screen mode and a
11    whole page in print mode
12 */
13
14 .slide {
15     margin: 0pt;
16     left:0pt;
17     right:0pt;
18     top:0pt;
19     bottom:0pt;
20     padding:5mm;
21 }
22
23 .cover {
24     text-align:center;
25     vertical-align:middle;
26 }
27 .cover .centerbox {
28     display:inline-block;
29     vertical-align: middle;
30 }
31 .cover:before {
32     content: "";
33     display: inline-block;
34     width:10pt;
35     height:100%;
36     vertical-align:middle;
37 }
38
39 a { text-decoration: none; }
40 ul {
41     list-style-type: square;
42 }
43 @media screen {
44     body, .slide {
45         background-color: black;
46         color: white;
47     }
48     .slide h1 {
49         color: #f14a29;
50
51     }
52     a,em {
53         color: #0092bf;
54         text-decoration:none;
55         font-style:normal;
56     }
57 }
58 @media print {
59     body, .slide {
60         background-color: white;
61         color: black;
62     }
63     em {
64         font-style:italic;
65     }
66 }
67
68 /* slide title */
69 .slide h1 {
70     font-size: xxx-large;
71     font-weight: bolder;
72     text-align: center;
73 }
74
75 span.slide_num_sep:after {
76     content : "⋯";
77 }
78 .footer {
79     text-align: center;
80 }
81 .alert {
82     color: red;
83 }
84
85
86 @media screen {
87 .other_slides {
88     opacity: 0.0;
89     transition: opacity 0.25s ease-in;
90 }
91 .current_slide {
92     opacity: 1.0;
93     transition: opacity 0.25s ease-out 0.25s;
94 }
95 }