document.write(' <code lang="javascript">javascript:(function(){function A(n,g){var p=n.parentNode,t=n.tagName;if(!p)return %22%22;if(!t)return A(p,g);var T=t.toUpperCase(),b=(T!=%22TABLE%22&&T!=%22TBODY%22&&T!=%22THEAD%22&&T!=%22TR%22),c=n.className,i=n.id;return A(p,\' > \')+(b?T:T.toLowerCase())+(c?%22.%22+c:%22%22)+(i?%22#%22+i:%22%22)+(b?g:\' \');}document.onmouseover=function(e){e=e?e:event;var s,g=e.target;g=g?g:e.srcElement;try{s=A(g,\'\')+%22 (click for computed styles)%22;}catch(err){s=err.message;}window.status=s;return true;};window.status=A(document.documentElement,\'\');var newSS,styles=\'* { cursor: crosshair; }\';newSS=document.createElement(\'link\');newSS.rel=\'stylesheet\';newSS.type=\'text/css\';newSS.href=\'data:text/css,\'+escape(styles);document.getElementsByTagName(%22head%22)[0].appendChild(newSS);document.onclick=function(e){e=e?e:event;var s,g=e.target;g=g?g:e.srcElement;var x=window.open(\'\',\'computedStyles\');x.document.open();x.document.close();var d=x.document;x.onunload=function(){document.onclick=null;document.onmouseover=null;window.status=null;newSS.href=\'data:text/css,\';};function sp(n,t,col){var r=d.createElement(n);r.appendChild(d.createTextNode(t));if(col)r.style.color=col;return r;}var typeIndex={\'top\':1,\'bottom\':1,\'height\':1,\'width\':1,\'left\':1,\'right\':1,\'position\':0,\'display\':0,\'-moz-appearance\':0,\'-moz-box-sizing\':0};var colors=[%22red%22,%22green%22,%22black%22];function undirect(v){return v.replace(/\-(left|top|bottom|right)/,%22-*%22);}function diff(n,p){pcs=p.ownerDocument.defaultView.getComputedStyle(p,%22%22);ncs=n.ownerDocument.defaultView.getComputedStyle(n,%22%22);var A=[];var B={};var C={};for(var i=0;i<ncs.length;++i){var e=ncs.item(i),v=ncs.getPropertyValue(e),pv=pcs.getPropertyValue(e);if(v!=pv){var u=undirect(e);if(u.indexOf(%22-*%22)!=-1){if(!B[u])B[u]=[0,v];if(B[u][1]==v)++(B[u][0]);}A.push([typeIndex[e]!=null?typeIndex[e]:2,e,v]);}}A=A.sort();for(var u in B)if(B[u][0]==4)C[u]=true;for(var i in A){var t=A[i],e=t[1],v=t[2],u=undirect(e);if(C[u]){if(t[1].indexOf(%22-left%22)!=-1)d.body.appendChild(sp(%22div%22,u+%22: %22+v,colors[t[0]]));}else d.body.appendChild(sp(%22div%22,e+%22: %22+v,colors[t[0]]));}}function info(n){if(!n)return;if(n.tagName){d.body.appendChild(sp(%22h4%22,A(n,\'\')));diff(n,n.parentNode.nodeType!=\'9\'?n.parentNode:d.documentElement);}info(n.parentNode);}d.body.appendChild(sp(%22p%22,%22This shows how the computed style of each node differs from the computed style of its parent. The root element, which has no parent, is instead compared against the root of a blank HTML document.%22));info(g);x.focus();e.preventDefault();}})() <code> ');
document.write('<br />&nbsp;<br /><div style="font-size: 12px">Brought to you by the community at <a href="http://www.bytemycode.com/snippets/snippet/233/1/" target="_blank">byteMyCode</a>.</div>');