Left: | ||
Right: |
OLD | NEW |
---|---|
(Empty) | |
1 /* | |
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'); | |
Wladimir Palant
2016/12/01 13:13:43
I changed the URL here and for the other links, al
| |
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: 18px; | |
259 font-weight: bolder; | |
260 z-index: 1102; | |
261 } | |
262 | |
263 .fancybox-title-inside { | |
264 padding-bottom: 10px; | |
265 text-align: center; | |
266 color: #333; | |
267 background: #fff; | |
268 position: relative; | |
269 } | |
270 | |
271 .fancybox-title-outside { | |
272 padding-top: 10px; | |
273 color: #fff; | |
274 } | |
275 | |
276 .fancybox-title-over { | |
277 position: absolute; | |
278 bottom: 0; | |
279 left: 0; | |
280 color: #FFF; | |
281 text-align: left; | |
282 } | |
283 | |
284 #fancybox-title-over { | |
285 padding: 10px; | |
286 background-image: url('fancy_title_over.png'); | |
287 display: block; | |
288 } | |
289 | |
290 .fancybox-title-float { | |
291 position: absolute; | |
292 left: 0; | |
293 bottom: -20px; | |
294 height: 32px; | |
295 } | |
296 | |
297 #fancybox-title-float-wrap { | |
298 border: none; | |
299 border-collapse: collapse; | |
300 width: auto; | |
301 } | |
302 | |
303 #fancybox-title-float-wrap td { | |
304 border: none; | |
305 white-space: nowrap; | |
306 } | |
307 | |
308 #fancybox-title-float-left { | |
309 padding: 0 0 0 15px; | |
310 background: url('fancybox.png') -40px -90px no-repeat; | |
311 } | |
312 | |
313 #fancybox-title-float-main { | |
314 color: #FFF; | |
315 line-height: 29px; | |
316 font-weight: bold; | |
317 padding: 0 0 3px 0; | |
318 background: url('fancybox-x.png') 0px -40px; | |
319 } | |
320 | |
321 #fancybox-title-float-right { | |
322 padding: 0 0 0 15px; | |
323 background: url('fancybox.png') -55px -90px no-repeat; | |
324 } | |
325 | |
326 /* IE6 */ | |
327 | |
328 .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageT ransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod ='scale'); } | |
Wladimir Palant
2016/12/01 13:13:43
I didn't bother with these IE6 paths (these weren'
Thomas Greiner
2016/12/07 16:08:32
Fair enough.
| |
329 | |
330 .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXIma geTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizing Method='scale'); } | |
331 .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXIm ageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizi ngMethod='scale'); } | |
332 | |
333 .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXI mageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', si zingMethod='scale'); zoom: 1; } | |
334 .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: prog id:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.pn g', sizingMethod='scale'); } | |
335 .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: prog id:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.pn g', sizingMethod='scale'); } | |
336 .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: pro gid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right. png', sizingMethod='scale'); } | |
337 | |
338 .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancy box-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { | |
339 height: expression(this.parentNode.clientHeight + "px"); | |
340 } | |
341 | |
342 #fancybox-loading.fancybox-ie6 { | |
343 position: absolute; margin-top: 0; | |
344 top: expression( (-20 + (document.documentElement.clientHeight ? documen t.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : docum ent.body.scrollTop )) + 'px'); | |
345 } | |
346 | |
347 #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progi d:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } | |
348 | |
349 /* IE6, IE7, IE8 */ | |
350 | |
351 .fancybox-ie .fancybox-bg { background: transparent !important; } | |
352 | |
353 .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaIma geLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } | |
354 .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaIm ageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } | |
355 .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaIma geLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } | |
356 .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaIm ageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } | |
357 .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaIma geLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } | |
358 .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaIm ageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } | |
359 .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaIma geLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } | |
360 .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaIm ageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } | |
OLD | NEW |