Update 2k11 backend JS assets

- Update autoscroll
- Update magnificPopup
- Update magnificPopup's CSS in style.css
This commit is contained in:
Matthias Mees 2016-04-20 10:20:44 +02:00
parent db5c7089bb
commit 59e569e59f
4 changed files with 110 additions and 91 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2606,8 +2606,7 @@ input[name="serendipity[filter][fileCategory]"] {
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
opacity: 0.8; }
.mfp-wrap {
top: 0;
@ -2627,8 +2626,6 @@ input[name="serendipity[filter][fileCategory]"] {
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
@ -2648,7 +2645,8 @@ input[name="serendipity[filter][fileCategory]"] {
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
@ -2669,7 +2667,10 @@ input[name="serendipity[filter][fileCategory]"] {
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
@ -2681,7 +2682,7 @@ input[name="serendipity[filter][fileCategory]"] {
display: none !important; }
.mfp-preloader {
color: #cccccc;
color: #CCC;
position: absolute;
top: 50%;
width: auto;
@ -2691,9 +2692,9 @@ input[name="serendipity[filter][fileCategory]"] {
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
color: #CCC; }
.mfp-preloader a:hover {
color: white; }
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
@ -2701,7 +2702,8 @@ input[name="serendipity[filter][fileCategory]"] {
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
@ -2711,8 +2713,9 @@ button.mfp-close, button.mfp-arrow {
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
@ -2727,23 +2730,23 @@ button::-moz-focus-inner {
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
@ -2753,27 +2756,28 @@ button::-moz-focus-inner {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
color: #CCC;
font-size: 12px;
line-height: 18px; }
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
@ -2784,31 +2788,31 @@ button::-moz-focus-inner {
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
@ -2833,7 +2837,7 @@ button::-moz-focus-inner {
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
background: #000; }
/* Main image in popup */
img.mfp-img {
@ -2842,8 +2846,6 @@ img.mfp-img {
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
@ -2863,9 +2865,9 @@ img.mfp-img {
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
background: #444; }
.mfp-figure small {
color: #bdbdbd;
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
@ -2883,7 +2885,7 @@ img.mfp-img {
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
@ -2895,8 +2897,8 @@ img.mfp-img {
@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 {
padding-left: 0;
padding-right: 0; }
@ -2915,8 +2917,6 @@ img.mfp-img {
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
@ -2948,23 +2948,6 @@ img.mfp-img {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* Additional styles for MagnificPopup, do not remove */
.mfp-image-holder .mfp-content {
min-width: 240px;