fun with contextual popups

[pitselly]

I am incredibly surprised that no one, to my knowledge, has done this before.



except that, when actually used, it will indeed sparkle, like so.

Excuse me; like so:


Much better.

credit is unneeded, though if you really want to, please credit pitseleh_smith or little1creare in whichever way so suits you.
comments are appreciated, though hardly mandatory.
critique is encouraged, as this is the first code I've ever put up here.
editing is perfectly fine in whichever way you see fit, it's not like this thing took me hours to scrap up.
hotlinking is very, very bad. Please do not hotlink! Upload the sparklegif onto your own server/hosting account, please!

Just c/p the contents of the textarea below into here, and you're good to go!

Just keep in mind that if you've already got a layout in css that you didn't make yourself, it's entirely possible that whoever made the layout already included codes for a contextual popup. If that's the case, you'll have to delete those codes (it's easy, as they should look for the most part like the codes below in some fashion) before putting the sparkles in, or the the code will a) not work, or b) explode.

sparkling conextual popup by pitseleh-smith.livejournal.com
edit how you like; please upload sparkle gif onto your own hosting site

div.ContextualPopup div.Inner {
background:transparent;
border: pink dotted 5px;
}

div.ContextualPopup .Content {
padding: 10px;
margin: 4px 59px 4px 4px;
background: white url('http://i112.photobucket.com/albums/n165/tanukifan/tiiiny/pastelsparkles.gif');
}

div.ContextualPopup {
margin: 20px 0 0 50px;
font-variant:small-caps;
font-family:Verdana;
font-size:12px;
}

div.ContextualPopup .Relation {
font-variant:small-caps;
}

Have fun, kids!