| 1 | .csstransitions.csstransforms .deck-container { |
| 2 | overflow-y: hidden; |
| 3 | } |
| 4 | .csstransitions.csstransforms .deck-container > .slide { |
| 5 | -webkit-transition: -webkit-transform 500ms ease-in-out; |
| 6 | transition: transform 500ms ease-in-out; |
| 7 | } |
| 8 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide { |
| 9 | position: absolute; |
| 10 | top: 0; |
| 11 | left: 0; |
| 12 | } |
| 13 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide { |
| 14 | position: relative; |
| 15 | left: 0; |
| 16 | top: 0; |
| 17 | -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out; |
| 18 | transition: transform 500ms ease-in-out, opacity 500ms ease-in-out; |
| 19 | } |
| 20 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after { |
| 21 | visibility: visible; |
| 22 | -webkit-transform: translate3d(0, 1600px, 0); |
| 23 | -ms-transform: translate(0, 1600px); |
| 24 | transform: translate3d(0, 1600px, 0); |
| 25 | } |
| 26 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous { |
| 27 | -webkit-transform: translate3d(0, -200%, 0); |
| 28 | -ms-transform: translate(0, -200%); |
| 29 | transform: translate3d(0, -200%, 0); |
| 30 | } |
| 31 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before { |
| 32 | -webkit-transform: translate3d(0, -400%, 0); |
| 33 | -ms-transform: translate(0, -400%); |
| 34 | transform: translate3d(0, -400%, 0); |
| 35 | } |
| 36 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next { |
| 37 | -webkit-transform: translate3d(0, 200%, 0); |
| 38 | -ms-transform: translate(0, 200%); |
| 39 | transform: translate3d(0, 200%, 0); |
| 40 | } |
| 41 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after { |
| 42 | -webkit-transform: translate3d(0, 400%, 0); |
| 43 | -ms-transform: translate(0, 400%); |
| 44 | transform: translate3d(0, 400%, 0); |
| 45 | } |
| 46 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide { |
| 47 | visibility: visible; |
| 48 | } |
| 49 | .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current { |
| 50 | -webkit-transform: none; |
| 51 | -ms-transform: none; |
| 52 | transform: none; |
| 53 | } |
| 54 | .csstransitions.csstransforms .deck-prev-link { |
| 55 | left: auto; |
| 56 | right: 8px; |
| 57 | top: 59px; |
| 58 | -webkit-transform: rotate(90deg); |
| 59 | -ms-transform: rotate(90deg); |
| 60 | transform: rotate(90deg); |
| 61 | } |
| 62 | .csstransitions.csstransforms .deck-next-link { |
| 63 | top: 99px; |
| 64 | -webkit-transform: rotate(90deg); |
| 65 | -ms-transform: rotate(90deg); |
| 66 | transform: rotate(90deg); |
| 67 | } |