archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feature 2616: animate progress bar on roma

Browse source 
git-svn-id: http://piwigo.org/svn/trunk@29406 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
plegall 2014-09-05 12:18:12 +00:00
commit b521f2f102
3 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

17
admin/themes/clear/theme.css
View file

@ -374,23 +374,10 @@ table.dataTable thead th {
border-radius:5px;
}
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 25px 0; }
}
@-webkit-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 25px 0; }
}
.big-progressbar .progressbar {
background:#FF8A23;
background:#FF8A23 linear-gradient(135deg, rgba(255,51,51,0) 44%,rgba(255,51,51,0.2) 44%,rgba(255,51,51,0.2) 57%,rgba(255,51,51,0) 57%);
background-size:25px 25px;
background:#FF8A23 linear-gradient(135deg, rgba(255,255,255,0) 44%,rgba(255,255,255,0.2) 44%,rgba(255,255,255,0.2) 57%,rgba(255,255,255,0) 57%);
background-size:33px 25px;
box-shadow:inset 0px 1px 3px 0px rgba(255,255,255,0.4);
animation: animatedBackground 1s linear infinite;
-webkit-animation: animatedBackground 1s linear infinite;
}

16
admin/themes/default/theme.css
View file

@ -1024,11 +1024,25 @@ p#uploadModeInfos {text-align:left;margin-top:1em;font-size:90%;color:#999;}
position:relative;
height:18px;
}
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 33px 0; }
}
@-webkit-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 33px 0; }
}
.big-progressbar .progressbar {
height:18px;
min-width:18px;
min-width:5px;
background:#444;
border-radius:5px 0 0 5px;
background-size:33px 25px;
animation: animatedBackground 1s linear infinite;
-webkit-animation: animatedBackground 1s linear infinite;
}

2
admin/themes/roma/theme.css
View file

@ -302,6 +302,8 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
}
.big-progressbar .progressbar {
background:#ff3363;
background:#ff3363 linear-gradient(135deg, rgba(0,0,0,0) 44%,rgba(0,0,0,0.2) 44%,rgba(0,0,0,0.2) 57%,rgba(0,0,0,0) 57%);
background-size:33px 25px;
}
/* Album Properties */