extensions/navigation/deck.navigation.css

   1 .deck-container .deck-prev-link, .deck-container .deck-next-link {
   2   display: none;
   3   position: absolute;
   4   z-index: 3;
   5   top: 50%;
   6   width: 32px;
   7   height: 32px;
   8   margin-top: -16px;
   9   font-size: 20px;
  10   font-weight: bold;
  11   line-height: 32px;
  12   vertical-align: middle;
  13   text-align: center;
  14   text-decoration: none;
  15   color: #fff;
  16   background: #888;
  17 }
  18 .borderradius .deck-container .deck-prev-link, .borderradius .deck-container .deck-next-link {
  19   -webkit-border-radius: 16px;
  20   -moz-border-radius: 16px;
  21   border-radius: 16px;
  22 }
  23 .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
  24   color: #fff;
  25 }
  26 .deck-container .deck-prev-link {
  27   left: 8px;
  28 }
  29 .deck-container .deck-next-link {
  30   right: 8px;
  31 }
  32 .deck-container:hover .deck-prev-link, .deck-container:hover .deck-next-link {
  33   display: block;
  34 }
  35 .deck-container:hover .deck-prev-link.deck-nav-disabled, .touch .deck-container:hover .deck-prev-link, .deck-container:hover .deck-next-link.deck-nav-disabled, .touch .deck-container:hover .deck-next-link {
  36   display: none;
  37 }
  38
  39 @media print {
  40   .deck-prev-link, .deck-next-link {
  41     display: none !important;
  42   }
  43 }