Upgrade Magnific Popup to 0.9.3

This commit is contained in:
Sébastien Lucas 2013-07-17 09:30:20 +02:00
parent 3de84ecf7e
commit d0f0938df9
2 changed files with 22 additions and 23 deletions

File diff suppressed because one or more lines are too long

View file

@ -4,7 +4,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 502; z-index: 1042;
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
background: #0b0b0b; background: #0b0b0b;
@ -16,13 +16,12 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 503; z-index: 1043;
position: fixed; position: fixed;
outline: none !important; outline: none !important;
-webkit-backface-visibility: hidden; } -webkit-backface-visibility: hidden; }
.mfp-container { .mfp-container {
height: 100%;
text-align: center; text-align: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -49,7 +48,7 @@
vertical-align: middle; vertical-align: middle;
margin: 0 auto; margin: 0 auto;
text-align: left; text-align: left;
z-index: 505; } z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { .mfp-ajax-holder .mfp-content {
@ -97,7 +96,7 @@
margin-top: -0.8em; margin-top: -0.8em;
left: 8px; left: 8px;
right: 8px; right: 8px;
z-index: 504; } z-index: 1044; }
.mfp-preloader a { .mfp-preloader a {
color: #cccccc; } color: #cccccc; }
@ -120,7 +119,7 @@ button.mfp-arrow {
-webkit-appearance: none; -webkit-appearance: none;
display: block; display: block;
padding: 0; padding: 0;
z-index: 506; } z-index: 1046; }
button::-moz-focus-inner { button::-moz-focus-inner {
padding: 0; padding: 0;
@ -167,7 +166,6 @@ button::-moz-focus-inner {
.mfp-arrow { .mfp-arrow {
position: absolute; position: absolute;
top: 0;
opacity: 0.65; opacity: 0.65;
margin: 0; margin: 0;
top: 50%; top: 50%;
@ -196,37 +194,37 @@ button::-moz-focus-inner {
top: 0; top: 0;
margin-top: 35px; margin-top: 35px;
margin-left: 35px; margin-left: 35px;
border: solid transparent; } border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow:after,
.mfp-arrow .mfp-a { .mfp-arrow .mfp-a {
opacity: 0.8; border-top-width: 13px;
border-top-width: 12px; border-bottom-width: 13px;
border-bottom-width: 12px;
top: 8px; } top: 8px; }
.mfp-arrow:before, .mfp-arrow:before,
.mfp-arrow .mfp-b { .mfp-arrow .mfp-b {
border-top-width: 20px; border-top-width: 21px;
border-bottom-width: 20px; } border-bottom-width: 21px; }
.mfp-arrow-left { .mfp-arrow-left {
left: 0; } left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left:after,
.mfp-arrow-left .mfp-a { .mfp-arrow-left .mfp-a {
border-right: 12px solid black; border-right: 17px solid white;
left: 5px; } margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left:before,
.mfp-arrow-left .mfp-b { .mfp-arrow-left .mfp-b {
border-right: 20px solid white; } margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { .mfp-arrow-right {
right: 0; } right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right:after,
.mfp-arrow-right .mfp-a { .mfp-arrow-right .mfp-a {
border-left: 12px solid black; border-left: 17px solid white;
left: 3px; } margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right:before,
.mfp-arrow-right .mfp-b { .mfp-arrow-right .mfp-b {
border-left: 20px solid white; } border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { .mfp-iframe-holder {
padding-top: 40px; padding-top: 40px;
@ -281,7 +279,8 @@ img.mfp-img {
width: auto; width: auto;
height: auto; height: auto;
z-index: -1; z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure { .mfp-figure {
line-height: 0; } line-height: 0; }
@ -361,7 +360,7 @@ img.mfp-img {
.mfp-img-mobile .mfp-figure small { .mfp-img-mobile .mfp-figure small {
display: inline; display: inline;
margin-left: 5px; } } margin-left: 5px; } }
@media all and (max-width: 800px) { @media all and (max-width: 900px) {
.mfp-arrow { .mfp-arrow {
-webkit-transform: scale(0.75); -webkit-transform: scale(0.75);
transform: scale(0.75); } transform: scale(0.75); }