X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=simpleWebSlides.css;h=39249a2064fdbba9baa502b156e944aaf5fc2717;hb=77dee1505afc9d0791bcd9d29c4d6fb207be2d7c;hp=323b8d0394d33297073b919f36f0074a755418ed;hpb=f11f30ed7ba478ee5b5e5dc1494d736d3bb8006f;p=hacks%2FsimpleWebSlides.git diff --git a/simpleWebSlides.css b/simpleWebSlides.css index 323b8d0..39249a2 100644 --- a/simpleWebSlides.css +++ b/simpleWebSlides.css @@ -1,43 +1,210 @@ -@import url(simpleWebSlides_screen.css) screen; -@import url(simpleWebSlides_print.css) print; +/* default is 4:3 */ -.cover { - text-align: center; - vertical-align: middle; +@media print { + body { + width: 4cm; + height: 3cm; + } +} +.sws-canvas { + width:133.3vh; + height:100vh; +} + +:root.sws-aspect-4-3 .sws-canvas { + width:133.3vh; + height:100vh; + +} +:root.sws-aspect-16-9 .sws-canvas { + width:177.7vh; + height:100vh; +} + +:root.sws-aspect-16-10 .sws-canvas { + width:160vh; + height:100vh; +} + + + + +.sws-canvas { + position: relative; + margin-left: auto; + margin-right: auto; + padding: 0vh; + overflow:hidden; + margin-top: 0vh; + margin-bottom: 0vh; +} + +.sws-active-slide { + display: block; +} + +@media print { + .sws-inactive-slide { + display: block; + } } -.cover .title { + +@media screen { + + .sws-inactive-slide { + display: none; + } +} + +.sws-active-object { + visibility: visible; +} + +@media print { + .sws-inactive-object { + visibility: visible; + } +} + +@media screen { + .sws-inactive-object { + visibility: hidden; + } +} + +.sws-header, .sws-title, .sws-inner-canvas, .sws-footer { + position: absolute; + width: 100%; display:inline-block; - vertical-align:middle; + padding: 0vh; + margin: 0vh; + border: 0vh; } -.cover:before { - content: ""; - display: inline-block; - height:100%; - width:0pt; +.sws-title { vertical-align:middle; } +.sws-inner-canvas { + /* white-space: nowrap;*/ +} +.sws-content { + margin: 0vh; + padding: 0vh; + display:inline-block; + width: 100%; + vertical-align: middle; + max-height: 100%; + overflow:hidden; +} +.sws-vertical-align { + display:inline-block; + height: 33%; + width: 0%; + vertical-align:text-bottom; +} -.slide { - top: 0pt; - left:0pt; - right:0pt; - bottom:0pt; +body { + overflow:hidden; + margin: 0vh; + padding: 0vh; } -.slide h1 { - text-align: center; +body > h1, body > h2, body > h3 { + display: none; } -.slide li { - padding: 0.25em; + +@font-face { + font-family: 'entypo'; + font-style: 'normal'; + font-weight: 'normal'; + src: url('entypo.woff') format('woff'); } -.slide .footer { - position: absolute; +/* entypo */ +.sws-symbol { + font-family: 'entypo'; +} + +#sws-control-panel-canvas { + position: fixed; + z-index: 100; left: 0pt; - right: 0pt; bottom: 0pt; + width: 100%; + height: 100%; + overflow:hidden; + text-align: center; + display:none; +} +#sws-control-panel { +/* visibility: hidden;*/ + font-size:6vh; + width: 100vh; + bottom: 0vh; + display:inline-block; + border-radius: 1vh; + background-color: white; + opacity: 0.9; + color: black; + z-index: 100; + margin-left: auto; + margin-right:auto; + vertical-align:middle; } -body > h1, body > h2, body > h3 { - display: none; + +#sws-control-panel-canvas:after{ + content:""; + display:inline-block; + width: 0vh; + height: 100%; + background:pink; + vertical-align:bottom; +} + +#sws-control-panel-title-bar { + width: 100%; + font-size: 3vh; + text-align:right; +} + +#sws-control-panel select + { + display: inline-block; + vertical-align: middle; + font-size: 3vh; + } + +#sws-control-panel-navigation { + text-align: center; +} + +#sws-control-panel a { + color: black; + text-decoration: none; + display:inline-block; + padding:0pt 1em; 0pt 1em; + vertical-align: middle; +} + +#sws-control-panel-title-bar a { + padding:0vh 2vh 0vh 0vh; + margin: 0 0 0 0; +} + +#sws-control-panel a:hover { + cursor: pointer; +} +#sws-control-panel-slide-input +{ + font-size: 3vh; + width: 3em; + vertical-align:middle; +} +#sws-control-panel-total-slides { + font-size: 3vh; + vertical-align:middle; +} + +#sws-control-panel-navigation-bar { + width: 50vh; }