add Dropdown for planet header menu

Author: Rokt33r

browser/styles/main/index.styl

@@ -217,6 +217,34 @@ textarea.block-input
     padding 7px 25px
     box-sizing border-box
     line-height 30px
+  .dropDown
+    z-index 500
+    position fixed
+    background white
+    width 200px
+    border solid 1px borderColor
+    box-sizing border-box
+    margin-top -5px
+    margin-left 125px
+    box-shadow popupShadow
+    &.hide
+      visibility hidden
+    a
+      color textColor
+      display block
+      width 100%
+      padding 15px
+      box-sizing border-box
+      border-bottom solid 1px borderColor
+      text-decoration none
+      &:hover, &.hover
+        background-color hoverBackgroundColor
+      &:focus, &.focus
+        color black
+      &:active, &.active
+        color brandColor
+      &:last-child
+        border-bottom none
 
 
 .PlanetBody

browser/styles/shared/modal.styl

@@ -3,7 +3,7 @@
   z-index 1000
   overflow-y auto
   overflow-x auto
-  background-color transparentify(black, 35%)
+  background-color modalBaseColor
   &.hide
     display none
   .modal
@@ -13,6 +13,7 @@
     background-color white
     border-radius 10px
     padding 15px
+    box-shadow popupShadow
     .modal-body
       .modal-tab
         text-align center

browser/styles/vars.styl

@@ -16,10 +16,16 @@ hoverBackgroundColor= transparentify(#444, 3%)
 textColor = #4D4D4D
 backgroundColor= white
 
+btnColor = #888
+btnHighlightenColor = #000
+
 brandColor = #2BAC8F
 
 planetNavBgColor = #ECECEC
 planetAnchorColor = #979797
 planetAnchorBgColor = #BEBEBE
 planetAnchorActiveColor = textColor
 planetAnchorActiveBgColor = white
+
+popupShadow = 0 0 5px 0 #888
+modalBaseColor = transparentify(white, 65%)