Fix facebox close button and loading gif

config/assets.yml

@@ -16,13 +16,13 @@ javascripts:
     - public/javascripts/vendor/jquery.autoresize.min.js
     - public/javascripts/vendor/jquery-ui-1.8.9.custom.min.js
     - public/javascripts/vendor/jquery.expander.js
-    - public/javascripts/vendor/facebox.js
     - public/javascripts/vendor/timeago.js
     - public/javascripts/vendor/Mustache.js
     - public/javascripts/vendor/charCount.js
     - public/javascripts/jquery.infinitescroll-custom.js
     - public/javascripts/jquery.autocomplete-custom.js
     - public/javascripts/jquery.infieldlabel-custom.js
+    - public/javascripts/facebox-custom.js
     - public/javascripts/keycodes.js
     - public/javascripts/fileuploader-custom.js
     - public/javascripts/diaspora.js

public/javascripts/facebox-custom.js

@@ -104,7 +104,7 @@
       showOverlay()
 
       $('#facebox .content').empty()
-      $('#facebox .body').children().hide().end().
+      $('#facebox .content').children().hide().end().
         append('<div class="loading"><img src="'+$.facebox.settings.loadingImage+'"/></div>')
 
       $('#facebox').css({

public/javascripts/view.js

@@ -45,7 +45,7 @@ var View = {
     /* User menu */
     $(this.userMenu.selector)
       .click(this.userMenu.click);
-      
+
     /* Dropdowns */
     $(this.dropdowns.selector)
       .live('click', this.dropdowns.click);
@@ -71,8 +71,6 @@ var View = {
       .click(this.reshareButton.removeFocus);
 
     /* facebox */
-    $.facebox.settings.closeImage = '/images/facebox/closelabel.png';
-    $.facebox.settings.loadingImage = '/images/facebox/loading.gif';
     $('a[rel*=facebox]').facebox();
     $(document).bind('reveal.facebox', function() {
       Diaspora.widgets.directionDetector.updateBinds();

public/stylesheets/sass/application.sass

@@ -2407,11 +2407,6 @@ ul.show_comments,
       :size 11px
       :weight normal
 
-#facebox
-  .close
-    :display none
-  .diaspora_alert~.close
-    :display block
 
 #aspect_edit_controls
   :margin
@@ -2897,3 +2892,7 @@ h1.tag
 
   &:active
     @include linear-gradient(darken(#D9FFA9,20%),darken(#B9E68A,20%))
+
+#facebox
+  input[type='text'], input.text
+    :width 98%

spec/javascripts/support/jasmine.yml

@@ -20,8 +20,8 @@ src_files:
   - public/javascripts/vendor/Mustache.js
   - public/javascripts/vendor/charCount.js
   - public/javascripts/vendor/timeago.js
-  - public/javascripts/vendor/facebox.js
   - public/javascripts/jquery.autocomplete-custom.js
+  - public/javascripts/vendor/facebox-custom.js
   - public/javascripts/diaspora.js
   - public/javascripts/keycodes.js
   - public/javascripts/widgets/alert.js