X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=simpleWebSlides.css;h=3a56dd2e6aac5d4979ab3a99bc2e21161d1fe4e3;hb=6f82af14634b5c8b7d3af8fa27300c4ae0d27d50;hp=430c05af886edc8feeecc577ee1973007805ffbd;hpb=cd25deac22fee9a675c575eb9b7e7804e2cf67f6;p=hacks%2FsimpleWebSlides.git diff --git a/simpleWebSlides.css b/simpleWebSlides.css index 430c05a..3a56dd2 100644 --- a/simpleWebSlides.css +++ b/simpleWebSlides.css @@ -17,9 +17,8 @@ body { text-align: center; vertical-align:middle; } -.sws-cover { - justify-content: center; - -webkit-justify-content: center; + +.sws-cover .sws-content { text-align:center; } @@ -71,10 +70,22 @@ body > h1, body > h2, body > h3, body > a.sws-previous { } +:root.sws-by-width body { + font-size: 4vh; +} +:root.sws-by-height.sws-aspect-4-3 body { + font-size: 3vw; +} +:root.sws-by-height.sws-aspect-16-9 body { + font-size: 2.25vw; +} +:root.sws-by-height.sws-aspect-16-10 body { + font-size: 2.5vw; +} :root.sws-by-width.sws-aspect-4-3 .sws-canvas { - width:133.3vh; - height:100vh; + width:133.3vh; + height:100vh; } :root.sws-by-width.sws-aspect-16-9 .sws-canvas { @@ -315,10 +326,10 @@ p { width: 100%; } font-size: large; } -/* embedded SVG images are inlined and their height matches twice the size of a small letter x */ +/* embedded SVG images are inlined and their height matches twice the font-size */ object[type="image/svg+xml"] { display:inline-block; font-size:inherit; - height: 2.5ex; + height: 2em; vertical-align:middle; } \ No newline at end of file