simpleWebSlides.css

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