mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-29 02:14:21 +00:00
9291a0d6e2
Replacing colors with ones from current WCAG 2.0 level AA compliant color palette. Also improving SVG files by svgo optimization where easily applicable and cleaning up some minor Less shortcomings. Bug: T149769 Change-Id: I3d46c95a61112ba808c6ec664a95c94e9cb42c5e
51 lines
1.1 KiB
Plaintext
51 lines
1.1 KiB
Plaintext
@import '../mmv.globals';
|
|
@import 'mediawiki.mixins.animation';
|
|
|
|
@progress-height: @progress-bar-height;
|
|
|
|
.mw-mmv-progress {
|
|
background-color: #c8ccd1;
|
|
background-color: rgba( 221, 221, 221, 0.5 );
|
|
width: 100%;
|
|
height: @progress-height;
|
|
position: absolute;
|
|
top: -@progress-height;
|
|
}
|
|
|
|
.mw-mmv-progress.empty {
|
|
display: none;
|
|
}
|
|
|
|
.mw-mmv-progress-percent {
|
|
width: 0;
|
|
height: @progress-height;
|
|
background: linear-gradient( -45deg, transparent 33%, rgba( 0, 0, 0, 0.1 ) 33%, rgba( 0, 0, 0, 0.1 ) 66%, transparent 66% ), #36c;
|
|
background-size: 35px 20px, 100% 100%, 100% 100%;
|
|
.animation( mw-mmv-progress-percent-animation 1.5s linear infinite );
|
|
}
|
|
|
|
.mw-mmv-progress-percent-animation() {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: -70px 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes mw-mmv-progress-percent-animation {
|
|
.mw-mmv-progress-percent-animation;
|
|
}
|
|
|
|
@-moz-keyframes mw-mmv-progress-percent-animation {
|
|
.mw-mmv-progress-percent-animation;
|
|
}
|
|
|
|
@-o-keyframes mw-mmv-progress-percent-animation {
|
|
.mw-mmv-progress-percent-animation;
|
|
}
|
|
|
|
@keyframes mw-mmv-progress-percent-animation {
|
|
.mw-mmv-progress-percent-animation;
|
|
}
|