simpleWebSlides.css

   1 :root.sws-aspect-4-3 .sws-canvas {
   2     width:133.3vh;
   3     height:100vh;
   4 }
   5 :root.sws-aspect-16-9 .sws-canvas {
   6         width:177.7vh;
   7         height:100vh;
   8 }
   9 .sws-canvas {
  10     position: relative;
  11     margin-left: auto;
  12     margin-right: auto;
  13     padding: 0vh;
  14     overflow:hidden;
  15     margin-top: 0vh;
  16     margin-bottom: 0vh;
  17 }
  18
  19 .sws-active-slide {
  20     display: block;
  21 }
  22
  23 .sws-inactive-slide {
  24         display: none;
  25 }
  26
  27 .sws-active-object {
  28     visibility: visible;
  29 }
  30
  31 .sws-inactive-object {
  32     visibility: hidden;
  33 }
  34
  35 .sws-header, .sws-title, .sws-inner-canvas, .sws-footer {
  36     position: absolute;
  37     width: 100%;
  38     display:inline-block;
  39     padding: 0vh;
  40     margin: 0vh;
  41     border: 0vh;
  42 }
  43 .sws-title {
  44     vertical-align:middle;
  45 }
  46 .sws-inner-canvas {
  47     white-space: nowrap;
  48 }
  49 .sws-content {
  50     margin: 0vh;
  51     padding: 0vh;
  52     display:inline-block;
  53     width: 100%;
  54     vertical-align: middle;
  55     max-height: 100%;
  56     overflow:hidden;
  57 }
  58 .sws-vertical-align {
  59     display:inline-block;
  60     height: 33%;
  61     width: 0%;
  62     vertical-align:text-bottom;
  63 }
  64
  65 body {
  66     overflow:hidden;
  67     margin: 0vh;
  68     padding: 0vh;
  69 }
  70
  71 body > h1, body > h2, body > h3 {
  72     display: none;
  73 }
  74
  75
  76 #sws-control-panel {
  77 /*    visibility: hidden;*/
  78     display:none;
  79     position: absolute;
  80     bottom: 60pt;
  81     left: 60pt;
  82     text-align: center;
  83     font-size:30pt;
  84     border-radius: 5pt;
  85     background-color: #ffffff;
  86     opacity: 0.8;
  87     color: black;
  88     z-index: 100;
  89     vertical-align:middle;
  90     height: 60pt;
  91 /*    width:100%;*/
  92 }
  93 #sws-control-panel:before  {
  94     content : "";
  95     display: inline-block;
  96     height: 100%;
  97     width: 0pt;
  98     vertical-align: middle;
  99 }
 100 #sws-control-panel a {
 101     text-decoration: none;
 102     display:inline-block;
 103     padding:0pt 10pt 0pt 10pt;
 104     vertical-align: middle;
 105 }
 106 #sws-control-panel a:hover {
 107     cursor: pointer;
 108 }
 109