Moxie
2014-10-20 892246e3a79528c3d2c1d975686c9113a0b084d5
commit | author | age
48fe87 1 /*
M 2  * FancyBox - jQuery Plugin
3  * Simple and fancy lightbox alternative
4  *
5  * Examples and documentation at: http://fancybox.net
6  * 
7  * Copyright (c) 2008 - 2010 Janis Skarnelis
8  * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
9  * 
10  * Version: 1.3.4 (11/11/2010)
11  * Requires: jQuery v1.3+
12  *
13  * Dual licensed under the MIT and GPL licenses:
14  *   http://www.opensource.org/licenses/mit-license.php
15  *   http://www.gnu.org/licenses/gpl.html
16  */
17
18 #fancybox-loading {
19     position: fixed;
20     top: 50%;
21     left: 50%;
22     width: 40px;
23     height: 40px;
24     margin-top: -20px;
25     margin-left: -20px;
26     cursor: pointer;
27     overflow: hidden;
28     z-index: 1104;
29     display: none;
30 }
31
32 #fancybox-loading div {
33     position: absolute;
34     top: 0;
35     left: 0;
36     width: 40px;
37     height: 480px;
38     background-image: url('fancybox.png');
39 }
40
41 #fancybox-overlay {
42     position: absolute;
43     top: 0;
44     left: 0;
45     width: 100%;
46     z-index: 1100;
47     display: none;
48 }
49
50 #fancybox-tmp {
51     padding: 0;
52     margin: 0;
53     border: 0;
54     overflow: auto;
55     display: none;
56 }
57
58 #fancybox-wrap {
59     position: absolute;
60     top: 0;
61     left: 0;
62     padding: 20px;
63     z-index: 1101;
64     outline: none;
65     display: none;
66 }
67
68 #fancybox-outer {
69     position: relative;
70     width: 100%;
71     height: 100%;
72     background: #fff;
73 }
74
75 #fancybox-content {
76     width: 0;
77     height: 0;
78     padding: 0;
79     outline: none;
80     position: relative;
81     overflow: hidden;
82     z-index: 1102;
83     border: 0px solid #fff;
84 }
85
86 #fancybox-hide-sel-frame {
87     position: absolute;
88     top: 0;
89     left: 0;
90     width: 100%;
91     height: 100%;
92     background: transparent;
93     z-index: 1101;
94 }
95
96 #fancybox-close {
97     position: absolute;
98     top: -15px;
99     right: -15px;
100     width: 30px;
101     height: 30px;
102     background: transparent url('fancybox.png') -40px 0px;
103     cursor: pointer;
104     z-index: 1103;
105     display: none;
106 }
107
108 #fancybox-error {
109     color: #444;
110     font: normal 12px/20px Arial;
111     padding: 14px;
112     margin: 0;
113 }
114
115 #fancybox-img {
116     width: 100%;
117     height: 100%;
118     padding: 0;
119     margin: 0;
120     border: none;
121     outline: none;
122     line-height: 0;
123     vertical-align: top;
124 }
125
126 #fancybox-frame {
127     width: 100%;
128     height: 100%;
129     border: none;
130     display: block;
131 }
132
133 #fancybox-left, #fancybox-right {
134     position: absolute;
135     bottom: 0px;
136     height: 100%;
137     width: 35%;
138     cursor: pointer;
139     outline: none;
140     background: transparent url('blank.gif');
141     z-index: 1102;
142     display: none;
143 }
144
145 #fancybox-left {
146     left: 0px;
147 }
148
149 #fancybox-right {
150     right: 0px;
151 }
152
153 #fancybox-left-ico, #fancybox-right-ico {
154     position: absolute;
155     top: 50%;
156     left: -9999px;
157     width: 30px;
158     height: 30px;
159     margin-top: -15px;
160     cursor: pointer;
161     z-index: 1102;
162     display: block;
163 }
164
165 #fancybox-left-ico {
166     background-image: url('fancybox.png');
167     background-position: -40px -30px;
168 }
169
170 #fancybox-right-ico {
171     background-image: url('fancybox.png');
172     background-position: -40px -60px;
173 }
174
175 #fancybox-left:hover, #fancybox-right:hover {
176     visibility: visible; /* IE6 */
177 }
178
179 #fancybox-left:hover span {
180     left: 20px;
181 }
182
183 #fancybox-right:hover span {
184     left: auto;
185     right: 20px;
186 }
187
188 .fancybox-bg {
189     position: absolute;
190     padding: 0;
191     margin: 0;
192     border: 0;
193     width: 20px;
194     height: 20px;
195     z-index: 1001;
196 }
197
198 #fancybox-bg-n {
199     top: -20px;
200     left: 0;
201     width: 100%;
202     background-image: url('fancybox-x.png');
203 }
204
205 #fancybox-bg-ne {
206     top: -20px;
207     right: -20px;
208     background-image: url('fancybox.png');
209     background-position: -40px -162px;
210 }
211
212 #fancybox-bg-e {
213     top: 0;
214     right: -20px;
215     height: 100%;
216     background-image: url('fancybox-y.png');
217     background-position: -20px 0px;
218 }
219
220 #fancybox-bg-se {
221     bottom: -20px;
222     right: -20px;
223     background-image: url('fancybox.png');
224     background-position: -40px -182px; 
225 }
226
227 #fancybox-bg-s {
228     bottom: -20px;
229     left: 0;
230     width: 100%;
231     background-image: url('fancybox-x.png');
232     background-position: 0px -20px;
233 }
234
235 #fancybox-bg-sw {
236     bottom: -20px;
237     left: -20px;
238     background-image: url('fancybox.png');
239     background-position: -40px -142px;
240 }
241
242 #fancybox-bg-w {
243     top: 0;
244     left: -20px;
245     height: 100%;
246     background-image: url('fancybox-y.png');
247 }
248
249 #fancybox-bg-nw {
250     top: -20px;
251     left: -20px;
252     background-image: url('fancybox.png');
253     background-position: -40px -122px;
254 }
255
256 #fancybox-title {
257     font-family: Helvetica;
258     font-size: 12px;
259     z-index: 1102;
260 }
261
262 .fancybox-title-inside {
263     padding-bottom: 10px;
264     text-align: center;
265     color: #333;
266     background: #fff;
267     position: relative;
268 }
269
270 .fancybox-title-outside {
271     padding-top: 10px;
272     color: #fff;
273 }
274
275 .fancybox-title-over {
276     position: absolute;
277     bottom: 0;
278     left: 0;
279     color: #FFF;
280     text-align: left;
281 }
282
283 #fancybox-title-over {
284     padding: 10px;
285     background-image: url('fancy_title_over.png');
286     display: block;
287 }
288
289 .fancybox-title-float {
290     position: absolute;
291     left: 0;
292     bottom: -20px;
293     height: 32px;
294 }
295
296 #fancybox-title-float-wrap {
297     border: none;
298     border-collapse: collapse;
299     width: auto;
300 }
301
302 #fancybox-title-float-wrap td {
303     border: none;
304     white-space: nowrap;
305 }
306
307 #fancybox-title-float-left {
308     padding: 0 0 0 15px;
309     background: url('fancybox.png') -40px -90px no-repeat;
310 }
311
312 #fancybox-title-float-main {
313     color: #FFF;
314     line-height: 29px;
315     font-weight: bold;
316     padding: 0 0 3px 0;
317     background: url('fancybox-x.png') 0px -40px;
318 }
319
320 #fancybox-title-float-right {
321     padding: 0 0 0 15px;
322     background: url('fancybox.png') -55px -90px no-repeat;
323 }
324
325 /* IE6 */
326
327 .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
328
329 .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
330 .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
331
332 .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
333 .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
334 .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
335 .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
336
337 .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
338     height: expression(this.parentNode.clientHeight + "px");
339 }
340
341 #fancybox-loading.fancybox-ie6 {
342     position: absolute; margin-top: 0;
343     top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
344 }
345
346 #fancybox-loading.fancybox-ie6 div    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
347
348 /* IE6, IE7, IE8 */
349
350 .fancybox-ie .fancybox-bg { background: transparent !important; }
351
352 .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
353 .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
354 .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
355 .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
356 .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
357 .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
358 .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
359 .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }