Upgrade to Magnific Popup 0.9.7

This commit is contained in:
Sébastien Lucas 2013-10-17 09:03:33 +02:00
parent a5604f7aee
commit dc8ebeeb4b
2 changed files with 17 additions and 30 deletions

File diff suppressed because one or more lines are too long

View file

@ -50,8 +50,7 @@
text-align: left; text-align: left;
z-index: 1045; } z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
.mfp-ajax-holder .mfp-content {
width: 100%; width: 100%;
cursor: auto; } cursor: auto; }
@ -72,10 +71,7 @@
.mfp-auto-cursor .mfp-content { .mfp-auto-cursor .mfp-content {
cursor: auto; } cursor: auto; }
.mfp-close, .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
user-select: none; } user-select: none; }
@ -114,6 +110,7 @@ button.mfp-close, button.mfp-arrow {
border: 0; border: 0;
-webkit-appearance: none; -webkit-appearance: none;
display: block; display: block;
outline: none;
padding: 0; padding: 0;
z-index: 1046; z-index: 1046;
-webkit-box-shadow: none; -webkit-box-shadow: none;
@ -145,8 +142,7 @@ button::-moz-focus-inner {
.mfp-close-btn-in .mfp-close { .mfp-close-btn-in .mfp-close {
color: #333333; } color: #333333; }
.mfp-image-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
.mfp-iframe-holder .mfp-close {
color: white; color: white;
right: -6px; right: -6px;
text-align: right; text-align: right;
@ -175,9 +171,7 @@ button::-moz-focus-inner {
margin-top: -54px; } margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { .mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1; } opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: ''; content: '';
display: block; display: block;
width: 0; width: 0;
@ -188,35 +182,29 @@ button::-moz-focus-inner {
margin-top: 35px; margin-top: 35px;
margin-left: 35px; margin-left: 35px;
border: medium inset transparent; } border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow:after, .mfp-arrow .mfp-a {
.mfp-arrow .mfp-a {
border-top-width: 13px; border-top-width: 13px;
border-bottom-width: 13px; border-bottom-width: 13px;
top: 8px; } top: 8px; }
.mfp-arrow:before, .mfp-arrow:before, .mfp-arrow .mfp-b {
.mfp-arrow .mfp-b {
border-top-width: 21px; border-top-width: 21px;
border-bottom-width: 21px; } 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: 17px solid white; border-right: 17px solid white;
margin-left: 31px; } margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
.mfp-arrow-left .mfp-b {
margin-left: 25px; margin-left: 25px;
border-right: 27px solid #3f3f3f; } 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: 17px solid white; border-left: 17px solid white;
margin-left: 39px; } margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; } border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { .mfp-iframe-holder {
@ -302,8 +290,8 @@ img.mfp-img {
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/** /**
* Remove all paddings around the image on small screen * Remove all paddings around the image on small screen
*/ */
.mfp-img-mobile .mfp-image-holder { .mfp-img-mobile .mfp-image-holder {
padding-left: 0; padding-left: 0;
padding-right: 0; } padding-right: 0; }
@ -342,22 +330,21 @@ img.mfp-img {
position: fixed; position: fixed;
text-align: center; text-align: center;
padding: 0; } } padding: 0; } }
@media all and (max-width: 900px) { @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); }
.mfp-arrow-left { .mfp-arrow-left {
-webkit-transform-origin: 0; -webkit-transform-origin: 0;
transform-origin: 0; } transform-origin: 0; }
.mfp-arrow-right { .mfp-arrow-right {
-webkit-transform-origin: 100%; -webkit-transform-origin: 100%;
transform-origin: 100%; } transform-origin: 100%; }
.mfp-container { .mfp-container {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; } } padding-right: 6px; } }
.mfp-ie7 .mfp-img { .mfp-ie7 .mfp-img {
padding: 0; } padding: 0; }
.mfp-ie7 .mfp-bottom-bar { .mfp-ie7 .mfp-bottom-bar {