root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / magnific-popup.css @ ceaaa3be
History | View | Annotate | Download (10.3 kB)
1 |
/* Magnific Popup CSS */
|
---|---|
2 |
/* line 77, ../sass/magnific-popup.scss */
|
3 |
.mfp-bg {
|
4 |
top: 0; |
5 |
left: 0; |
6 |
width: 100%; |
7 |
height: 100%; |
8 |
z-index: 1042; |
9 |
overflow: hidden; |
10 |
position: fixed; |
11 |
background: #0b0b0b; |
12 |
opacity: 0.8; |
13 |
filter: alpha(opacity=80); |
14 |
} |
15 |
|
16 |
/* line 94, ../sass/magnific-popup.scss */
|
17 |
.mfp-wrap {
|
18 |
top: 0; |
19 |
left: 0; |
20 |
width: 100%; |
21 |
height: 100%; |
22 |
z-index: 1043; |
23 |
position: fixed; |
24 |
outline: none !important; |
25 |
-webkit-backface-visibility: hidden; |
26 |
} |
27 |
|
28 |
/* line 106, ../sass/magnific-popup.scss */
|
29 |
.mfp-container {
|
30 |
text-align: center; |
31 |
position: absolute; |
32 |
width: 100%; |
33 |
height: 100%; |
34 |
left: 0; |
35 |
top: 0; |
36 |
padding: 0 8px; |
37 |
-webkit-box-sizing: border-box; |
38 |
-moz-box-sizing: border-box; |
39 |
box-sizing: border-box; |
40 |
} |
41 |
|
42 |
/* line 120, ../sass/magnific-popup.scss */
|
43 |
.mfp-container:before { |
44 |
content: ''; |
45 |
display: inline-block; |
46 |
height: 100%; |
47 |
vertical-align: middle; |
48 |
} |
49 |
|
50 |
/* line 128, ../sass/magnific-popup.scss */
|
51 |
.mfp-align-top .mfp-container:before { |
52 |
display: none; |
53 |
} |
54 |
|
55 |
/* line 133, ../sass/magnific-popup.scss */
|
56 |
.mfp-content {
|
57 |
position: relative; |
58 |
display: inline-block; |
59 |
vertical-align: middle; |
60 |
margin: 0 auto; |
61 |
text-align: left; |
62 |
z-index: 1045; |
63 |
} |
64 |
|
65 |
/* line 142, ../sass/magnific-popup.scss */
|
66 |
.mfp-inline-holder .mfp-content, |
67 |
.mfp-ajax-holder .mfp-content { |
68 |
width: 100%; |
69 |
cursor: auto; |
70 |
} |
71 |
|
72 |
/* line 148, ../sass/magnific-popup.scss */
|
73 |
.mfp-ajax-cur {
|
74 |
cursor: progress; |
75 |
} |
76 |
|
77 |
/* line 152, ../sass/magnific-popup.scss */
|
78 |
.mfp-zoom-out-cur,
|
79 |
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
80 |
cursor: -moz-zoom-out; |
81 |
cursor: -webkit-zoom-out; |
82 |
cursor: zoom-out; |
83 |
} |
84 |
|
85 |
/* line 157, ../sass/magnific-popup.scss */
|
86 |
.mfp-zoom {
|
87 |
cursor: pointer; |
88 |
cursor: -webkit-zoom-in; |
89 |
cursor: -moz-zoom-in; |
90 |
cursor: zoom-in; |
91 |
} |
92 |
|
93 |
/* line 163, ../sass/magnific-popup.scss */
|
94 |
.mfp-auto-cursor .mfp-content { |
95 |
cursor: auto; |
96 |
} |
97 |
|
98 |
/* line 170, ../sass/magnific-popup.scss */
|
99 |
.mfp-close,
|
100 |
.mfp-arrow,
|
101 |
.mfp-preloader,
|
102 |
.mfp-counter {
|
103 |
-webkit-user-select: none; |
104 |
-moz-user-select: none; |
105 |
user-select: none; |
106 |
} |
107 |
|
108 |
/* line 177, ../sass/magnific-popup.scss */
|
109 |
.mfp-loading.mfp-figure { |
110 |
display: none; |
111 |
} |
112 |
|
113 |
/* line 195, ../sass/magnific-popup.scss */
|
114 |
.mfp-hide {
|
115 |
display: none !important; |
116 |
} |
117 |
|
118 |
/* line 206, ../sass/magnific-popup.scss */
|
119 |
.mfp-preloader {
|
120 |
color: #cccccc; |
121 |
position: absolute; |
122 |
top: 50%; |
123 |
width: auto; |
124 |
text-align: center; |
125 |
margin-top: -0.8em; |
126 |
left: 8px; |
127 |
right: 8px; |
128 |
z-index: 1044; |
129 |
} |
130 |
|
131 |
/* line 217, ../sass/magnific-popup.scss */
|
132 |
.mfp-preloader a { |
133 |
color: #cccccc; |
134 |
} |
135 |
|
136 |
/* line 220, ../sass/magnific-popup.scss */
|
137 |
.mfp-preloader a:hover { |
138 |
color: white; |
139 |
} |
140 |
|
141 |
/* line 225, ../sass/magnific-popup.scss */
|
142 |
.mfp-s-ready .mfp-preloader { |
143 |
display: none; |
144 |
} |
145 |
|
146 |
/* line 230, ../sass/magnific-popup.scss */
|
147 |
.mfp-s-error .mfp-content { |
148 |
display: none; |
149 |
} |
150 |
|
151 |
/* line 237, ../sass/magnific-popup.scss */
|
152 |
button.mfp-close, |
153 |
button.mfp-arrow { |
154 |
overflow: visible; |
155 |
cursor: pointer; |
156 |
background: transparent; |
157 |
border: 0; |
158 |
-webkit-appearance: none; |
159 |
display: block; |
160 |
padding: 0; |
161 |
z-index: 1046; |
162 |
-webkit-box-shadow: none; |
163 |
box-shadow: none; |
164 |
} |
165 |
|
166 |
/* line 249, ../sass/magnific-popup.scss */
|
167 |
button::-moz-focus-inner { |
168 |
padding: 0; |
169 |
border: 0; |
170 |
} |
171 |
|
172 |
/* line 256, ../sass/magnific-popup.scss */
|
173 |
.mfp-close {
|
174 |
width: 44px; |
175 |
height: 44px; |
176 |
line-height: 44px; |
177 |
position: absolute; |
178 |
right: 0; |
179 |
top: 0; |
180 |
text-decoration: none; |
181 |
text-align: center; |
182 |
opacity: 0.65; |
183 |
padding: 0 0 18px 10px; |
184 |
color: white; |
185 |
font-style: normal; |
186 |
font-size: 28px; |
187 |
font-family: Arial, Baskerville, monospace; |
188 |
} |
189 |
/* line 275, ../sass/magnific-popup.scss */
|
190 |
.mfp-close:hover, .mfp-close:focus { |
191 |
opacity: 1; |
192 |
} |
193 |
/* line 279, ../sass/magnific-popup.scss */
|
194 |
.mfp-close:active { |
195 |
top: 1px; |
196 |
} |
197 |
|
198 |
/* line 283, ../sass/magnific-popup.scss */
|
199 |
.mfp-close-btn-in .mfp-close { |
200 |
color: #333333; |
201 |
} |
202 |
|
203 |
/* line 287, ../sass/magnific-popup.scss */
|
204 |
.mfp-image-holder .mfp-close, |
205 |
.mfp-iframe-holder .mfp-close { |
206 |
color: white; |
207 |
right: -6px; |
208 |
text-align: right; |
209 |
padding-right: 6px; |
210 |
width: 100%; |
211 |
} |
212 |
|
213 |
/* line 296, ../sass/magnific-popup.scss */
|
214 |
.mfp-counter {
|
215 |
position: absolute; |
216 |
top: 0; |
217 |
right: 0; |
218 |
color: #cccccc; |
219 |
font-size: 12px; |
220 |
line-height: 18px; |
221 |
} |
222 |
|
223 |
/* line 307, ../sass/magnific-popup.scss */
|
224 |
.mfp-arrow {
|
225 |
position: absolute; |
226 |
opacity: 0.65; |
227 |
margin: 0; |
228 |
top: 50%; |
229 |
margin-top: -55px; |
230 |
padding: 0; |
231 |
width: 90px; |
232 |
height: 110px; |
233 |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
234 |
} |
235 |
|
236 |
/* line 318, ../sass/magnific-popup.scss */
|
237 |
.mfp-arrow:active { |
238 |
margin-top: -54px; |
239 |
} |
240 |
|
241 |
/* line 322, ../sass/magnific-popup.scss */
|
242 |
.mfp-arrow:hover, |
243 |
.mfp-arrow:focus { |
244 |
opacity: 1; |
245 |
} |
246 |
|
247 |
/* line 331, ../sass/magnific-popup.scss */
|
248 |
.mfp-arrow:before, .mfp-arrow:after, |
249 |
.mfp-arrow .mfp-b, |
250 |
.mfp-arrow .mfp-a { |
251 |
content: ''; |
252 |
display: block; |
253 |
width: 0; |
254 |
height: 0; |
255 |
position: absolute; |
256 |
left: 0; |
257 |
top: 0; |
258 |
margin-top: 35px; |
259 |
margin-left: 35px; |
260 |
border: medium inset transparent; |
261 |
} |
262 |
/* line 345, ../sass/magnific-popup.scss */
|
263 |
.mfp-arrow:after, |
264 |
.mfp-arrow .mfp-a { |
265 |
border-top-width: 13px; |
266 |
border-bottom-width: 13px; |
267 |
top: 8px; |
268 |
} |
269 |
/* line 353, ../sass/magnific-popup.scss */
|
270 |
.mfp-arrow:before, |
271 |
.mfp-arrow .mfp-b { |
272 |
border-top-width: 21px; |
273 |
border-bottom-width: 21px; |
274 |
} |
275 |
|
276 |
/* line 360, ../sass/magnific-popup.scss */
|
277 |
.mfp-arrow-left {
|
278 |
left: 0; |
279 |
} |
280 |
/* line 364, ../sass/magnific-popup.scss */
|
281 |
.mfp-arrow-left:after, |
282 |
.mfp-arrow-left .mfp-a { |
283 |
border-right: 17px solid #FFF; |
284 |
margin-left: 31px; |
285 |
} |
286 |
/* line 369, ../sass/magnific-popup.scss */
|
287 |
.mfp-arrow-left:before, |
288 |
.mfp-arrow-left .mfp-b { |
289 |
margin-left: 25px; |
290 |
border-right: 27px solid #3f3f3f; |
291 |
} |
292 |
|
293 |
/* line 375, ../sass/magnific-popup.scss */
|
294 |
.mfp-arrow-right {
|
295 |
right: 0; |
296 |
} |
297 |
/* line 378, ../sass/magnific-popup.scss */
|
298 |
.mfp-arrow-right:after, |
299 |
.mfp-arrow-right .mfp-a { |
300 |
border-left: 17px solid #FFF; |
301 |
margin-left: 39px; |
302 |
} |
303 |
/* line 383, ../sass/magnific-popup.scss */
|
304 |
.mfp-arrow-right:before, |
305 |
.mfp-arrow-right .mfp-b { |
306 |
border-left: 27px solid #3f3f3f; |
307 |
} |
308 |
|
309 |
/* line 393, ../sass/magnific-popup.scss */
|
310 |
.mfp-iframe-holder {
|
311 |
padding-top: 40px; |
312 |
padding-bottom: 40px; |
313 |
} |
314 |
|
315 |
/* line 397, ../sass/magnific-popup.scss */
|
316 |
.mfp-iframe-holder .mfp-content { |
317 |
line-height: 0; |
318 |
width: 100%; |
319 |
max-width: 900px; |
320 |
} |
321 |
|
322 |
/* line 402, ../sass/magnific-popup.scss */
|
323 |
.mfp-iframe-scaler {
|
324 |
width: 100%; |
325 |
height: 0; |
326 |
overflow: hidden; |
327 |
padding-top: 56.25%; |
328 |
} |
329 |
|
330 |
/* line 408, ../sass/magnific-popup.scss */
|
331 |
.mfp-iframe-scaler iframe { |
332 |
position: absolute; |
333 |
display: block; |
334 |
top: 0; |
335 |
left: 0; |
336 |
width: 100%; |
337 |
height: 100%; |
338 |
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
339 |
background: black; |
340 |
} |
341 |
|
342 |
/* line 418, ../sass/magnific-popup.scss */
|
343 |
.mfp-iframe-holder .mfp-close { |
344 |
top: -40px; |
345 |
} |
346 |
|
347 |
/* Main image in popup */
|
348 |
/* line 429, ../sass/magnific-popup.scss */
|
349 |
img.mfp-img { |
350 |
width: auto; |
351 |
max-width: 100%; |
352 |
height: auto; |
353 |
display: block; |
354 |
line-height: 0; |
355 |
-webkit-box-sizing: border-box; |
356 |
-moz-box-sizing: border-box; |
357 |
box-sizing: border-box; |
358 |
padding: 40px 0 40px; |
359 |
margin: 0 auto; |
360 |
} |
361 |
|
362 |
/* The shadow behind the image */
|
363 |
/* line 443, ../sass/magnific-popup.scss */
|
364 |
.mfp-figure:after { |
365 |
content: ''; |
366 |
position: absolute; |
367 |
left: 0; |
368 |
top: 40px; |
369 |
bottom: 40px; |
370 |
display: block; |
371 |
right: 0; |
372 |
width: auto; |
373 |
height: auto; |
374 |
z-index: -1; |
375 |
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
376 |
background: #444444; |
377 |
} |
378 |
|
379 |
/* line 457, ../sass/magnific-popup.scss */
|
380 |
.mfp-figure {
|
381 |
line-height: 0; |
382 |
} |
383 |
|
384 |
/* line 460, ../sass/magnific-popup.scss */
|
385 |
.mfp-bottom-bar {
|
386 |
margin-top: -36px; |
387 |
position: absolute; |
388 |
top: 100%; |
389 |
left: 0; |
390 |
width: 100%; |
391 |
cursor: auto; |
392 |
} |
393 |
|
394 |
/* line 468, ../sass/magnific-popup.scss */
|
395 |
.mfp-title {
|
396 |
text-align: left; |
397 |
line-height: 18px; |
398 |
color: #f3f3f3; |
399 |
word-wrap: break-word; |
400 |
padding-right: 36px; |
401 |
} |
402 |
|
403 |
/* line 476, ../sass/magnific-popup.scss */
|
404 |
.mfp-figure small { |
405 |
color: #bdbdbd; |
406 |
display: block; |
407 |
font-size: 12px; |
408 |
line-height: 14px; |
409 |
} |
410 |
|
411 |
/* line 482, ../sass/magnific-popup.scss */
|
412 |
.mfp-image-holder .mfp-content { |
413 |
max-width: 100%; |
414 |
} |
415 |
|
416 |
/* line 486, ../sass/magnific-popup.scss */
|
417 |
.mfp-gallery .mfp-image-holder .mfp-figure { |
418 |
cursor: pointer; |
419 |
} |
420 |
|
421 |
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
422 |
/**
|
423 |
* Remove all paddings around the image on small screen
|
424 |
*/
|
425 |
/* line 497, ../sass/magnific-popup.scss */
|
426 |
.mfp-img-mobile .mfp-image-holder { |
427 |
padding-left: 0; |
428 |
padding-right: 0; |
429 |
} |
430 |
|
431 |
/* line 501, ../sass/magnific-popup.scss */
|
432 |
.mfp-img-mobile img.mfp-img { |
433 |
padding: 0; |
434 |
} |
435 |
|
436 |
/* The shadow behind the image */
|
437 |
/* line 505, ../sass/magnific-popup.scss */
|
438 |
.mfp-img-mobile .mfp-figure:after { |
439 |
top: 0; |
440 |
bottom: 0; |
441 |
} |
442 |
|
443 |
/* line 510, ../sass/magnific-popup.scss */
|
444 |
.mfp-img-mobile .mfp-bottom-bar { |
445 |
background: rgba(0, 0, 0, 0.6); |
446 |
bottom: 0; |
447 |
margin: 0; |
448 |
top: auto; |
449 |
padding: 3px 5px; |
450 |
position: fixed; |
451 |
-webkit-box-sizing: border-box; |
452 |
-moz-box-sizing: border-box; |
453 |
box-sizing: border-box; |
454 |
} |
455 |
|
456 |
/* line 521, ../sass/magnific-popup.scss */
|
457 |
.mfp-img-mobile .mfp-bottom-bar:empty { |
458 |
padding: 0; |
459 |
} |
460 |
|
461 |
/* line 524, ../sass/magnific-popup.scss */
|
462 |
.mfp-img-mobile .mfp-counter { |
463 |
right: 5px; |
464 |
top: 3px; |
465 |
} |
466 |
|
467 |
/* line 528, ../sass/magnific-popup.scss */
|
468 |
.mfp-img-mobile .mfp-close { |
469 |
top: 0; |
470 |
right: 0; |
471 |
width: 35px; |
472 |
height: 35px; |
473 |
line-height: 35px; |
474 |
background: rgba(0, 0, 0, 0.6); |
475 |
position: fixed; |
476 |
text-align: center; |
477 |
padding: 0; |
478 |
} |
479 |
|
480 |
/* line 539, ../sass/magnific-popup.scss */
|
481 |
.mfp-img-mobile .mfp-figure small { |
482 |
display: inline; |
483 |
margin-left: 5px; |
484 |
} |
485 |
} |
486 |
@media all and (max-width: 900px) { |
487 |
/* line 552, ../sass/magnific-popup.scss */
|
488 |
.mfp-arrow {
|
489 |
-webkit-transform: scale(0.75); |
490 |
transform: scale(0.75); |
491 |
} |
492 |
|
493 |
/* line 556, ../sass/magnific-popup.scss */
|
494 |
.mfp-arrow-left {
|
495 |
-webkit-transform-origin: 0; |
496 |
transform-origin: 0; |
497 |
} |
498 |
|
499 |
/* line 560, ../sass/magnific-popup.scss */
|
500 |
.mfp-arrow-right {
|
501 |
-webkit-transform-origin: 100%; |
502 |
transform-origin: 100%; |
503 |
} |
504 |
|
505 |
/* line 564, ../sass/magnific-popup.scss */
|
506 |
.mfp-container {
|
507 |
padding-left: 6px; |
508 |
padding-right: 6px; |
509 |
} |
510 |
} |
511 |
/* line 576, ../sass/magnific-popup.scss */
|
512 |
.mfp-ie7 .mfp-img { |
513 |
padding: 0; |
514 |
} |
515 |
/* line 579, ../sass/magnific-popup.scss */
|
516 |
.mfp-ie7 .mfp-bottom-bar { |
517 |
width: 600px; |
518 |
left: 50%; |
519 |
margin-left: -300px; |
520 |
margin-top: 5px; |
521 |
padding-bottom: 5px; |
522 |
} |
523 |
/* line 586, ../sass/magnific-popup.scss */
|
524 |
.mfp-ie7 .mfp-container { |
525 |
padding: 0; |
526 |
} |
527 |
/* line 589, ../sass/magnific-popup.scss */
|
528 |
.mfp-ie7 .mfp-content { |
529 |
padding-top: 44px; |
530 |
} |
531 |
/* line 592, ../sass/magnific-popup.scss */
|
532 |
.mfp-ie7 .mfp-close { |
533 |
top: 0; |
534 |
right: 0; |
535 |
padding-top: 0; |
536 |
} |