X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=simpleWebSlides.css;h=0a4341842345060b8cbfd6d36a92e5fdda6a373a;hb=8c3cd44b47743bc0918e35b14e262563589c9da3;hp=3821e306c71dce083d038c33af7c841f731b8598;hpb=2c974b2c6d549b9d2b641092b148fef81a3dd524;p=hacks%2FsimpleWebSlides.git diff --git a/simpleWebSlides.css b/simpleWebSlides.css index 3821e30..0a43418 100644 --- a/simpleWebSlides.css +++ b/simpleWebSlides.css @@ -1,5 +1,29 @@ /* default is 4:3 */ -.sws-canvas { +@page { margin: 0pt 0pt 0pt 0pt; } + +:root.sws-print body { + width: 297mm; + overflow:auto; + padding: 0pt 0pt 0pt 0pt; + margin: 0pt 0pt 0pt 0pt; + +} + +:root.sws-print .sws-canvas { + position: relative; + display:inline-block; + height: 210mm; + page-break-after: auto; + padding: 0pt 0pt 0pt 0pt; + margin: 0pt 0pt 0pt 0pt; + overflow: hidden; +} + +.sws-canvas :last { + page-break-after: avoid; +} + +:root.sws-display .sws-canvas { width:133.3vh; height:100vh; } @@ -10,21 +34,21 @@ } :root.sws-aspect-16-9 .sws-canvas { - width:177.7vh; - height:100vh; + width:177.7vh; + height:100vh; } :root.sws-aspect-16-10 .sws-canvas { - width:160vh; - height:100vh; + width:160vh; + height:100vh; } -.sws-canvas { + +:root.sws-display .sws-canvas { position: relative; margin-left: auto; margin-right: auto; padding: 0vh; - overflow:hidden; margin-top: 0vh; margin-bottom: 0vh; } @@ -33,16 +57,23 @@ display: block; } -.sws-inactive-slide { - display: none; +:root.sws-display .sws-inactive-slide { + display: none; +} + +:root.sws-print .sws-inactive-slide { + opacity: 1; } .sws-active-object { visibility: visible; } -.sws-inactive-object { - visibility: hidden; + +@media screen { + .sws-inactive-object { + visibility: hidden; + } } .sws-header, .sws-title, .sws-inner-canvas, .sws-footer { @@ -75,11 +106,6 @@ vertical-align:text-bottom; } -body { - overflow:hidden; - margin: 0vh; - padding: 0vh; -} body > h1, body > h2, body > h3 { display: none; @@ -181,3 +207,11 @@ body > h1, body > h2, body > h3 { #sws-control-panel-navigation-bar { width: 50vh; } +#sws-print-container { + top: 0; + left: 0; + width: 29.7cm; + overflow: auto; + border: 1px; + padding: 1px 1px 1px 1px; +} \ No newline at end of file