Here's all the custom code on my blog:
Code: Select all
<span style="font-style: italic; color: #777;">This post holds CSS styling and javascript that makes my blog so nice! :D</span>
<style type="text/css">body { background: url(http://img151.imageshack.us/img151/7717 ... dowez5.png) no-repeat -35px bottom fixed; } #outer-wrapper { margin-left: 329px;} #header, #sidebar, .Blog { background: url(http://img145.imageshack.us/img145/460/fooyi0.png) repeat-x bottom; border: 1px solid #dedede; margin: 0px; } </style><!--
--><div id="iphone" style="background: url(http://img217.imageshack.us/img217/6716 ... 402ep7.png) no-repeat; position: absolute; left: -35px; top: 30px; width: 370px; height: 640px;"></div><!--
--><script type="text/javascript" src="http://www.cachefile.net/scripts/jquery/1.2.3/jquery-1.2.3.pack.js"></script><!--
--><script type="text/javascript" src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script><!--
--><script type="text/javascript">var scrollTimeoutID; window.onscroll = function () { clearTimeout(scrollTimeoutID); scrollTimeoutID = setTimeout(function() { var position = (window.innerHeight+window.scrollY)-640; var iphone = $("#iphone"); if(position < 30) { position = 30; } if(position < iphone.css("top").substr(0,iphone.css("top").length-2)) { iphone.animate({top: position-30},"slow","easeOutQuad").animate({top: position},"slow","easeOutBounce"); } else { iphone.animate({top: position},"slow","easeOutBounce"); } }, 2000); }</script>PS: Please don't read my blog, I find that it can be a little to controversial.