UI: issues - finish basic frame

public/less/_base.less

@@ -2,7 +2,10 @@
  
 body {
 	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif,'微软雅黑';
-	background-color: #FFFFFF;
+	background-color: #FAFAFA;
+}
+img {
+	border-radius: 3px;
 }
 .full.height {
 	padding: 0;
@@ -15,10 +18,13 @@ body {
 	width: 100%;
 	padding: 0.7em 0;
 	&.light {
-		background-color: #FFFFFF;
+		background-color: white;
 		border-bottom: 1px solid #DDDDDD;
 		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
 	}
+	.ui.secondary.menu {
+		height: 30px;
+	}
 	.column .menu {
 		margin-top: 0;
 	}
@@ -26,12 +32,36 @@ body {
 		float: left;
 		margin-right: 5px;
 	}
+	.head.link.item {
+		padding-right: 0!important;
+		.dropdown.icon,
+		.menu .octicon {
+			margin-right: 5px;
+		}
+	}
+	.user.avatar {
+		padding: 0;
+		margin-top: 1px;
+	}
 	.searchbox {
   	background-color: rgb(244, 244, 244)!important;
   	&:focus {
   		background-color: rgb(233, 233, 233)!important;
   	}
 	}
+	.octicon {
+    width: 16px;
+    opacity: 1!important;
+    text-align: center;
+  }
+}
+.ui {
+	&.left {
+		float: left;
+	}
+	&.right {
+		float: right;
+	}
 }
 footer {
 	margin-top: @footer-margin!important;
@@ -40,14 +70,6 @@ footer {
 	clear: both;
 	width: 100%;
 	color: #888888;
-	.ui {
-		&.left {
-			float: left;
-		}
-		&.right {
-			float: right;
-		}
-	}
 	.fa {
 		width: 16px;
   	text-align: center;