core/deck.core.css

   1 html {
   2   height: 100%;
   3 }
   4
   5 body.deck-container {
   6   overflow-y: auto;
   7 }
   8
   9 .deck-container {
  10   position: relative;
  11   height: 100%;
  12   margin: 0 auto;
  13   padding: 0 48px;
  14   font-size: 16px;
  15   line-height: 1.25;
  16   overflow: hidden;
  17   /* Resets and base styles from HTML5 Boilerplate */
  18   /* End HTML5 Boilerplate adaptations */
  19 }
  20 .js .deck-container {
  21   visibility: hidden;
  22 }
  23 .ready .deck-container {
  24   visibility: visible;
  25 }
  26 .touch .deck-container {
  27   -webkit-text-size-adjust: none;
  28   -moz-text-size-adjust: none;
  29 }
  30 .deck-container div, .deck-container span, .deck-container object, .deck-container iframe,
  31 .deck-container h1, .deck-container h2, .deck-container h3, .deck-container h4, .deck-container h5, .deck-container h6, .deck-container p, .deck-container blockquote, .deck-container pre,
  32 .deck-container abbr, .deck-container address, .deck-container cite, .deck-container code, .deck-container del, .deck-container dfn, .deck-container em, .deck-container img, .deck-container ins, .deck-container kbd, .deck-container q, .deck-container samp,
  33 .deck-container small, .deck-container strong, .deck-container sub, .deck-container sup, .deck-container var, .deck-container b, .deck-container i, .deck-container dl, .deck-container dt, .deck-container dd, .deck-container ol, .deck-container ul, .deck-container li,
  34 .deck-container fieldset, .deck-container form, .deck-container label, .deck-container legend,
  35 .deck-container table, .deck-container caption, .deck-container tbody, .deck-container tfoot, .deck-container thead, .deck-container tr, .deck-container th, .deck-container td,
  36 .deck-container article, .deck-container aside, .deck-container canvas, .deck-container details, .deck-container figcaption, .deck-container figure,
  37 .deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section, .deck-container summary,
  38 .deck-container time, .deck-container mark, .deck-container audio, .deck-container video {
  39   margin: 0;
  40   padding: 0;
  41   border: 0;
  42   font-size: 100%;
  43   font: inherit;
  44   vertical-align: baseline;
  45 }
  46 .deck-container article, .deck-container aside, .deck-container details, .deck-container figcaption, .deck-container figure,
  47 .deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section {
  48   display: block;
  49 }
  50 .deck-container blockquote, .deck-container q {
  51   quotes: none;
  52 }
  53 .deck-container blockquote:before, .deck-container blockquote:after, .deck-container q:before, .deck-container q:after {
  54   content: "";
  55   content: none;
  56 }
  57 .deck-container ins {
  58   background-color: #ff9;
  59   color: #000;
  60   text-decoration: none;
  61 }
  62 .deck-container mark {
  63   background-color: #ff9;
  64   color: #000;
  65   font-style: italic;
  66   font-weight: bold;
  67 }
  68 .deck-container del {
  69   text-decoration: line-through;
  70 }
  71 .deck-container abbr[title], .deck-container dfn[title] {
  72   border-bottom: 1px dotted;
  73   cursor: help;
  74 }
  75 .deck-container table {
  76   border-collapse: collapse;
  77   border-spacing: 0;
  78 }
  79 .deck-container hr {
  80   display: block;
  81   height: 1px;
  82   border: 0;
  83   border-top: 1px solid #ccc;
  84   margin: 1em 0;
  85   padding: 0;
  86 }
  87 .deck-container input, .deck-container select {
  88   vertical-align: middle;
  89 }
  90 .deck-container select, .deck-container input, .deck-container textarea, .deck-container button {
  91   font: 99% sans-serif;
  92 }
  93 .deck-container pre, .deck-container code, .deck-container kbd, .deck-container samp {
  94   font-family: monospace, sans-serif;
  95 }
  96 .deck-container a {
  97   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  98 }
  99 .deck-container a:hover, .deck-container a:active {
 100   outline: none;
 101 }
 102 .deck-container ul, .deck-container ol {
 103   margin-left: 2em;
 104   vertical-align: top;
 105 }
 106 .deck-container ol {
 107   list-style-type: decimal;
 108 }
 109 .deck-container nav ul, .deck-container nav li {
 110   margin: 0;
 111   list-style: none;
 112   list-style-image: none;
 113 }
 114 .deck-container small {
 115   font-size: 85%;
 116 }
 117 .deck-container strong, .deck-container th {
 118   font-weight: bold;
 119 }
 120 .deck-container td {
 121   vertical-align: top;
 122 }
 123 .deck-container sub, .deck-container sup {
 124   font-size: 75%;
 125   line-height: 0;
 126   position: relative;
 127 }
 128 .deck-container sup {
 129   top: -0.5em;
 130 }
 131 .deck-container sub {
 132   bottom: -0.25em;
 133 }
 134 .deck-container textarea {
 135   overflow: auto;
 136 }
 137 .ie6 .deck-container legend, .ie7 .deck-container legend {
 138   margin-left: -7px;
 139 }
 140 .deck-container input[type="radio"] {
 141   vertical-align: text-bottom;
 142 }
 143 .deck-container input[type="checkbox"] {
 144   vertical-align: bottom;
 145 }
 146 .ie7 .deck-container input[type="checkbox"] {
 147   vertical-align: baseline;
 148 }
 149 .ie6 .deck-container input {
 150   vertical-align: text-bottom;
 151 }
 152 .deck-container label, .deck-container input[type="button"], .deck-container input[type="submit"], .deck-container input[type="image"], .deck-container button {
 153   cursor: pointer;
 154 }
 155 .deck-container button, .deck-container input, .deck-container select, .deck-container textarea {
 156   margin: 0;
 157 }
 158 .deck-container input:invalid, .deck-container textarea:invalid {
 159   border-radius: 1px;
 160   -moz-box-shadow: 0px 0px 5px red;
 161   -webkit-box-shadow: 0px 0px 5px red;
 162   box-shadow: 0px 0px 5px red;
 163 }
 164 .deck-container input:invalid .no-boxshadow, .deck-container textarea:invalid .no-boxshadow {
 165   background-color: #f0dddd;
 166 }
 167 .deck-container button {
 168   width: auto;
 169   overflow: visible;
 170 }
 171 .ie7 .deck-container img {
 172   -ms-interpolation-mode: bicubic;
 173 }
 174 .deck-container, .deck-container select, .deck-container input, .deck-container textarea {
 175   color: #444;
 176 }
 177 .deck-container a {
 178   color: #607890;
 179 }
 180 .deck-container a:hover, .deck-container a:focus {
 181   color: #036;
 182 }
 183 .deck-container a:link {
 184   -webkit-tap-highlight-color: #fff;
 185 }
 186 .deck-container.deck-loading {
 187   display: none;
 188 }
 189
 190 .slide {
 191   width: auto;
 192   min-height: 100%;
 193   position: relative;
 194 }
 195 .slide h1 {
 196   font-size: 4.5em;
 197 }
 198 .slide h1, .slide .vcenter {
 199   font-weight: bold;
 200   text-align: center;
 201   padding-top: 1em;
 202   max-height: 100%;
 203 }
 204 .csstransforms .slide h1, .csstransforms .slide .vcenter {
 205   padding: 0 48px;
 206   position: absolute;
 207   left: 0;
 208   right: 0;
 209   top: 50%;
 210   -webkit-transform: translate(0, -50%);
 211   -moz-transform: translate(0, -50%);
 212   -ms-transform: translate(0, -50%);
 213   -o-transform: translate(0, -50%);
 214   transform: translate(0, -50%);
 215 }
 216 .slide .vcenter h1 {
 217   position: relative;
 218   top: auto;
 219   padding: 0;
 220   -webkit-transform: none;
 221   -moz-transform: none;
 222   -ms-transform: none;
 223   -o-transform: none;
 224   transform: none;
 225 }
 226 .slide h2 {
 227   font-size: 2.25em;
 228   font-weight: bold;
 229   padding-top: .5em;
 230   margin: 0 0 .66666em 0;
 231   border-bottom: 3px solid #888;
 232 }
 233 .slide h3 {
 234   font-size: 1.4375em;
 235   font-weight: bold;
 236   margin-bottom: .30435em;
 237 }
 238 .slide h4 {
 239   font-size: 1.25em;
 240   font-weight: bold;
 241   margin-bottom: .25em;
 242 }
 243 .slide h5 {
 244   font-size: 1.125em;
 245   font-weight: bold;
 246   margin-bottom: .2222em;
 247 }
 248 .slide h6 {
 249   font-size: 1em;
 250   font-weight: bold;
 251 }
 252 .slide img, .slide iframe, .slide video {
 253   display: block;
 254   max-width: 100%;
 255 }
 256 .slide video, .slide iframe, .slide img {
 257   display: block;
 258   margin: 0 auto;
 259 }
 260 .slide p, .slide blockquote, .slide iframe, .slide img, .slide ul, .slide ol, .slide pre, .slide video {
 261   margin-bottom: 1em;
 262 }
 263 .slide pre {
 264   white-space: pre;
 265   white-space: pre-wrap;
 266   word-wrap: break-word;
 267   padding: 1em;
 268   border: 1px solid #888;
 269 }
 270 .slide em {
 271   font-style: italic;
 272 }
 273 .slide li {
 274   padding: .25em 0;
 275   vertical-align: middle;
 276 }
 277
 278 .deck-before, .deck-previous, .deck-next, .deck-after {
 279   position: absolute;
 280   left: -999em;
 281   top: -999em;
 282 }
 283
 284 .deck-current {
 285   z-index: 2;
 286 }
 287
 288 .slide .slide {
 289   visibility: hidden;
 290   position: static;
 291   min-height: 0;
 292 }
 293
 294 .deck-child-current {
 295   position: static;
 296   z-index: 2;
 297 }
 298 .deck-child-current .slide {
 299   visibility: hidden;
 300 }
 301 .deck-child-current .deck-previous, .deck-child-current .deck-before, .deck-child-current .deck-current {
 302   visibility: visible;
 303 }
 304
 305 @media screen and (max-device-width: 480px) {
 306   /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
 307 }
 308 @media print {
 309   * {
 310     background: transparent !important;
 311     color: black !important;
 312     text-shadow: none !important;
 313     filter: none !important;
 314     -ms-filter: none !important;
 315     -webkit-box-reflect: none !important;
 316     -moz-box-reflect: none !important;
 317     -webkit-box-shadow: none !important;
 318     -moz-box-shadow: none !important;
 319     box-shadow: none !important;
 320   }
 321   * :before, * :after {
 322     display: none !important;
 323   }
 324
 325   a, a:visited {
 326     color: #444 !important;
 327     text-decoration: underline;
 328   }
 329
 330   a[href]:after {
 331     content: " (" attr(href) ")";
 332   }
 333
 334   abbr[title]:after {
 335     content: " (" attr(title) ")";
 336   }
 337
 338   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
 339     content: "";
 340   }
 341
 342   pre, blockquote {
 343     border: 1px solid #999;
 344     page-break-inside: avoid;
 345   }
 346
 347   thead {
 348     display: table-header-group;
 349   }
 350
 351   tr, img {
 352     page-break-inside: avoid;
 353   }
 354
 355   @page {
 356     margin: 0.5cm;
 357 }
 358
 359   p, h2, h3 {
 360     orphans: 3;
 361     widows: 3;
 362   }
 363
 364   h2, h3 {
 365     page-break-after: avoid;
 366   }
 367
 368   .slide {
 369     position: static !important;
 370     visibility: visible !important;
 371     display: block !important;
 372     -webkit-transform: none !important;
 373     -moz-transform: none !important;
 374     -o-transform: none !important;
 375     -ms-transform: none !important;
 376     transform: none !important;
 377     opacity: 1 !important;
 378   }
 379
 380   h1, .vcenter {
 381     -webkit-transform: none !important;
 382     -moz-transform: none !important;
 383     -o-transform: none !important;
 384     -ms-transform: none !important;
 385     transform: none !important;
 386     padding: 0 !important;
 387     position: static !important;
 388   }
 389
 390   .deck-container > .slide {
 391     page-break-after: always;
 392   }
 393
 394   .deck-container {
 395     width: 100% !important;
 396     height: auto !important;
 397     padding: 0 !important;
 398     display: block !important;
 399   }
 400
 401   script {
 402     display: none;
 403   }
 404 }