Add deck.js slide deck with basic layout
[kai/lca12.git] / extensions / menu / deck.menu.css
1 .deck-menu .slide {
2   background: #eee;
3   position: relative;
4   left: 0;
5   top: 0;
6   visibility: visible;
7   cursor: pointer;
8 }
9 .no-csstransforms .deck-menu > .slide {
10   float: left;
11   width: 22%;
12   height: 22%;
13   min-height: 0;
14   margin: 1%;
15   font-size: 0.22em;
16   overflow: hidden;
17   padding: 0 0.5%;
18 }
19 .csstransforms .deck-menu > .slide {
20   -webkit-transform: scale(0.22);
21   -moz-transform: scale(0.22);
22   -o-transform: scale(0.22);
23   -ms-transform: scale(0.22);
24   transform: scale(0.22);
25   -webkit-transform-origin: 0 0;
26   -moz-transform-origin: 0 0;
27   -o-transform-origin: 0 0;
28   -ms-transform-origin: 0 0;
29   transform-origin: 0 0;
30   -webkit-box-sizing: border-box;
31   -moz-box-sizing: border-box;
32   box-sizing: border-box;
33   width: 100%;
34   height: 100%;
35   overflow: hidden;
36   padding: 0 48px;
37   margin: 12px;
38 }
39 .deck-menu iframe, .deck-menu img, .deck-menu video {
40   max-width: 100%;
41 }
42 .deck-menu .deck-current, .no-touch .deck-menu .slide:hover {
43   background: #ddf;
44 }
45 .deck-menu.deck-container:hover .deck-prev-link, .deck-menu.deck-container:hover .deck-next-link {
46   display: none;
47 }