Mercurial > hg > Members > taiki > slides
comparison deck.js/themes/transition/fade.css @ 0:dd1c78c6398f
add having slides
author | taiki <taiki@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Mon, 25 Mar 2013 05:14:03 +0900 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:dd1c78c6398f |
---|---|
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 } | |
23 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after { | |
24 opacity: 0; | |
25 } | |
26 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-current { | |
27 opacity: 1; | |
28 } | |
29 .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 { | |
30 opacity: 0; | |
31 pointer-events: none; | |
32 } | |
33 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide { | |
34 visibility: visible; | |
35 } | |
36 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current { | |
37 opacity: 1; | |
38 visibility: visible; | |
39 pointer-events: auto; | |
40 } | |
41 .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-after { | |
42 visibility: hidden; | |
43 } |