tooltip, tutorial追加

browser/styles/main/HomeContainer/components/ArticleDetail.styl

@@ -205,10 +205,10 @@ iptFocusBorderColor = #369DCD
             tooltip()
           &.editBtn .tooltip
             margin-top 25px
-            margin-left -63px
+            margin-left -65px
           &.deleteBtn .tooltip
             margin-top 25px
-            margin-left -96px
+            margin-left -98px
           &:hover
             color inherit
             .tooltip

browser/styles/main/HomeContainer/index.styl

@@ -8,3 +8,4 @@
 @require './lib/CreateNewTeam'
 @require './lib/CreateNewFolder'
 @require './lib/Preferences'
+@require './lib/Tutorial'

browser/styles/main/HomeContainer/lib/Tutorial.styl

@@ -0,0 +1,129 @@
+
+slideBgColor0 = #2BAC8F
+slideBgColor1 = #F68F92
+slideBgColor2 = #D6AD56
+slideBgColor3 = #26969B
+slideBgColor4 = #00B493
+
+.Tutorial.modal
+  background-color slideBgColor0
+  color white
+  width 720px
+  height 480px
+  margin-top 75px
+  border-radius 5px
+  overflow hidden
+
+  .priorBtn, .nextBtn
+    font-size 72px
+    position absolute
+    background-color transparent
+    color transparentify(white, 50%)
+    transition 0.1s
+    border none
+    line-height 72px
+    padding 0
+    width 93px
+    height 72px
+    z-index 2
+    top 189px
+    &:hover
+      color white
+    &.hide
+      opacity 0
+  .priorBtn
+    left 15px
+  .nextBtn
+    right 15px
+  .title
+    text-align center
+    font-size 54px
+    margin 40px 0
+  .content
+    text-align center
+    font-size 22px
+    line-height 1.8
+  .dots
+    position absolute
+    left 0
+    right 0
+    bottom 25px
+    margin 0 auto
+    color gray
+    text-align center
+    z-index 2
+    &>i
+      transition 0.3s
+      &.active
+        color white
+  .slide
+    absolute top bottom left right
+    z-index 1
+  .slide0
+    background-color slideBgColor0
+    .content
+      margin-top 100px
+  .slide1
+    background-color slideBgColor1
+    .content
+      .markdown
+        background-color white
+        color textColor
+        width 480px
+        height 140px
+        margin 45px auto 0
+        clearfix()
+        text-align left
+        border-radius 5px
+        overflow hidden
+        .left
+          float left
+          width 240px
+          height 140px
+          box-sizing border-box
+          font-size 0.5em
+          padding 30px
+          border-right 1px solid borderColor
+        .right
+          width 240px
+          height 140px
+          float right
+          box-sizing border-box
+          padding: 28px 0 0 10px
+          font-size 0.45em
+          marked()
+          ul
+            padding-left 20px
+  .slide2
+    background-color slideBgColor2
+    .code
+      border-radius 5px
+      overflow hidden
+      text-align left
+      width 480px
+      heght 140px
+      margin 45px auto 0
+      font-size 14px
+      .ace_editor
+        height 140px
+  .slide3
+    background-color slideBgColor3
+    .content
+      &>img
+        margin-top 45px
+  .slide4
+    background-color slideBgColor4
+    .content
+      &>button
+        background-color white
+        color brandColor
+        font-size 60px
+        width 250px
+        height 250px
+        border-radius 125px
+        border none
+        transition 0.1s
+        &:hover
+          transform scale(1.2)
+
+