// ==UserScript==
// @name          Del.icio.us Floating Banner
// @namespace     http://www.slightlyremarkable.com/
// @description	  Makes that delicious banner at the top of every delicious page float over other elements.
// @include       http://*del.icio.us/*
// ==/UserScript==

(function (){
 window.addEventListener("load", function(e) {
  var divs = document.getElementsByTagName("DIV"), div;
  if( divs[0].className.indexOf ('banner') != -1 ){
      div = divs[0];
  } else {
   var len = divs.length;
   for(var i=0; i<len; i++){
    if(divs[i].className.indexOf ('banner') != -1){
      div = divs[i];
      break;
    }
   }
  }
  div.style.zIndex = '99999';
  div.style.position = 'fixed';
  div.style.paddingLeft = '0';
  div.style.borderBottom = 'solid 4px transparent';
  
  var shadowElem = document.createElement('DIV');
      shadowElem.id = 'shadowElem';
      shadowElem.style.width  = '100%';
      shadowElem.style.height = '11px';
      shadowElem.style.zIndex = '999999';
      shadowElem.style.position = 'fixed';
      shadowElem.style.marginTop = '11px';
      shadowElem.style.borderTop = 'solid 1px transparent';
      shadowElem.style.backgroundImage = 'url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%02%00%00%00%0B%08%06%00%00%00U%B9%5C%EC%00%00%00%04gAMA%00%00%AF%C87%05%8A%E9%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%00MIDATx%DAbd%60%60%E8%00b%06%80%00b%01%E2%AF%20%06%40%00%81%18%9FA%0C%80%00%021%3E%81%18%00%01%04g%00%04%10%88%F1%11%C4%00%08%20%B8%08%40%00%C1%19%00%01%04%D7%05%10%40%CCP%FC%1B%20%80%40%C4%7F%10%03%20%C0%00%E88%0B%3C%3A%972y%00%00%00%00IEND%AEB%60%82)';
      shadowElem.style.backgroundRepeat= 'repeat-x';
  div.appendChild(shadowElem);
  
  var clearElem = document.createElement('DIV');
   clearElem.style.height = '4em';
   clearElem.style.position = 'relative';
   document.getElementsByTagName("BODY")[0].insertBefore(clearElem, div.nextSibling);
 }, false);
})();