outward not upward

Since Grooveshark hasn’t yet released portable widgets for the inline Grooveshark Lite search on their brand-new blog “From the Deep End,” I’ve hacked together the following, which suffices until a better solution emerges from the watery depths.

You can get the ruddy, awful, inefficient, reverse-engineered source for it below. Like I said, this is strictly done as a transitive fix, and while done with the consultation of Grooveshark employees, it is not presented with their express permission.

<form style="background: url( http://www.fromthedeepend.com/wp-content/themes/deepend/images/gsliteSearch.png ) no-repeat; height: 122px; position :relative;" action="http://listen.grooveshark.com" target="_blank" method="get"><input style="background:none; border: none; color: #37526d; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-size: 16px; position:absolute; top: 67px; left: 60px; width: 220px;" type="text" name="searchQuery" value="Search Any Song Now" onfocus="if(this.value == 'Search Any Song Now'){ this.value = '';}" onblur="if(this.value == ''){ this.value = 'Search Any Song Now';}" /><button style="position:absolute; top: 65px; left: 25px; width: 29px; height: 25px; padding: 0; border-style:none; background: url( http://www.fromthedeepend.com/wp-content/themes/deepend/images/gsliteSearchButton.png ) no-repeat;" type="submit" name="subsearch" onmouseover = "subsearch.setProperty('background-position', 'bottom left', null); return true;" onmouseout = "subsearch.setProperty('background-position','top left', null); return true;"><span style="display:none;">Search</span> </button> </form>


This post has been redacted due to an illuminating discussion with a member of the Grooveshark team.