Add deck.js slide deck with basic layout
[kai/lca12.git] / 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 }