bgneal@106: /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ bgneal@106: .fancybox-wrap, bgneal@106: .fancybox-skin, bgneal@106: .fancybox-outer, bgneal@106: .fancybox-inner, bgneal@106: .fancybox-image, bgneal@106: .fancybox-wrap iframe, bgneal@106: .fancybox-wrap object, bgneal@106: .fancybox-nav, bgneal@106: .fancybox-nav span, bgneal@106: .fancybox-tmp bgneal@106: { bgneal@106: padding: 0; bgneal@106: margin: 0; bgneal@106: border: 0; bgneal@106: outline: none; bgneal@106: vertical-align: top; bgneal@106: } bgneal@106: bgneal@106: .fancybox-wrap { bgneal@106: position: absolute; bgneal@106: top: 0; bgneal@106: left: 0; bgneal@106: z-index: 8020; bgneal@106: } bgneal@106: bgneal@106: .fancybox-skin { bgneal@106: position: relative; bgneal@106: background: #f9f9f9; bgneal@106: color: #444; bgneal@106: text-shadow: none; bgneal@106: -webkit-border-radius: 4px; bgneal@106: -moz-border-radius: 4px; bgneal@106: border-radius: 4px; bgneal@106: } bgneal@106: bgneal@106: .fancybox-opened { bgneal@106: z-index: 8030; bgneal@106: } bgneal@106: bgneal@106: .fancybox-opened .fancybox-skin { bgneal@106: -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); bgneal@106: -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); bgneal@106: box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); bgneal@106: } bgneal@106: bgneal@106: .fancybox-outer, .fancybox-inner { bgneal@106: position: relative; bgneal@106: } bgneal@106: bgneal@106: .fancybox-inner { bgneal@106: overflow: hidden; bgneal@106: } bgneal@106: bgneal@106: .fancybox-type-iframe .fancybox-inner { bgneal@106: -webkit-overflow-scrolling: touch; bgneal@106: } bgneal@106: bgneal@106: .fancybox-error { bgneal@106: color: #444; bgneal@106: font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; bgneal@106: margin: 0; bgneal@106: padding: 15px; bgneal@106: white-space: nowrap; bgneal@106: } bgneal@106: bgneal@106: .fancybox-image, .fancybox-iframe { bgneal@106: display: block; bgneal@106: width: 100%; bgneal@106: height: 100%; bgneal@106: } bgneal@106: bgneal@106: .fancybox-image { bgneal@106: max-width: 100%; bgneal@106: max-height: 100%; bgneal@106: } bgneal@106: bgneal@106: #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { bgneal@106: background-image: url('fancybox_sprite.png'); bgneal@106: } bgneal@106: bgneal@106: #fancybox-loading { bgneal@106: position: fixed; bgneal@106: top: 50%; bgneal@106: left: 50%; bgneal@106: margin-top: -22px; bgneal@106: margin-left: -22px; bgneal@106: background-position: 0 -108px; bgneal@106: opacity: 0.8; bgneal@106: cursor: pointer; bgneal@106: z-index: 8060; bgneal@106: } bgneal@106: bgneal@106: #fancybox-loading div { bgneal@106: width: 44px; bgneal@106: height: 44px; bgneal@106: background: url('fancybox_loading.gif') center center no-repeat; bgneal@106: } bgneal@106: bgneal@106: .fancybox-close { bgneal@106: position: absolute; bgneal@106: top: -18px; bgneal@106: right: -18px; bgneal@106: width: 36px; bgneal@106: height: 36px; bgneal@106: cursor: pointer; bgneal@106: z-index: 8040; bgneal@106: } bgneal@106: bgneal@106: .fancybox-nav { bgneal@106: position: absolute; bgneal@106: top: 0; bgneal@106: width: 40%; bgneal@106: height: 100%; bgneal@106: cursor: pointer; bgneal@106: text-decoration: none; bgneal@106: background: transparent url('blank.gif'); /* helps IE */ bgneal@106: -webkit-tap-highlight-color: rgba(0,0,0,0); bgneal@106: z-index: 8040; bgneal@106: } bgneal@106: bgneal@106: .fancybox-prev { bgneal@106: left: 0; bgneal@106: } bgneal@106: bgneal@106: .fancybox-next { bgneal@106: right: 0; bgneal@106: } bgneal@106: bgneal@106: .fancybox-nav span { bgneal@106: position: absolute; bgneal@106: top: 50%; bgneal@106: width: 36px; bgneal@106: height: 34px; bgneal@106: margin-top: -18px; bgneal@106: cursor: pointer; bgneal@106: z-index: 8040; bgneal@106: visibility: hidden; bgneal@106: } bgneal@106: bgneal@106: .fancybox-prev span { bgneal@106: left: 10px; bgneal@106: background-position: 0 -36px; bgneal@106: } bgneal@106: bgneal@106: .fancybox-next span { bgneal@106: right: 10px; bgneal@106: background-position: 0 -72px; bgneal@106: } bgneal@106: bgneal@106: .fancybox-nav:hover span { bgneal@106: visibility: visible; bgneal@106: } bgneal@106: bgneal@106: .fancybox-tmp { bgneal@106: position: absolute; bgneal@106: top: -99999px; bgneal@106: left: -99999px; bgneal@106: visibility: hidden; bgneal@106: max-width: 99999px; bgneal@106: max-height: 99999px; bgneal@106: overflow: visible !important; bgneal@106: } bgneal@106: bgneal@106: /* Overlay helper */ bgneal@106: bgneal@106: .fancybox-lock { bgneal@106: overflow: hidden !important; bgneal@106: width: auto; bgneal@106: } bgneal@106: bgneal@106: .fancybox-lock body { bgneal@106: overflow: hidden !important; bgneal@106: } bgneal@106: bgneal@106: .fancybox-lock-test { bgneal@106: overflow-y: hidden !important; bgneal@106: } bgneal@106: bgneal@106: .fancybox-overlay { bgneal@106: position: absolute; bgneal@106: top: 0; bgneal@106: left: 0; bgneal@106: overflow: hidden; bgneal@106: display: none; bgneal@106: z-index: 8010; bgneal@106: background: url('fancybox_overlay.png'); bgneal@106: } bgneal@106: bgneal@106: .fancybox-overlay-fixed { bgneal@106: position: fixed; bgneal@106: bottom: 0; bgneal@106: right: 0; bgneal@106: } bgneal@106: bgneal@106: .fancybox-lock .fancybox-overlay { bgneal@106: overflow: auto; bgneal@106: overflow-y: scroll; bgneal@106: } bgneal@106: bgneal@106: /* Title helper */ bgneal@106: bgneal@106: .fancybox-title { bgneal@106: visibility: hidden; bgneal@106: font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; bgneal@106: position: relative; bgneal@106: text-shadow: none; bgneal@106: z-index: 8050; bgneal@106: } bgneal@106: bgneal@106: .fancybox-opened .fancybox-title { bgneal@106: visibility: visible; bgneal@106: } bgneal@106: bgneal@106: .fancybox-title-float-wrap { bgneal@106: position: absolute; bgneal@106: bottom: 0; bgneal@106: right: 50%; bgneal@106: margin-bottom: -35px; bgneal@106: z-index: 8050; bgneal@106: text-align: center; bgneal@106: } bgneal@106: bgneal@106: .fancybox-title-float-wrap .child { bgneal@106: display: inline-block; bgneal@106: margin-right: -100%; bgneal@106: padding: 2px 20px; bgneal@106: background: transparent; /* Fallback for web browsers that doesn't support RGBa */ bgneal@106: background: rgba(0, 0, 0, 0.8); bgneal@106: -webkit-border-radius: 15px; bgneal@106: -moz-border-radius: 15px; bgneal@106: border-radius: 15px; bgneal@106: text-shadow: 0 1px 2px #222; bgneal@106: color: #FFF; bgneal@106: font-weight: bold; bgneal@106: line-height: 24px; bgneal@106: white-space: nowrap; bgneal@106: } bgneal@106: bgneal@106: .fancybox-title-outside-wrap { bgneal@106: position: relative; bgneal@106: margin-top: 10px; bgneal@106: color: #fff; bgneal@106: } bgneal@106: bgneal@106: .fancybox-title-inside-wrap { bgneal@106: padding-top: 10px; bgneal@106: } bgneal@106: bgneal@106: .fancybox-title-over-wrap { bgneal@106: position: absolute; bgneal@106: bottom: 0; bgneal@106: left: 0; bgneal@106: color: #fff; bgneal@106: padding: 10px; bgneal@106: background: #000; bgneal@106: background: rgba(0, 0, 0, .8); bgneal@106: } bgneal@106: bgneal@106: /*Retina graphics!*/ bgneal@106: @media only screen and (-webkit-min-device-pixel-ratio: 1.5), bgneal@106: only screen and (min--moz-device-pixel-ratio: 1.5), bgneal@106: only screen and (min-device-pixel-ratio: 1.5){ bgneal@106: bgneal@106: #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { bgneal@106: background-image: url('fancybox_sprite@2x.png'); bgneal@106: background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ bgneal@106: } bgneal@106: bgneal@106: #fancybox-loading div { bgneal@106: background-image: url('fancybox_loading@2x.gif'); bgneal@106: background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ bgneal@106: } bgneal@106: }