X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=simpleWebSlides.css;h=51ae0871df59d5df3babb237c036f0712ce71d25;hb=6479635717a1a3c6569b70846532dbbc8f05edd2;hp=98bc160cfe87dee46014fc60c4712a96a2276bcd;hpb=37f8a5233ad70838665e55fa1d67f1c075cb9c3b;p=hacks%2FsimpleWebSlides.git diff --git a/simpleWebSlides.css b/simpleWebSlides.css index 98bc160..51ae087 100644 --- a/simpleWebSlides.css +++ b/simpleWebSlides.css @@ -1,4 +1,3 @@ - /* Common */ body { margin: 0 0 0 0; @@ -15,7 +14,6 @@ body { opacity: 0; } - .sws-canvas { display: -webkit-flex; display: flex; @@ -24,11 +22,10 @@ body { /* We make the box sizing border-box so that the user can freely add padding and borders to canvas without changing the overall layout */ - -webkit-box-sizing: border-box; box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } - .sws-cover { justify-content: center; -webkit-justify-content: center; @@ -62,7 +59,10 @@ body { } .sws-footer{ + position: relative; display:block; + bottom: 0pt; + left: 0pt; } .sws-header, .sws-title, .sws-inner-canvas, .sws-footer{ @@ -87,6 +87,7 @@ body > h1, body > h2, body > h3 { :root.sws-display .sws-canvas { width:133.3vh; height:100vh; + overflow:hidden; } @@ -128,35 +129,38 @@ body > h1, body > h2, body > h3 { /* Print Mode */ /* ****************************************** */ -@page { margin: 0pt 0pt 0pt 0pt; } :root.sws-print body { background: white; -} - -:root.sws-print body { width: 297mm; - height: 210mm; padding: 0pt 0pt 0pt 0pt; margin: 0pt 0pt 0pt 0pt; +} +@media print { + + @page { + size: 297mm 210mm; + margin: 0pt; + padding: 0pt; + } :root.sws-print .sws-canvas { position: relative; width: 297mm; - height: 210mm; - clear:both; - float:left; + height: 209mm; + /* not 210mm to avoid rounding errors */ page-break-after: always; padding: 0pt 0pt 0pt 0pt; margin: 0pt 0pt 0pt 0pt; overflow: hidden; } -:root.sws-print .sws-canvas:last{ +:root.sws-print .sws-canvas:last { page-break-after: avoid; } +} :root.sws-print .sws-inactive-slide { opacity: 1; } @@ -307,4 +311,12 @@ p { width: 100%; } } #sws-help-panel-canvas h1 { font-size: large; +} + +/* embedded SVG images are inlined and their height matches twice the size of a small letter x */ +object[type="image/svg+xml"] { + display:inline-block; + font-size:inherit; + height: 2.5ex; + vertical-align:middle; } \ No newline at end of file