blob: c75d05135e3694193b210ff230e35c1ed18d4da9 [file] [log] [blame]
Tang Cheng60ba8032016-06-20 15:31:17 +08001/*! 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 max-width: 99999px;
160 max-height: 99999px;
161 overflow: visible !important;
162}
163
164/* Overlay helper */
165
166.fancybox-lock {
167 overflow: visible !important;
168 width: auto;
169}
170
171.fancybox-lock body {
172 overflow: hidden !important;
173}
174
175.fancybox-lock-test {
176 overflow-y: hidden !important;
177}
178
179.fancybox-overlay {
180 position: absolute;
181 top: 0;
182 left: 0;
183 overflow: hidden;
184 display: none;
185 z-index: 8010;
186 background: url(fancybox_overlay.png);
187}
188
189.fancybox-overlay-fixed {
190 position: fixed;
191 bottom: 0;
192 right: 0;
193}
194
195.fancybox-lock .fancybox-overlay {
196 overflow: auto;
197 overflow-y: scroll;
198}
199
200/* Title helper */
201
202.fancybox-title {
203 visibility: hidden;
204 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
205 position: relative;
206 text-shadow: none;
207 z-index: 8050;
208}
209
210.fancybox-opened .fancybox-title {
211 visibility: visible;
212}
213
214.fancybox-title-float-wrap {
215 position: absolute;
216 bottom: 0;
217 right: 50%;
218 margin-bottom: -35px;
219 z-index: 8050;
220 text-align: center;
221}
222
223.fancybox-title-float-wrap .child {
224 display: inline-block;
225 margin-right: -100%;
226 padding: 2px 20px;
227 background: transparent; /* Fallback for web browsers that doesn't support RGBa */
228 background: rgba(0, 0, 0, 0.8);
229 -webkit-border-radius: 15px;
230 -moz-border-radius: 15px;
231 border-radius: 15px;
232 text-shadow: 0 1px 2px #222;
233 color: #FFF;
234 font-weight: bold;
235 line-height: 24px;
236 white-space: nowrap;
237}
238
239.fancybox-title-outside-wrap {
240 position: relative;
241 margin-top: 10px;
242 color: #fff;
243}
244
245.fancybox-title-inside-wrap {
246 padding-top: 10px;
247}
248
249.fancybox-title-over-wrap {
250 position: absolute;
251 bottom: 0;
252 left: 0;
253 color: #fff;
254 padding: 10px;
255 background: #000;
256 background: rgba(0, 0, 0, .8);
257}
258
259/*Retina graphics!*/
260@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
261 only screen and (min--moz-device-pixel-ratio: 1.5),
262 only screen and (min-device-pixel-ratio: 1.5){
263
264 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
265 background-image: url(fancybox_sprite@2x.png);
266 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
267 }
268
269 #fancybox-loading div {
270 background-image: url(fancybox_loading@2x.gif);
271 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
272 }
273}