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 : 14 px/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 13 px/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+ }
0 commit comments