5 -webkit-box-sizing: border-box;
6 box-sizing: border-box;
7 -moz-box-sizing: border-box;
13 .sws-inactive-object {
18 display: -webkit-flex;
20 flex-direction: column;
21 -webkit-flex-direction: column;
22 /* We make the box sizing border-box so that the user can freely add
23 padding and borders to canvas without changing the overall
25 box-sizing: border-box;
26 -webkit-box-sizing: border-box;
27 -moz-box-sizing: border-box;
30 justify-content: center;
31 -webkit-justify-content: center;
35 /* Layout of a canvas */
36 .sws-header , .sws-title,{
37 -webkit-box-align:start;
48 flex-direction: column;
49 -webkit-flex-direction: column;
50 justify-content: center;
51 -webkit-justify-content:center;
68 .sws-header, .sws-title, .sws-inner-canvas, .sws-footer{
76 body > h1, body > h2, body > h3 {
80 /****************************************/
83 :root.sws-display body {
87 :root.sws-display .sws-canvas {
95 /* Aspect is 4/3, 16/9, 16/10 (default is 4/3) */
97 :root.sws-aspect-4-3 .sws-canvas {
102 :root.sws-aspect-16-9 .sws-canvas {
107 :root.sws-aspect-16-10 .sws-canvas {
112 :root.sws-display .sws-canvas {
121 :root.sws-display .sws-inactive-slide {
124 :root.sws-display body {
130 /* ****************************************** */
133 :root.sws-print body {
136 padding: 0pt 0pt 0pt 0pt;
137 margin: 0pt 0pt 0pt 0pt;
149 :root.sws-print .sws-canvas {
153 /* not 210mm to avoid rounding errors */
154 page-break-after: always;
155 padding: 0pt 0pt 0pt 0pt;
156 margin: 0pt 0pt 0pt 0pt;
160 :root.sws-print .sws-canvas:last {
161 page-break-after: avoid;
164 :root.sws-print .sws-inactive-slide {
171 /* counters for the toc */
174 counter-reset: list-item;
178 counter-increment: list-item;
181 .sws-toc li::marker {
182 content : counters(list-item, '.');
187 /*****************************************/
192 font-family: 'entypo';
195 src: url('entypo.woff') format('woff');
199 font-family: 'entypo';
202 #sws-control-panel-canvas {
215 /* visibility: hidden;*/
219 display:inline-block;
221 background-color: white;
227 vertical-align:middle;
231 #sws-control-panel-canvas:after{
233 display:inline-block;
237 vertical-align:bottom;
240 #sws-control-panel-title-bar {
246 #sws-control-panel select
248 display: inline-block;
249 vertical-align: middle;
253 #sws-control-panel-navigation {
257 #sws-control-panel a {
259 text-decoration: none;
260 display: inline-block;
261 padding: 0pt 1em 0pt 1em;
262 vertical-align: middle;
265 #sws-control-panel-title-bar a {
266 padding:0vh 2vh 0vh 0vh;
270 #sws-control-panel a:hover {
273 #sws-control-panel-slide-input
277 vertical-align:middle;
279 #sws-control-panel-total-slides {
281 vertical-align:middle;
284 #sws-control-panel-navigation-bar {
287 #sws-print-container {
293 padding: 1px 1px 1px 1px;
296 #sws-help-panel-canvas {
308 #sws-help-panel-canvas * {
312 #sws-help-panel-canvas h1 {
316 /* embedded SVG images are inlined and their height matches twice the size of a small letter x */
317 object[type="image/svg+xml"] {
318 display:inline-block;
321 vertical-align:middle;