[Summary view] [Print] [Text view]

   1  /**
   2   * @provides lightbox-attachment-css
   3   */
   4  
   5  
   6  .lightbox-attached {
   7    overflow: hidden;
   8  }
   9  
  10  .lightbox-attachment {
  11    position: fixed;
  12    top: 0;
  13    left: 0;
  14    bottom: 0;
  15    right: 0;
  16    overflow-y: auto;
  17  }
  18  
  19  .lightbox-attachment img {
  20    margin: 3% auto 0;
  21    max-height: 90%;
  22    max-width: 90%;
  23  }
  24  
  25  .lightbox-attachment .loading {
  26    position: absolute;
  27    top: -9999px;
  28  }
  29  
  30  .lightbox-attachment .attachment-name {
  31    width: 100%;
  32    color: #F2F2F2;
  33    line-height: 30px;
  34    text-align: center;
  35  }
  36  
  37  .lightbox-attachment .lightbox-status {
  38    background: #010101;
  39    color: #F2F2F2;
  40    line-height: 30px;
  41    position: fixed;
  42    bottom: 0px;
  43    width: 100%;
  44  }
  45  
  46  .lightbox-attachment .lightbox-status .lightbox-status-txt {
  47    padding: 0px 0px 0px 20px;
  48  }
  49  
  50  .lightbox-attachment .lightbox-status .lightbox-download {
  51    padding: 0px 20px 0px 0px;
  52    float: right;
  53  }
  54  
  55  .lightbox-attachment .lightbox-status .lightbox-download
  56  .lightbox-download-form {
  57    display: inline;
  58  }
  59  .lightbox-attachment .lightbox-status .lightbox-download
  60  .lightbox-download-form button {
  61    border: 0;
  62    background: #010101;
  63  }
  64  .lightbox-attachment .lightbox-status .lightbox-download
  65  .lightbox-download-form button:hover {
  66    background: #333;
  67  }
  68  
  69  .lightbox-attachment .lightbox-close {
  70    top: 22px;
  71    right: 20px;
  72    position: fixed;
  73    display: block;
  74    height: 26px;
  75    width: 26px;
  76    background: url('/rsrc/image/icon/lightbox/close-2.png');
  77  }
  78  .lightbox-attachment .lightbox-close:hover {
  79    background: url('/rsrc/image/icon/lightbox/close-hover-2.png');
  80  }
  81  
  82  .lightbox-attachment .lightbox-left {
  83    top: 46%;
  84    left: 20px;
  85    position: fixed;
  86    display: block;
  87    height: 38px;
  88    width: 21px;
  89    background: url('/rsrc/image/icon/lightbox/left-arrow-2.png');
  90  }
  91  .lightbox-attachment .lightbox-left:hover {
  92    background: url('/rsrc/image/icon/lightbox/left-arrow-hover-2.png');
  93  }
  94  
  95  .lightbox-attachment .lightbox-right {
  96    top: 46%;
  97    right: 20px;
  98    position: fixed;
  99    display: block;
 100    height: 38px;
 101    width: 21px;
 102    background: url('/rsrc/image/icon/lightbox/right-arrow-2.png');
 103  }
 104  .lightbox-attachment .lightbox-right:hover {
 105    background: url('/rsrc/image/icon/lightbox/right-arrow-hover-2.png');
 106  }