Add an 'sws-' namespace to every class name used in CSS.
[hacks/simpleWebSlides.git] / themes / webTwoPointO.css
1 @import url(https://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 .sws-slide {
15     margin: 0pt;
16     left:0pt;
17     right:0pt;
18     top:0pt;
19     bottom:0pt;
20     padding:5mm;
21 }
22
23 .sws-cover {
24     text-align:center;
25     vertical-align:middle;
26 }
27 .sws-cover .centerbox {
28     display:inline-block;
29     vertical-align: middle;
30 }
31 .sws-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, .sws-slide {
45         background-color: black;
46         color: white;
47     }
48     .sws-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, .sws-slide {
60         background-color: white;
61         color: black;
62     }
63     em {
64         font-style:italic;
65     }
66 }
67
68 /* slide title */
69 .sws-slide h1 {
70     font-size: xxx-large;
71     font-weight: bolder;
72     text-align: center;
73 }
74
75 span.sws-slide-num-sep:after {
76     content : "⋯";
77 }
78 .sws-footer {
79     text-align: center;
80 }
81
82 @media screen {
83 .sws-inactive-slide {
84     opacity: 0.0;
85     transition: opacity 0.25s ease-in;
86 }
87
88 .sws-active-slide {
89     opacity: 1.0;
90     transition: opacity 0.25s ease-out 0.25s;
91 }
92 }