9a8ba9be781b0809da80219567d856f84bbc1043
[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
4 /* Slide layout
5    .sws-{header,inner-canvas,footer} are in
6    a .sws-canvas which fills the whole viewport vertically
7    and is horizontally centered.
8    The .sws-canvas has an aspect ratio of 4/3 or 16/9
9 */
10
11 .sws-header {
12     top: 0vh;
13     height: 5vh;
14 }
15 .sws-title {
16     top: 5vh;
17     height: 15vh;
18 }
19 .sws-inner-canvas {
20     top: 20vh;
21     height: 75vh;
22 }
23 .sws-footer {
24     top: 95vh;
25     height: 5vh;
26     text-align: right;
27 }
28
29 .sws-content {
30     padding: 3vh;
31 }
32
33 .sws-slide-num-sep:after {
34     content: "/";
35 }
36
37 body {
38     font-family: 'Armata',sans-serif;
39     font-size: 4vh;
40     background-color: black;
41     color: white;
42 }
43
44 code, pre, tt {
45     font-family: 'Inconsolata', monospace;
46 }
47
48 ul {
49     list-style-type: square;
50 }
51
52
53 h1 { color: #f14a29;
54      font-size: 6vh;
55      text-align:center;
56    }
57
58 em { color: #f14a29;
59      font-style:normal;
60    }
61
62 a {
63     color: #1092bf;
64     text-decoration:none;
65     font-style:normal;
66 }
67
68 .centerbox {
69     text-align: center;
70 }