Ticket #6318: 6318-03.patch

src/bp-xprofile/admin/css/admin.css

@@ -1 +1 @@
 /* Profile field group main admin page */
+@-o-keyframes tab-throb {
+    from { box-shadow: 0 0 10px #1e8cbe; }
+    50%  { box-shadow: 0 0 0    #1e8cbe; }
+    to   { box-shadow: 0 0 10px #1e8cbe; }
+}
 @-webkit-keyframes tab-throb {
     from { box-shadow: 0 0 10px #1e8cbe; }
-    50% { box-shadow: 0 0 00px #1e8cbe; }
-    to { box-shadow: 0 0 10px #1e8cbe; }
+    50%  { box-shadow: 0 0 0    #1e8cbe; }
+    to   { box-shadow: 0 0 10px #1e8cbe; }
 }
+
 @-moz-keyframes tab-throb {
     from { box-shadow: 0 0 10px #1e8cbe; }
-    50% { box-shadow: 0 0 00px #1e8cbe; }
-    to { box-shadow: 0 0 10px #1e8cbe; }
+    50%  { box-shadow: 0 0 0    #1e8cbe; }
+    to   { box-shadow: 0 0 10px #1e8cbe; }
 }
 
+@keyframes tab-throb {
+    from { box-shadow: 0 0 10px #1e8cbe; }
+    50%  { box-shadow: 0 0 0    #1e8cbe; }
+    to   { box-shadow: 0 0 10px #1e8cbe; }
+}
+@keyframes tab-throb-drop {
+    from { box-shadow: 0 0 10px red; }
+    50%  { box-shadow: 0 0 0    red; }
+    to   { box-shadow: 0 0 10px red; }
+}
 #profile-field-form {
         margin-top: 12px;
 }
@@ -38 +54 @@
                 }
                 ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
                         -webkit-animation: tab-throb 2s infinite;
+                        -moz-animation: tab-throb 2s infinite;
+                        -o-animation: tab-throb 2s infinite;
                         animation: tab-throb 2s infinite;
                 }
+                ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
+                        -webkit-animation: tab-throb-drop 2s infinite;
+                        -moz-animation: tab-throb-drop 2s infinite;
+                        -o-animation: tab-throb-drop 2s infinite;
+                        animation: tab-throb-drop 2s infinite;
+                }
                 ul#field-group-tabs li.drop-candidate a.ui-tab {
                         background-color: transparent;
                         border-color: #000 #000 #ccc #000;
@@ -60 +84 @@
                 /* Selected tab */
                 ul#field-group-tabs li.ui-state-active a.ui-tab {
                         background-color: #fff;
-                        margin-top: 0px;
+                        margin-top: 0;
                         padding: 7px 10px 7px;
                         border-bottom: 1px solid transparent;
                         color: #000;
@@ -123 +147 @@
                         left: 10px;
                         padding: 0;
                 }
+        .field-group  .ui-sortable-helper  {opacity: .7 !important;}
         fieldset.radio div div label,
         fieldset.checkbox div label {
                 margin-right: 20px;