simpleWebSlides.css

   1 /* default is 4:3 */
   2 .sws-canvas {
   3     width:133.3vh;
   4     height:100vh;
   5 }
   6
   7 :root.sws-aspect-4-3 .sws-canvas {
   8     width:133.3vh;
   9     height:100vh;
  10
  11 }
  12 :root.sws-aspect-16-9 .sws-canvas {
  13         width:177.7vh;
  14         height:100vh;
  15 }
  16
  17 :root.sws-aspect-16-10 .sws-canvas {
  18         width:160vh;
  19         height:100vh;
  20 }
  21
  22 .sws-canvas {
  23     position: relative;
  24     margin-left: auto;
  25     margin-right: auto;
  26     padding: 0vh;
  27     overflow:hidden;
  28     margin-top: 0vh;
  29     margin-bottom: 0vh;
  30 }
  31
  32 .sws-active-slide {
  33     display: block;
  34 }
  35
  36 .sws-inactive-slide {
  37         display: none;
  38 }
  39
  40 .sws-active-object {
  41     visibility: visible;
  42 }
  43
  44 .sws-inactive-object {
  45     visibility: hidden;
  46 }
  47
  48 .sws-header, .sws-title, .sws-inner-canvas, .sws-footer {
  49     position: absolute;
  50     width: 100%;
  51     display:inline-block;
  52     padding: 0vh;
  53     margin: 0vh;
  54     border: 0vh;
  55 }
  56 .sws-title {
  57     vertical-align:middle;
  58 }
  59 .sws-inner-canvas {
  60    /* white-space: nowrap;*/
  61 }
  62 .sws-content {
  63     margin: 0vh;
  64     padding: 0vh;
  65     display:inline-block;
  66     width: 100%;
  67     vertical-align: middle;
  68     max-height: 100%;
  69     overflow:hidden;
  70 }
  71 .sws-vertical-align {
  72     display:inline-block;
  73     height: 33%;
  74     width: 0%;
  75     vertical-align:text-bottom;
  76 }
  77
  78 body {
  79     overflow:hidden;
  80     margin: 0vh;
  81     padding: 0vh;
  82 }
  83
  84 body > h1, body > h2, body > h3 {
  85     display: none;
  86 }
  87
  88 @font-face {
  89   font-family: 'entypo';
  90   font-style: 'normal';
  91   font-weight: 'normal';
  92   src: url('entypo.woff') format('woff');
  93 }
  94
  95 /* entypo */
  96 .sws-symbol {
  97     font-family: 'entypo';
  98 }
  99
 100 #sws-control-panel-canvas {
 101     position: fixed;
 102     z-index: 100;
 103     left: 0pt;
 104     bottom: 0pt;
 105     width: 100%;
 106     height: 100%;
 107     overflow:hidden;
 108     text-align: center;
 109     display:none;
 110 }
 111 #sws-control-panel {
 112 /*    visibility: hidden;*/
 113     font-size:6vh;
 114     width: 100vh;
 115     bottom: 0vh;
 116     display:inline-block;
 117     border-radius: 1vh;
 118     background-color: white;
 119     opacity: 0.9;
 120     color: black;
 121     z-index: 100;
 122     margin-left: auto;
 123     margin-right:auto;
 124     vertical-align:middle;
 125 }
 126
 127
 128 #sws-control-panel-canvas:after{
 129     content:"";
 130     display:inline-block;
 131     width: 0vh;
 132     height: 100%;
 133     background:pink;
 134     vertical-align:bottom;
 135 }
 136
 137 #sws-control-panel-title-bar {
 138     width: 100%;
 139     font-size: 3vh;
 140     text-align:right;
 141 }
 142
 143 #sws-control-panel select
 144  {
 145      display: inline-block;
 146      vertical-align: middle;
 147      font-size: 3vh;
 148  }
 149
 150 #sws-control-panel-navigation {
 151     text-align: center;
 152 }
 153
 154 #sws-control-panel a {
 155     color: black;
 156     text-decoration: none;
 157     display:inline-block;
 158     padding:0pt 1em; 0pt 1em;
 159     vertical-align: middle;
 160 }
 161
 162 #sws-control-panel-title-bar a {
 163     padding:0vh 2vh 0vh 0vh;
 164     margin: 0 0 0 0;
 165 }
 166
 167 #sws-control-panel a:hover {
 168     cursor: pointer;
 169 }
 170 #sws-control-panel-slide-input
 171 {
 172     font-size: 3vh;
 173     width: 3em;
 174     vertical-align:middle;
 175 }
 176 #sws-control-panel-total-slides {
 177     font-size: 3vh;
 178     vertical-align:middle;
 179 }
 180
 181 #sws-control-panel-navigation-bar {
 182     width: 50vh;
 183 }