/pigeoncms/Js/fancybox/fancy.css

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