Changeset 6556

Timestamp:

12/01/2012 02:11:09 AM (12 years ago)

Author:

johnjamesjacoby

Message:

Loading (bp-legacy):

• No more ajax spinner, try a throbbing shadow instead.
• Will need additional work for IE.
• Props jbobich.
• See #4610.

File:

• trunk/bp-templates/bp-legacy/css/buddypress.css (modified) (1 diff)

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

@@ -736 +736 @@
 #buddypress a.loading,
 #buddypress input.loading {
-    padding-right: 25px;
-}
+    -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
+    -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
+    border-color: #aaa;
+    -moz-box-shadow: 0 0 6px #ccc;
+    -webkit-box-shadow: 0 0 6px #ccc;
+    box-shadow: 0 0 6px #ccc;
+}
+@-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;
+    }
+}
+@-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;
+    }
+}
+
 #buddypress a.loading:hover,
 #buddypress input.loading:hover {
-    padding-right: 25px;
     color: #777;
 }