Skip to:
Content

Ticket #4951: 4951.candy-stripe.patch

File 4951.candy-stripe.patch, 3.3 KB (added by r-a-y, 4 years ago)
  • src/bp-templates/bp-legacy/css/buddypress.css

     
    787787--------------------------------------------------------------*/
    788788#buddypress a.loading,
    789789#buddypress input.loading {
    790         -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    791         -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
    792         border-color: #aaa;
    793 }
    794 @-webkit-keyframes loader-pulsate {
    795         from {
    796                 border-color: #aaa;
    797                 -webkit-box-shadow: 0 0 6px #ccc;
    798                 box-shadow: 0 0 6px #ccc;
    799         }
    800         to {
    801                 border-color: #ccc;
    802                 -webkit-box-shadow: 0 0 6px #f8f8f8;
    803                 box-shadow: 0 0 6px #f8f8f8;
    804         }
     790        text-shadow: none;
     791        background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -webkit-linear-gradient(top, #f6f5f0, #e1e0dc);
     792        background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -moz-linear-gradient(top, #f6f5f0, #e1e0dc);
     793        background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -ms-linear-gradient(top, #f6f5f0, #e1e0dc);
     794        background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), -o-linear-gradient(top, #f6f5f0, #e1e0dc);
     795        background: linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc);
     796        -pie-background: linear-gradient(-45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent), linear-gradient(top, #f6f5f0, #e1e0dc);
     797        background-repeat: repeat;
     798        -webkit-background-size: 40px 40px, 100% 100%;
     799        -moz-background-size: 40px 40px, 100% 100%;
     800        -ms-background-size: 40px 40px, 100% 100%;
     801        -o-background-size: 40px 40px, 100% 100%;
     802        background-size: 40px 40px, 100% 100%;
     803        -webkit-animation: progress-bar-stripes 2s linear infinite;
     804        -moz-animation: progress-bar-stripes 2s linear infinite;
     805        -ms-animation: progress-bar-stripes 2s linear infinite;
     806        -o-animation: progress-bar-stripes 2s linear infinite;
     807        animation: progress-bar-stripes 2s linear infinite;
    805808}
    806 @-moz-keyframes loader-pulsate {
    807         from {
    808                 border-color: #aaa;
    809                 -moz-box-shadow: 0 0 6px #ccc;
    810                 box-shadow: 0 0 6px #ccc;
    811         }
    812         to {
    813                 border-color: #ccc;
    814                 -moz-box-shadow: 0 0 6px #f8f8f8;
    815                 box-shadow: 0 0 6px #f8f8f8;
    816         }
     809
     810@-webkit-keyframes progress-bar-stripes {
     811        from { background-position: 0 0; }
     812        to { background-position: 40px 0; }
     813}
     814
     815@-moz-keyframes progress-bar-stripes {
     816        from { background-position: 0 0; }
     817        to { background-position: 40px 0; }
     818}
     819
     820@keyframes progress-bar-stripes {
     821        from { background-position: 0 0; }
     822        to { background-position: 40px 0; }
    817823}
    818824
    819825#buddypress a.loading:hover,