wikimedia/mediawiki-extensions-MultimediaViewer
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer synced 2024-09-29 13:17:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Bigger, badder, animated progress bar"

Browse source
This commit is contained in:
jenkins-bot 2014-04-22 22:30:31 +00:00 committed by Gerrit Code Review
parent d1a6592185 69e75bcda8
commit 7ac4b375b6
1 changed files with 33 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
resources/mmv/ui/mmv.ui.progressBar.less
View file

@ -1,9 +1,12 @@
@progress-height: 3px;
@import "mediawiki.mixins.animation";
@progress-height: 14px;
.mw-mmv-progress {
width: 100%;
height: @progress-height;
background-color: rgb( 204, 204, 204 );
background-color: #cccccc;
background-color: rgba( 221, 221, 221, 0.5 );
margin-top: -@progress-height;
}
@ -14,5 +17,32 @@
.mw-mmv-progress-percent {
width: 0;
height: @progress-height;
background-color: rgb( 0, 113, 188 );
background: linear-gradient(-45deg, transparent 33%, rgba(0,0,0,0.1) 33%, rgba(0,0,0,0.1) 66%, transparent 66%), #347bff;
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: 0px 0px;
}
100% {
background-position: -70px 0px;
}
}
@-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;
}