simpleWebSlides.css

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