view/theme/frio/frameworks/ekko-lightbox/ekko-lightbox.css

   1 /*!
   2  * Lightbox for Bootstrap 3 by @ashleydw
   3  * https://github.com/ashleydw/lightbox
   4  *
   5  * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
   6  */
   7
   8 .ekko-lightbox-container {
   9   position: relative;
  10 }
  11
  12 .ekko-lightbox-nav-overlay {
  13   position: absolute;
  14   top: 0;
  15   left: 0;
  16   z-index: 100;
  17   width: 100%;
  18   height: 100%;
  19 }
  20
  21 .ekko-lightbox-nav-overlay a {
  22   z-index: 100;
  23   display: block;
  24   width: 49%;
  25   height: 100%;
  26   font-size: 30px;
  27   color: #fff;
  28   text-shadow: 2px 2px 4px #000;
  29   opacity: 0;
  30   filter: dropshadow(color=#000000, offx=2, offy=2);
  31   -webkit-transition: opacity 0.5s;
  32      -moz-transition: opacity 0.5s;
  33        -o-transition: opacity 0.5s;
  34           transition: opacity 0.5s;
  35 }
  36
  37 .ekko-lightbox-nav-overlay a:empty {
  38   width: 49%;
  39 }
  40
  41 .ekko-lightbox a:hover {
  42   text-decoration: none;
  43   opacity: 1;
  44 }
  45
  46 .ekko-lightbox .glyphicon-chevron-left {
  47   left: 0;
  48   float: left;
  49   padding-left: 15px;
  50   text-align: left;
  51 }
  52
  53 .ekko-lightbox .glyphicon-chevron-right {
  54   right: 0;
  55   float: right;
  56   padding-right: 15px;
  57   text-align: right;
  58 }
  59
  60 .ekko-lightbox .modal-footer {
  61   text-align: left;
  62 }