Show Thread Enhancements - WCF - Enhanced Avatar +Shadow

Pretty self explanatory. Most people probably already know how to do this but for those who don't...

Just makes the avatars look a little nicer. Feel free to edit/style to fit your needs.

Add the following code to additional.css

a.postuseravatar img,.primary img{border:1px solid #D5D5D5;background:white;padding:4px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.1);border-image:initial;}
a.postuseravatar img:hover,.primary img:hover{border:1px solid #7D7D7D;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;box-shadow:0px 0px 5px #999;}

Enjoy!

[datoneer]

I have changed postbit to horizontal and now doesn't work

[Cusski]

Originally Posted by Emeralda

Rawr, looks great, I used the shadows as the default for avatars. Now, how to make it so it would be slightly bigger or/and darker on the right and bottom?

a.postuseravatar img,.primary img{border:1px solid #D5D5D5;background:white;padding:2px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:5px 5px 5px rgba(0,0,0,0.5);border-image:initial;}
a.postuseravatar img:hover,.primary img:hover{border:1px solid #7D7D7D;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;box-shadow:5px 5px 5px #999;}