Tom-Marble/deck.js/extensions/menu/deck.menu.css

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