Update to site user avatars to use CSS3 rounding for modern browsers. Older browsers will display as square avatars.

git-svn-id: http://code.elgg.org/elgg/trunk@5870 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 31 insertions, 3 deletions

diff --git a/mod/profile/views/default/profile/css.php b/mod/profile/views/default/profile/css.php
index e36aa1184..435aa4cc3 100644
--- a/mod/profile/views/default/profile/css.php
+++ b/mod/profile/views/default/profile/css.php
@@ -46,13 +46,41 @@
 .usericon {
 	position:relative;
 }
-.usericon.tiny {
+.usericon.tiny,
+img.tiny {
 	width:25px;
 	height:25px;
-}
-.usericon.small {
+	/* remove the border-radius if you don't want rounded avatars in supported browsers */
+	-webkit-border-radius: 3px; 
+	-moz-border-radius: 3px;
+	-moz-background-clip:  border;
+	
+	-o-background-size: 25px;
+	-webkit-background-size: 25px;
+	-khtml-background-size: 25px;
+	-moz-background-size: 25px;
+}
+.usericon.small,
+img.small {
 	width:40px;
 	height:40px;
+	/* remove the border-radius if you don't want rounded avatars in supported browsers */
+	-webkit-border-radius: 5px; 
+	-moz-border-radius: 5px;
+	-moz-background-clip:  border;
+	
+	-o-background-size: 40px;
+	-webkit-background-size: 40px;
+	-khtml-background-size: 40px;
+	-moz-background-size: 40px;
+}
+img.large {
+	width:200px;
+	height:200px;
+}
+img.medium {
+	width:100px;
+	height:100px;
 }
 
 /* ***************************************