Ticket #4951: 4951.candy-stripe.patch

src/bp-templates/bp-legacy/css/buddypress.css

@@ -787 +787 @@
 --------------------------------------------------------------*/
 #buddypress a.loading,
 #buddypress input.loading {
-        -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
-        -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
-        border-color: #aaa;
-}
-@-webkit-keyframes loader-pulsate {
-        from {
-                border-color: #aaa;
-                -webkit-box-shadow: 0 0 6px #ccc;
-                box-shadow: 0 0 6px #ccc;
-        }
-        to {
-                border-color: #ccc;
-                -webkit-box-shadow: 0 0 6px #f8f8f8;
-                box-shadow: 0 0 6px #f8f8f8;
-        }
+        text-shadow: none;
+        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);
+        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);
+        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);
+        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);
+        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);
+        -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);
+        background-repeat: repeat;
+        -webkit-background-size: 40px 40px, 100% 100%;
+        -moz-background-size: 40px 40px, 100% 100%;
+        -ms-background-size: 40px 40px, 100% 100%;
+        -o-background-size: 40px 40px, 100% 100%;
+        background-size: 40px 40px, 100% 100%;
+        -webkit-animation: progress-bar-stripes 2s linear infinite;
+        -moz-animation: progress-bar-stripes 2s linear infinite;
+        -ms-animation: progress-bar-stripes 2s linear infinite;
+        -o-animation: progress-bar-stripes 2s linear infinite;
+        animation: progress-bar-stripes 2s linear infinite;
 }
-@-moz-keyframes loader-pulsate {
-        from {
-                border-color: #aaa;
-                -moz-box-shadow: 0 0 6px #ccc;
-                box-shadow: 0 0 6px #ccc;
-        }
-        to {
-                border-color: #ccc;
-                -moz-box-shadow: 0 0 6px #f8f8f8;
-                box-shadow: 0 0 6px #f8f8f8;
-        }
+
+@-webkit-keyframes progress-bar-stripes {
+        from { background-position: 0 0; }
+        to { background-position: 40px 0; }
+}
+
+@-moz-keyframes progress-bar-stripes {
+        from { background-position: 0 0; }
+        to { background-position: 40px 0; }
+}
+
+@keyframes progress-bar-stripes {
+        from { background-position: 0 0; }
+        to { background-position: 40px 0; }
 }
 
 #buddypress a.loading:hover,