javascript - How can I change or remove the blue loading animation on masonry infinite scroll? [Tumblr] -

i trying change loading progress bar animation on tumblr theme nicer regular blue loading bar on container i'd implemented masonry infinite scroll on.

i prefer use loading bar animation i'd created using cssload.net, i'm open removing or hiding load bar well. have tried messing myself don't know javascript or jquery.

here code infinite scroll.

{block:indexpage}  {block:nextpage}    <div id="page-nav"><a href="{nextpage}"></a></div>    {/block:nextpage}  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/ufvlryaq2/jquerymsnryv2.js"></script>      <script type="text/javascript">    $(window).load(function(){  var $wall = $('#container');  $wall.imagesloaded(function(){  $wall.masonry({  itemselector: '.entry, .entry_photo',  isanimated : true  });  });     $wall.infinitescroll({  navselector : '#page-nav',  nextselector : '#page-nav a',  itemselector : '.entry, .entry_photo',  bufferpx : 2000,  debug : false,  errorcallback: function() {  $('#infsrc-loading').hide('normal');  }},  function( newelements ) {  var $newelems = $( newelements );  $newelems.hide();  $newelems.imagesloaded(function(){  $wall.masonry( 'appended', $newelems,{isanimated: true}, function(){$newelems.fadein('slow');} );  });  }); $('#content').hide(500);  });    </script>  {/block:indexpage}

i did not write code myself, pulled off of base theme i'd used in past , put custom theme made myself.

i tried adding css tag #infscr-loading hide it, i've had no luck.

sorry if question seems unclear, new coding (this first major project), , know basics of html , css.

here link site: http://www.katting.tumblr.com

also had tried following steps given in this answer had no luck either.. , seemed break code.

try adding css class.

#infscr-loading {     display: none !important; }