projects / lp17-speaker-slides.git / blame
| Commit | Line | Data |
|---|---|---|
| d0f6c3cd AE |
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 | } |