themes/transition/fade.css

   1 .csstransitions.csstransforms .deck-container .slide {
   2   -webkit-transition: opacity 500ms ease-in-out 0ms;
   3   -moz-transition: opacity 500ms ease-in-out 0ms;
   4   -ms-transition: opacity 500ms ease-in-out 0ms;
   5   -o-transition: opacity 500ms ease-in-out 0ms;
   6   transition: opacity 500ms ease-in-out 0ms;
   7 }
   8 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
   9   position: absolute;
  10   top: 0;
  11   left: 0;
  12   -webkit-box-sizing: border-box;
  13   -moz-box-sizing: border-box;
  14   box-sizing: border-box;
  15   width: 100%;
  16   padding: 0 48px;
  17 }
  18 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
  19   position: relative;
  20   left: 0;
  21   top: 0;
  22   opacity: 0;
  23 }
  24 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-previous {
  25   opacity: 0.4;
  26 }
  27 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-current {
  28   opacity: 1;
  29 }
  30 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
  31   opacity: 0;
  32   pointer-events: none;
  33 }
  34 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
  35   visibility: visible;
  36 }
  37 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
  38   opacity: 1;
  39   visibility: visible;
  40   pointer-events: auto;
  41 }
  42 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-after {
  43   visibility: hidden;
  44 }