aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2014-09-05 12:18:12 +0000
committerplegall <plg@piwigo.org>2014-09-05 12:18:12 +0000
commitb521f2f102365c3e84a401f1b9db06ca1a0217cd (patch)
tree72ef964b3da38bbb7cff29971f6a4218dc4b4751
parentc2f970288078b3acb9b4c496ac419a95b8bd6ecd (diff)
feature 2616: animate progress bar on roma
git-svn-id: http://piwigo.org/svn/trunk@29406 68402e56-0260-453c-a942-63ccdbb3a9ee
-rw-r--r--admin/themes/clear/theme.css17
-rw-r--r--admin/themes/default/theme.css16
-rw-r--r--admin/themes/roma/theme.css2
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 */