feature 2616: animate progress bar on roma

git-svn-id: http://piwigo.org/svn/trunk@29406 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 19 insertions, 16 deletions

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index a73ca2533..0a814da2a 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -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;
 }
 
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index ef1367149..356cc70c7 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -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;
 }
 
 
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 30f6b8a1e..c543981f4 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -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 */