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