library/js/fancybox-2.1.5/source/jquery.fancybox.css

   1 /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
   2 .fancybox-wrap,
   3 .fancybox-skin,
   4 .fancybox-outer,
   5 .fancybox-inner,
   6 .fancybox-image,
   7 .fancybox-wrap iframe,
   8 .fancybox-wrap object,
   9 .fancybox-nav,
  10 .fancybox-nav span,
  11 .fancybox-tmp
  12 {
  13         padding: 0;
  14         margin: 0;
  15         border: 0;
  16         outline: none;
  17         vertical-align: top;
  18 }
  19
  20 .fancybox-wrap {
  21         position: absolute;
  22         top: 0;
  23         left: 0;
  24         z-index: 8020;
  25 }
  26
  27 .fancybox-skin {
  28         position: relative;
  29         background: #f9f9f9;
  30         color: #444;
  31         text-shadow: none;
  32         -webkit-border-radius: 4px;
  33            -moz-border-radius: 4px;
  34                 border-radius: 4px;
  35 }
  36
  37 .fancybox-opened {
  38         z-index: 8030;
  39 }
  40
  41 .fancybox-opened .fancybox-skin {
  42         -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  43            -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  44                 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  45 }
  46
  47 .fancybox-outer, .fancybox-inner {
  48         position: relative;
  49 }
  50
  51 .fancybox-inner {
  52         overflow: hidden;
  53 }
  54
  55 .fancybox-type-iframe .fancybox-inner {
  56         -webkit-overflow-scrolling: touch;
  57 }
  58
  59 .fancybox-error {
  60         color: #444;
  61         font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  62         margin: 0;
  63         padding: 15px;
  64         white-space: nowrap;
  65 }
  66
  67 .fancybox-image, .fancybox-iframe {
  68         display: block;
  69         width: 100%;
  70         height: 100%;
  71 }
  72
  73 .fancybox-image {
  74         max-width: 100%;
  75         max-height: 100%;
  76 }
  77
  78 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  79         background-image: url('fancybox_sprite.png');
  80 }
  81
  82 #fancybox-loading {
  83         position: fixed;
  84         top: 50%;
  85         left: 50%;
  86         margin-top: -22px;
  87         margin-left: -22px;
  88         background-position: 0 -108px;
  89         opacity: 0.8;
  90         cursor: pointer;
  91         z-index: 8060;
  92 }
  93
  94 #fancybox-loading div {
  95         width: 44px;
  96         height: 44px;
  97         background: url('fancybox_loading.gif') center center no-repeat;
  98 }
  99
 100 .fancybox-close {
 101         position: absolute;
 102         top: -18px;
 103         right: -18px;
 104         width: 36px;
 105         height: 36px;
 106         cursor: pointer;
 107         z-index: 8040;
 108 }
 109
 110 .fancybox-nav {
 111         position: absolute;
 112         top: 0;
 113         width: 40%;
 114         height: 100%;
 115         cursor: pointer;
 116         text-decoration: none;
 117         background: transparent url('blank.gif'); /* helps IE */
 118         -webkit-tap-highlight-color: rgba(0,0,0,0);
 119         z-index: 8040;
 120 }
 121
 122 .fancybox-prev {
 123         left: 0;
 124 }
 125
 126 .fancybox-next {
 127         right: 0;
 128 }
 129
 130 .fancybox-nav span {
 131         position: absolute;
 132         top: 50%;
 133         width: 36px;
 134         height: 34px;
 135         margin-top: -18px;
 136         cursor: pointer;
 137         z-index: 8040;
 138         visibility: hidden;
 139 }
 140
 141 .fancybox-prev span {
 142         left: 10px;
 143         background-position: 0 -36px;
 144 }
 145
 146 .fancybox-next span {
 147         right: 10px;
 148         background-position: 0 -72px;
 149 }
 150
 151 .fancybox-nav:hover span {
 152         visibility: visible;
 153 }
 154
 155 .fancybox-tmp {
 156         position: absolute;
 157         top: -99999px;
 158         left: -99999px;
 159         visibility: hidden;
 160         max-width: 99999px;
 161         max-height: 99999px;
 162         overflow: visible !important;
 163 }
 164
 165 /* Overlay helper */
 166
 167 .fancybox-lock {
 168     overflow: hidden !important;
 169     width: auto;
 170 }
 171
 172 .fancybox-lock body {
 173     overflow: hidden !important;
 174 }
 175
 176 .fancybox-lock-test {
 177     overflow-y: hidden !important;
 178 }
 179
 180 .fancybox-overlay {
 181         position: absolute;
 182         top: 0;
 183         left: 0;
 184         overflow: hidden;
 185         display: none;
 186         z-index: 8010;
 187         background: url('fancybox_overlay.png');
 188 }
 189
 190 .fancybox-overlay-fixed {
 191         position: fixed;
 192         bottom: 0;
 193         right: 0;
 194 }
 195
 196 .fancybox-lock .fancybox-overlay {
 197         overflow: auto;
 198         overflow-y: scroll;
 199 }
 200
 201 /* Title helper */
 202
 203 .fancybox-title {
 204         visibility: hidden;
 205         font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
 206         position: relative;
 207         text-shadow: none;
 208         z-index: 8050;
 209 }
 210
 211 .fancybox-opened .fancybox-title {
 212         visibility: visible;
 213 }
 214
 215 .fancybox-title-float-wrap {
 216         position: absolute;
 217         bottom: 0;
 218         right: 50%;
 219         margin-bottom: -35px;
 220         z-index: 8050;
 221         text-align: center;
 222 }
 223
 224 .fancybox-title-float-wrap .child {
 225         display: inline-block;
 226         margin-right: -100%;
 227         padding: 2px 20px;
 228         background: transparent; /* Fallback for web browsers that doesn't support RGBa */
 229         background: rgba(0, 0, 0, 0.8);
 230         -webkit-border-radius: 15px;
 231            -moz-border-radius: 15px;
 232                 border-radius: 15px;
 233         text-shadow: 0 1px 2px #222;
 234         color: #FFF;
 235         font-weight: bold;
 236         line-height: 24px;
 237         white-space: nowrap;
 238 }
 239
 240 .fancybox-title-outside-wrap {
 241         position: relative;
 242         margin-top: 10px;
 243         color: #fff;
 244 }
 245
 246 .fancybox-title-inside-wrap {
 247         padding-top: 10px;
 248 }
 249
 250 .fancybox-title-over-wrap {
 251         position: absolute;
 252         bottom: 0;
 253         left: 0;
 254         color: #fff;
 255         padding: 10px;
 256         background: #000;
 257         background: rgba(0, 0, 0, .8);
 258 }
 259
 260 /*Retina graphics!*/
 261 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 262            only screen and (min--moz-device-pixel-ratio: 1.5),
 263            only screen and (min-device-pixel-ratio: 1.5){
 264
 265         #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 266                 background-image: url('fancybox_sprite@2x.png');
 267                 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
 268         }
 269
 270         #fancybox-loading div {
 271                 background-image: url('fancybox_loading@2x.gif');
 272                 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
 273         }
 274 }