diff options
| author | plegall <plg@piwigo.org> | 2014-09-05 12:18:12 +0000 |
|---|---|---|
| committer | plegall <plg@piwigo.org> | 2014-09-05 12:18:12 +0000 |
| commit | b521f2f102365c3e84a401f1b9db06ca1a0217cd (patch) | |
| tree | 72ef964b3da38bbb7cff29971f6a4218dc4b4751 | |
| parent | c2f970288078b3acb9b4c496ac419a95b8bd6ecd (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.css | 17 | ||||
| -rw-r--r-- | admin/themes/default/theme.css | 16 | ||||
| -rw-r--r-- | admin/themes/roma/theme.css | 2 |
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 */ |