2016-07-18 14:24:02 +00:00
|
|
|
@import '../mmv.globals';
|
|
|
|
@import '../mmv.mixins';
|
|
|
|
@import 'mediawiki.mixins.animation';
|
2014-05-05 21:44:27 +00:00
|
|
|
|
|
|
|
.mw-mmv-post-image {
|
|
|
|
.animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards );
|
2014-09-23 15:37:41 +00:00
|
|
|
transition: box-shadow 0.25s;
|
|
|
|
|
2014-05-05 21:44:27 +00:00
|
|
|
&.invite {
|
2014-06-30 12:35:33 +00:00
|
|
|
.animation( mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards );
|
2014-05-05 21:44:27 +00:00
|
|
|
}
|
2014-06-17 21:57:44 +00:00
|
|
|
|
|
|
|
.jq-fullscreened & {
|
2016-07-18 14:24:02 +00:00
|
|
|
.animation( none );
|
2014-06-17 21:57:44 +00:00
|
|
|
}
|
2014-09-23 15:37:41 +00:00
|
|
|
|
2016-07-18 14:24:02 +00:00
|
|
|
&.mw-mmv-untruncated,
|
|
|
|
.jq-fullscreened & {
|
|
|
|
box-shadow: 0 -4px 0 rgba( 0, 0, 0, 0.2 );
|
2014-09-23 15:37:41 +00:00
|
|
|
}
|
2014-05-05 21:44:27 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.mw-mmv-appear-animation() {
|
|
|
|
0% {
|
|
|
|
opacity: 0.6;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes mw-mmv-appear-animation {
|
|
|
|
.mw-mmv-appear-animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-moz-keyframes mw-mmv-appear-animation {
|
|
|
|
.mw-mmv-appear-animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-o-keyframes mw-mmv-appear-animation {
|
|
|
|
.mw-mmv-appear-animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes mw-mmv-appear-animation {
|
|
|
|
.mw-mmv-appear-animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mw-mmv-invite-animation() {
|
|
|
|
0% {
|
2016-07-18 14:24:02 +00:00
|
|
|
margin-top: 0;
|
2014-05-05 21:44:27 +00:00
|
|
|
}
|
2014-06-30 12:35:33 +00:00
|
|
|
30% {
|
|
|
|
margin-top: -15px;
|
2014-05-05 21:44:27 +00:00
|
|
|
}
|
2014-06-30 12:35:33 +00:00
|
|
|
85% {
|
2014-05-05 21:44:27 +00:00
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes mw-mmv-invite-animation {
|
|
|
|
.mw-mmv-invite-animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-moz-keyframes mw-mmv-invite-animation {
|
|
|
|
.mw-mmv-invite-animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-o-keyframes mw-mmv-invite-animation {
|
|
|
|
.mw-mmv-invite-animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes mw-mmv-invite-animation {
|
|
|
|
.mw-mmv-invite-animation;
|
|
|
|
}
|