add redirect home -> user(current user), enhance UserNavigation style

browser/styles/main/HomeContainer/ArticleNavigator.styl

@@ -0,0 +1,7 @@
+articleNavBgColor = #353535
+
+.ArticleNavigator
+  background-color articleNavBgColor
+  absolute top bottom
+  left 60px
+  width 200px

browser/styles/main/HomeContainer/UserNavigator.styl

@@ -27,59 +27,55 @@ userAnchorActiveBgColor = white
         font-size 1.1em
         cursor pointer
         transition 0.1s
-        opacity 0.8
 
         img.ProfileImage
           width 38px
           height 38px
           border-radius 22px
-        &:hover, &.active
-          opacity 1
+          opacity 0.7
+        &:hover
+          img.ProfileImage
+            opacity 1
           .userTooltip
             opacity 1
+        &.active
+          img.ProfileImage
+            opacity 1
         .userTooltip
+          tooltip()
           position absolute
-          z-index popupZIndex
-          background-color transparentify(invBackgroundColor, 80%)
-          color invTextColorq
-          padding 10px
-          line-height 1em
-          border-radius 5px
           margin-top -52px
-          margin-left 52px
-          white-space nowrap
-          opacity 0
-          transition 0.1s
-          pointer-events none
+          margin-left 44px
         .keyLabel
           margin-top -25px
           font-size 0.8em
           color userNavigatorColor
-  button.newTeamButton
+  button.createTeamBtn
     display block
     margin 0 auto
     width 30px
     height 30px
-    circle()
-    border solid 1px lightButtonColor
-    color lightButtonColor
+    border-radius 15px
+    border 2px solid darken(white, 5%)
+    color darken(white, 5%)
     text-align center
     background-image none
     background-color transparent
     box-sizing border-box
-    absolute left bottom right
+    absolute left right
     bottom 15px
-    &:hover, &.hover, &:focus, &.focus
-      border-color darken(lightButtonColor, 50%)
-      color darken(lightButtonColor, 50%)
-    &:active, &.active
-      border-color darken(brandBorderColor, 10%)
-      background-color brandColor
-      color white
+    font-size 22px
+    line-height 22px
+    transition 0.1s
     .tooltip
       tooltip()
-      margin-top -22px
-      margin-left 33px
-      font-size 14px
-    &:hover .tooltip
-      opacity 1
+      margin-top -26px
+      margin-left 30px
+    &:hover, &.hover, &:focus, &.focus
+      color white
+      border-color white
+      .tooltip
+        opacity 1
+    &:active
+      background-color brandColor
+      border-color brandColor

browser/styles/main/HomeContainer/index.styl

@@ -1,4 +1,5 @@
 @import './UserNavigator'
 @import './ArticleTopBar'
+@import './ArticleNavigator'
 @import './ArticleList'
 @import './ArticleDetail'

browser/styles/mixins/tooltip.styl

@@ -3,10 +3,9 @@ tooltip()
   z-index popupZIndex
   background-color transparentify(invBackgroundColor, 80%)
   color invTextColor
-  padding 10px
+  padding 10px 15px
   font-size 12px
   line-height 12px
-  border-radius 5px
   white-space nowrap
   opacity 0
   transition 0.1s