Fix various issues.
[hacks/simpleWebSlides.git] / simpleWebSlides.css
1 @media screen {
2     .sws-canvas {
3         position: absolute;
4         width:100%;
5         height:100%;
6         overflow:hidden;
7     }
8
9     .sws-active-slide {
10         display: block;
11     }
12
13     .sws-inactive-slide {
14         display: none;
15     }
16
17     .sws-active-object {
18         visibility: visible;
19     }
20
21     .sws-inactive-object {
22         visibility: hidden;
23     }
24
25 }
26
27 @media print {
28
29     body {
30         margin: 0pt 0pt 0pt 0pt;
31         padding: 0pt 0pt 0pt 0pt;
32         border-width: 0pt;
33     }
34
35     .sws-canvas {
36         overflow:hidden;
37         position:relative;
38         border-width: 0cm;
39         border-style: none;
40         margin:0pt 0pt 0pt 0pt;
41         page-break-after:always;
42         width: 297mm;
43         height: 209.8mm; /* not 210 due to rounding errors */
44         padding:0pt;
45         left:0pt;
46         top:0pt;
47         display: block;
48         visibility:visible;
49         opacity:1.0;
50     }
51     .sws-canvas:last-child {
52         page-break-after: avoid;
53     }
54     .sws-active-slide, .sws-inactive-slide {
55         display: block;
56         visibility:visible;
57         opacity:1.0;
58
59     }
60     .sws-active-object, .sws-inactive-object {
61         visibility:visible;
62         opacity:1.0;
63     }
64
65 }
66
67 body {
68     overflow:hidden;
69 }
70
71 .sws-canvas {
72    top: 0pt;
73    left:0pt;
74    right:0pt;
75    bottom:0pt;
76 }
77
78 .sws-slide {
79     position:absolute;
80 }
81
82 .sws-slide .sws-footer {
83     position: absolute;
84     left: 0pt;
85     right: 0pt;
86     bottom: 0pt;
87 }
88
89 body > h1, body > h2, body > h3 {
90     display: none;
91 }
92
93 #sws-control-panel {
94 /*    visibility: hidden;*/
95     display:none;
96     position: absolute;
97     bottom: 60pt;
98     left: 60pt;
99     text-align: center;
100     font-size:30pt;
101     border-radius: 5pt;
102     background-color: #ffffff;
103     opacity: 0.8;
104     color: black;
105     z-index: 100;
106     vertical-align:middle;
107     height: 60pt;
108 /*    width:100%;*/
109 }
110 #sws-control-panel:before  {
111     content : "";
112     display: inline-block;
113     height: 100%;
114     width: 0pt;
115     vertical-align: middle;
116 }
117 #sws-control-panel a {
118     text-decoration: none;
119     display:inline-block;
120     padding:0pt 10pt 0pt 10pt;
121     vertical-align: middle;
122 }
123 #sws-control-panel a:hover {
124     cursor: pointer;
125 }
126
127 @media print {
128     #sws-control-panel {
129         display: none;
130     }
131 }