simpleWebSlides.css

   1 :root {
   2     font-size: 3vh;
   3 }
   4
   5 @media screen {
   6     .sws-canvas {
   7         position: absolute;
   8         width:133vh;
   9         height:100vh;
  10         margin: auto;
  11         overflow:hidden;
  12     }
  13
  14     .sws-active-slide {
  15         display: block;
  16     }
  17
  18     .sws-inactive-slide {
  19         display: none;
  20     }
  21
  22     .sws-active-object {
  23         visibility: visible;
  24     }
  25
  26     .sws-inactive-object {
  27         visibility: hidden;
  28     }
  29
  30 }
  31
  32 @media print {
  33
  34     body {
  35         margin: 0pt 0pt 0pt 0pt;
  36         padding: 0pt 0pt 0pt 0pt;
  37         border-width: 0pt;
  38     }
  39
  40     .sws-canvas {
  41         overflow:hidden;
  42         position:relative;
  43         border-width: 0cm;
  44         border-style: none;
  45         margin:0pt 0pt 0pt 0pt;
  46         page-break-after:always;
  47         width: 297mm;
  48         height: 209.8mm; /* not 210 due to rounding errors */
  49         padding:0pt;
  50         visibility:visible;
  51         opacity:1.0;
  52     }
  53     .sws-canvas:last-child {
  54         page-break-after: avoid;
  55     }
  56     .sws-active-slide, .sws-inactive-slide {
  57         display: block;
  58         visibility:visible;
  59         opacity:1.0;
  60
  61     }
  62     .sws-active-object, .sws-inactive-object {
  63         visibility:visible;
  64         opacity:1.0;
  65     }
  66
  67 }
  68
  69 body {
  70     overflow:hidden;
  71 }
  72
  73 .sws-canvas {
  74     top:0pt;
  75     left:0pt;
  76     right:0pt;
  77 }
  78
  79 .sws-header {
  80     position:absolute;
  81     width:133vh;
  82     left:0pt;
  83     right:0pt;
  84     top:0pt;
  85 }
  86
  87 .sws-footer {
  88     position: absolute;
  89     width:133vh;
  90     left: 0pt;
  91     right: 0pt;
  92     bottom: 0pt;
  93 }
  94 .sws-title, .sws-slide {
  95     display:table-row;
  96     height:1pt;
  97 }
  98
  99 .sws-inner-canvas {
 100     display:table;
 101     position:absolute;
 102     left:0pt;
 103     right:0pt;
 104 }
 105
 106 .sws-filler {
 107     display:table-row;
 108     height:auto;
 109 }
 110
 111 body > h1, body > h2, body > h3 {
 112     display: none;
 113 }
 114
 115 #sws-control-panel {
 116 /*    visibility: hidden;*/
 117     display:none;
 118     position: absolute;
 119     bottom: 60pt;
 120     left: 60pt;
 121     text-align: center;
 122     font-size:30pt;
 123     border-radius: 5pt;
 124     background-color: #ffffff;
 125     opacity: 0.8;
 126     color: black;
 127     z-index: 100;
 128     vertical-align:middle;
 129     height: 60pt;
 130 /*    width:100%;*/
 131 }
 132 #sws-control-panel:before  {
 133     content : "";
 134     display: inline-block;
 135     height: 100%;
 136     width: 0pt;
 137     vertical-align: middle;
 138 }
 139 #sws-control-panel a {
 140     text-decoration: none;
 141     display:inline-block;
 142     padding:0pt 10pt 0pt 10pt;
 143     vertical-align: middle;
 144 }
 145 #sws-control-panel a:hover {
 146     cursor: pointer;
 147 }
 148
 149 @media print {
 150     #sws-control-panel {
 151         display: none;
 152     }
 153 }