simpleWebSlides.css

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