diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index 8065ce12d..a7eb085de 100644
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -4,6 +4,48 @@
     font-size: 1.0em;
     margin-bottom: 1.0rem;
 }
+#contributorInfo > a:nth-child(n+25){
+	display:none;
+}
+#contributorInfo > a{
+	width: 2.0em;
+	float: left;
+	margin: .25em;
+}
+#contributorInfo > a.circular{
+	height: 2.0em;
+	padding: 0;
+	overflow: hidden;
+	letter-spacing:1.0em;
+	text-indent: 0.6em;
+	line-height: 2.0em;
+	text-transform:capitalize;
+	color: #FFF;
+}
+#contributorInfo > a.circular:nth-child(9n+1){
+	background-color: #00ADD8;
+}
+#contributorInfo > a.circular:nth-child(9n+2){
+	background-color: #796218;
+}
+#contributorInfo > a.circular:nth-child(9n+3){
+	background-color: #772c5a;
+}
+#contributorInfo > a.circular:nth-child(9n+4){
+	background-color: #33225c;
+}
+#contributorInfo > a.circular:nth-child(9n+5){
+	background-color: #146e5b;
+}
+#contributorInfo > a.circular:nth-child(9n+6){
+	background-color: #26557c;
+}
+#contributorInfo > a.circular:nth-child(9n+7){
+	background-color: #5c223a;
+}
+#contributorInfo > a.circular:nth-child(9n+8){
+	background-color: #3f5720;
+}
 </style>
 <div class="repository file list">
 	{{template "repo/header" .}}
@@ -196,17 +238,12 @@
 								<a class="membersmore text grey" href="javascript:;">全部 {{svg "octicon-chevron-right" 16}}</a>
 							</div>
 						</h4>
-						<style>
-						#contributorInfo > a:nth-child(n+3){
-							display:none;
-						}
-						</style>
 						<div class="ui members" id="contributorInfo">
 							{{range .ContributorInfo}}
 								{{if .UserInfo}}
-									<a href="{{AppSubUrl}}/{{.UserInfo.Name}}"><img class="ui avatar image" src="{{.UserInfo.RelAvatarLink}}" alt=""/></a>
+									<a href="{{AppSubUrl}}/{{.UserInfo.Name}}"><img class="ui avatar image" src="{{.UserInfo.RelAvatarLink}}"></a>
 								{{else if .Email}}								    
-									<a href="mailto:{{.Email}}"><img class="ui avatar image" src="{{AvatarLink .Email}}" alt=""/></a>
+									<a href="mailto:{{.Email}}" class="circular ui button">{{.Email}}</a>
 								{{end}}
 							{{end}}
 						</div>						
@@ -222,7 +259,7 @@
 <script type="text/javascript">
 $(document).ready(function(){ 
     $(".membersmore").click(function(){
-       $("#contributorInfo > a:nth-child(n+3)").slideToggle("slow");
+       $("#contributorInfo > a:nth-child(n+25)").show();
     });
 });
 </script>