simpleWebSlides.css

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