Super css debug extention

superCssDebugExtention.css

/* bookmarklet
var c = "body *:hover:before{display:none;z-index:999;position:absolute;padding:5px;background:rgba(0,0,200,.8);margin-left:10px;margin-top:-2em;color:#000;height:2em;border-radius:5px;color:#FFF;font-family:monospace;font-size:20px;border:solid 3px rgba(100,100,0,.5);background-image:-moz-linear-gradient(center top,#eee,#ccc)}body *[class]:hover:before{content:'.'attr(class);color:#000;background:rgba(200,200,0,.8);display:block}body *[id]:hover:before{content:'#'attr(id);background:rgba(0,0,200,.9);display:block;margin-top:2.5em;color:#FF0}",d=document,l=d.createElement('style'),l.type='text/css',l.innerHTML=c;d.body.appendChild(l);
*/
body :hover:before {
display:none;
z-index:999;
position:absolute;
padding:5px;
background:rgba(0,0,200,.8);
margin-left:10px;
margin-top:-2em;
color:#000;
height:2em;
border-radius:5px;
color:#FFF;
font-family:monospace;
font-size:20px;
border:solid 3px rgba(100,100,0,.5);
background-image:0;
}

body [class]:hover:before {
content:'.'attr(class);
color:#000;
background:rgba(200,200,0,.8);
display:block;
}

body [id]:hover:before {
content:'#'attr(id);
background:rgba(0,0,200,.9);
display:block;
margin-top:2.5em;
color:#FF0;
}
}