46 lines
1006 B
CSS
46 lines
1006 B
CSS
|
.deck-menu {
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.deck-menu .slide {
|
||
|
|
background: #eee;
|
||
|
|
position: relative;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
visibility: visible;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.no-csstransforms .deck-menu > .slide {
|
||
|
|
float: left;
|
||
|
|
width: 22%;
|
||
|
|
height: 22%;
|
||
|
|
min-height: 0;
|
||
|
|
margin: 1%;
|
||
|
|
font-size: 0.22em;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0 0.5%;
|
||
|
|
}
|
||
|
|
.csstransforms .deck-menu > .slide {
|
||
|
|
-webkit-transform: scale(0.22) !important;
|
||
|
|
-ms-transform: scale(0.22) !important;
|
||
|
|
transform: scale(0.22) !important;
|
||
|
|
-webkit-transform-origin: 0 0;
|
||
|
|
-ms-transform-origin: 0 0;
|
||
|
|
transform-origin: 0 0;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0 48px;
|
||
|
|
margin: 12px;
|
||
|
|
}
|
||
|
|
.deck-menu iframe, .deck-menu img, .deck-menu video {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.deck-menu .deck-current, .no-touch .deck-menu .slide:hover {
|
||
|
|
background: #ddf;
|
||
|
|
}
|
||
|
|
.deck-menu.deck-container:hover .deck-prev-link, .deck-menu.deck-container:hover .deck-next-link {
|
||
|
|
display: none;
|
||
|
|
}
|