update overlay tutorial

browser/styles/main/ArticleDetail.styl

@@ -185,89 +185,93 @@ infoButton()
             line-height 16px
 
 
-
-    .TagSelect
-      margin-top 5px
-      .TagSelect-tags
-        white-space nowrap
-        overflow-x auto
-        position relative
-        noSelect()
-        z-index 30
-        background-color #E6E6E6
-        clearfix()
-        .TagSelect-tags-item
-          background-color transparent
-          color white
-          margin 0 2px
-          padding 0
-          height 17px
-          float left
-          button.TagSelect-tags-item-remove
-            display block
+    .ArticleDetail-info-row2
+      .tutorial
+        position fixed
+        z-index 35
+        font-style italic
+      .TagSelect
+        margin-top 5px
+        .TagSelect-tags
+          white-space nowrap
+          overflow-x auto
+          position relative
+          noSelect()
+          z-index 30
+          background-color #E6E6E6
+          clearfix()
+          .TagSelect-tags-item
+            background-color transparent
+            color white
+            margin 0 2px
+            padding 0
+            height 17px
             float left
+            button.TagSelect-tags-item-remove
+              display block
+              float left
+              background-color transparent
+              border none
+              font-size 8px
+              color white
+              width 15px
+              height 17px
+              text-align center
+              line-height 12px
+              padding 0
+              margin 0
+              border-top solid 1px darken(brandColor, 5%)
+              border-bottom solid 1px darken(brandColor, 5%)
+              border-left solid 1px darken(brandColor, 5%)
+              border-right solid 1px transparent
+              border-radius left 2px
+              background-color brandColor
+              &:hover
+                background-color lighten(brandColor, 10%)
+                border-color lighten(brandColor, 10%)
+              &:focus
+                background-color lighten(brandColor, 10%)
+                border-color focusBorderColor
+            .TagSelect-tags-item-label
+              background-color brandColor
+              float left
+              font-size 12px
+              border-top solid 1px darken(brandColor, 5%)
+              border-bottom solid 1px darken(brandColor, 5%)
+              border-right solid 1px darken(brandColor, 5%)
+              line-height 15px
+              padding 0 5px
+              border-radius right 2px
+          input.TagSelect-input
             background-color transparent
             border none
-            font-size 8px
-            color white
-            width 15px
-            height 17px
-            text-align center
-            line-height 12px
-            padding 0
-            margin 0
-            border-top solid 1px darken(brandColor, 5%)
-            border-bottom solid 1px darken(brandColor, 5%)
-            border-left solid 1px darken(brandColor, 5%)
-            border-right solid 1px transparent
-            border-radius left 2px
-            background-color brandColor
-            &:hover
-              background-color lighten(brandColor, 10%)
-              border-color lighten(brandColor, 10%)
+            border-bottom 1px solid transparent
+            outline none
+            margin 0 2px
+            transition 0.15s
+            height 18px
             &:focus
-              background-color lighten(brandColor, 10%)
               border-color focusBorderColor
-          .TagSelect-tags-item-label
-            background-color brandColor
-            float left
-            font-size 12px
-            border-top solid 1px darken(brandColor, 5%)
-            border-bottom solid 1px darken(brandColor, 5%)
-            border-right solid 1px darken(brandColor, 5%)
-            line-height 15px
-            padding 0 5px
-            border-radius right 2px
-        input.TagSelect-input
-          background-color transparent
-          border none
-          border-bottom 1px solid transparent
-          outline none
-          margin 0 2px
-          transition 0.15s
-          height 18px
-          &:focus
-            border-color focusBorderColor
-      .TagSelect-suggest
-        position fixed
-        width 150px
-        max-height 150px
-        background-color white
-        z-index 5
-        border 1px solid borderColor
-        border-radius 5px
-        &>button
-          width 100%
-          display block
-          padding 0 15px
-          height 33px
-          line-height 33px
-          background-color transparent
-          border none
-          text-align left
-          font-size 14px
-          &:hover
-            background-color darken(white, 10%)
+        .TagSelect-suggest
+          position fixed
+          width 150px
+          max-height 150px
+          background-color white
+          z-index 5
+          border 1px solid borderColor
+          border-radius 5px
+          &>button
+            width 100%
+            display block
+            padding 0 15px
+            height 33px
+            line-height 33px
+            background-color transparent
+            border none
+            text-align left
+            font-size 14px
+            &:hover
+              background-color darken(white, 10%)
   .ArticleDetail-panel
     position absolute
     top 70px

browser/styles/main/ArticleNavigator.styl

@@ -146,6 +146,10 @@ articleCount = #999
     width 100%
     transition top 0.15s ease-in-out
     background-color articleNavBgColor
+    .tutorial
+      position fixed
+      z-index 35
+      font-style italic
     &.expand
       top 100px
     .ArticleNavigator-folders-header
@@ -183,11 +187,6 @@ articleCount = #999
         &:active
           background-color brandColor
           border-color brandColor
-      .tutorial
-        position fixed
-        z-index 35px
-        top 200px
-        font-style italic
     .folderList
       absolute bottom
       top 33px

browser/styles/main/ArticleTopBar.styl

@@ -40,7 +40,8 @@ infoBtnActiveBgColor = #3A3A3A
     float left
     &>.tutorial
       fixed top
-      left 200px
+      left 100px
+      top 30px
       z-index 36
       font-style italic
     &>.ArticleTopBar-left-search
@@ -123,8 +124,14 @@ infoBtnActiveBgColor = #3A3A3A
       height 33px
       margin-top 13.5px
       margin-left 20px
+      .tutorial
+        fixed top
+        left 200px
+        z-index 36
+        font-style italic
       button.ArticleTopBar-left-control-new-post-button
-        background transparent
+        position fixed
+        background bgColor
         font-size 20px
         border none
         outline none
@@ -134,6 +141,7 @@ infoBtnActiveBgColor = #3A3A3A
         border-radius 16.5px
         transition 0.1s
         border 1px solid transparent
+        z-index 30
         &:hover
           color textColor
         &:active