How to style the avatars in the discussions

vrijvlindervrijvlinder Papillon-Sauvage MVP
edited August 2013 in Tutorials

This a fun thing to do for everyone who wants to style their avatars.

This one makes them totally round

img.ProfilePhotoMedium{
width:50px!important;height:auto!important;
border-radius:40px;border:0px solid transparent!important;
-webkit-border-radius: 40px!important;
  -moz-border-radius: 40px!important;
border-top-left-radius: 40px!important;
  -webkit-border-top-left-radius: 40px!important;
  -moz-border-radius-topleft: 40px!important;
  border-top-right-radius: 40px!important;
  -webkit-border-top-right-radius: 40px!important;
  -moz-border-radius-topright: 40px!important;
box-shadow:4px 4px 4px 4px#333!important;
}

This one makes them square when you mouse over

img.ProfilePhotoMedium:hover {
border-radius:3px;
-webkit-border-radius: 3px!important;
  -moz-border-radius: 3px!important;
border-top-left-radius: 3px!important;
  -webkit-border-top-left-radius: 3px!important;
  -moz-border-radius-topleft: 3px!important;
  border-top-right-radius: 3px!important;
  -webkit-border-top-right-radius: 3px!important;
  -moz-border-radius-topright: 3px!important;
}
Kistlakhgtonightrbrahmson

Comments

Sign In or Register to comment.