Changeset 29406


Ignore:
Timestamp:
09/05/14 14:18:12 (5 years ago)
Author:
plg
Message:

feature 2616: animate progress bar on roma

Location:
trunk/admin/themes
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/admin/themes/clear/theme.css

    r29405 r29406  
    375375} 
    376376 
    377 @keyframes animatedBackground { 
    378         from { background-position: 0 0; } 
    379         to { background-position: 25px 0; } 
    380 } 
    381  
    382 @-webkit-keyframes animatedBackground { 
    383         from { background-position: 0 0; } 
    384         to { background-position: 25px 0; } 
    385 } 
    386  
    387377.big-progressbar .progressbar { 
    388378  background:#FF8A23; 
    389   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%); 
    390   background-size:25px 25px; 
     379  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%); 
     380  background-size:33px 25px; 
    391381  box-shadow:inset 0px 1px 3px 0px rgba(255,255,255,0.4); 
    392  
    393   animation: animatedBackground 1s linear infinite; 
    394   -webkit-animation: animatedBackground 1s linear infinite; 
    395 } 
    396  
     382} 
     383 
  • trunk/admin/themes/default/theme.css

    r29396 r29406  
    10251025  height:18px; 
    10261026} 
     1027 
     1028@keyframes animatedBackground { 
     1029        from { background-position: 0 0; } 
     1030        to { background-position: 33px 0; } 
     1031} 
     1032 
     1033@-webkit-keyframes animatedBackground { 
     1034        from { background-position: 0 0; } 
     1035        to { background-position: 33px 0; } 
     1036} 
     1037 
    10271038.big-progressbar .progressbar { 
    10281039  height:18px; 
    1029   min-width:18px; 
     1040  min-width:5px; 
    10301041  background:#444; 
    10311042  border-radius:5px 0 0 5px; 
     1043  background-size:33px 25px; 
     1044  animation: animatedBackground 1s linear infinite; 
     1045  -webkit-animation: animatedBackground 1s linear infinite; 
    10321046} 
    10331047 
  • trunk/admin/themes/roma/theme.css

    r29396 r29406  
    303303.big-progressbar .progressbar { 
    304304  background:#ff3363; 
     305  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%); 
     306  background-size:33px 25px; 
    305307} 
    306308 
Note: See TracChangeset for help on using the changeset viewer.