add login/signup action

browser/styles/main/containers/LoginContainer.styl

@@ -0,0 +1,55 @@
+.LoginContainer, .RegisterContainer
+  margin 15px auto
+  padding 25px 15px
+  box-sizing border-box
+  color inactiveTextColor
+  .logo
+    display block
+    margin 0 auto
+  .authNavigator
+    margin 15px 0
+    a
+      font-size 1.5em
+      text-decoration none
+      color inactiveTextColor
+      &:hover, &.hover, &:active, &.active
+        color brandColor
+  .socialControl
+    text-align center
+    margin 25px 0
+    p
+      margin-bottom 25px
+    .facebookBtn, .githubBtn
+      padding 20px
+      margin 0 45px
+      background-image none
+      font-size 25px
+      color white
+      border none
+      circle()
+      cursor pointer
+    .facebookBtn
+      background-color facebookColor
+      &:hover, &.hover
+        background-color lighten(facebookColor, 25%)
+    .githubBtn
+      background-color githubBtn
+      &:hover, &.hover
+        background-color lighten(githubBtn, 25%)
+  .divider
+    .dividerLabel
+      text-align center
+      position relative
+      top -35px
+      background-color backgroundColor
+      margin 0 auto
+      width 50px
+  form
+    width 400px
+    margin 0 auto 45px
+    div.form-group:last-child
+      margin-top 45px
+      .btn-primary
+        display block
+        width 200px
+        margin 0 auto

browser/styles/main/index.styl

@@ -38,11 +38,23 @@ button
   text-align center
 
 .form-group
-  margin-bottom 15px
+  margin-bottom 20px
   &>label
     display block
     margin-bottom 5px
 
+.stripInput
+  border none
+  border-bottom 1px solid borderColor
+  padding 5px 15px
+  width 100%
+  display block
+  font-size 1em
+  height 33px
+  box-sizing border-box
+  &:focus, &.focus
+    border-bottom 1px solid brandBorderColor
+    outline none
 
 .block-input, .inline-input
   border solid 1px borderColor
@@ -74,14 +86,6 @@ textarea.block-input
 #content
   fullsize()
 
-.LoginContainer, .RegisterContainer
-  width 400px
-  margin 15px auto
-  padding 25px 15px
-  box-sizing border-box
-  h1, h2
-    margin 5px auto 25px
-
 .UserNavigator
   background-color planetNavBgColor
   absolute left top bottom

browser/styles/shared/modal.styl

@@ -39,5 +39,5 @@
 
     .ace_editor
       height 300px
-      border-radius 5px
+      border-radius 10px
       border solid 1px borderColor

browser/styles/vars.styl

@@ -11,6 +11,7 @@ hoverBackgroundColor= transparentify(#444, 3%)
 
 
 // v0.2.0
+inactiveTextColor = #888
 textColor = #4D4D4D
 backgroundColor= white
 
@@ -27,3 +28,6 @@ planetAnchorActiveBgColor = white
 
 popupShadow = 0 0 5px 0 #888
 modalBaseColor = transparentify(white, 65%)
+
+facebookColor= #3b5998
+githubBtn= #201F1F