Subversion-Projekte lars-tiefland.webanos.zeldi.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
4 lars 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: 14px/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 13px/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 
}