From 9422825aec4d8ac2b95be8ebe2c90d0f7d5c32dc Mon Sep 17 00:00:00 2001
From: Rokt33r <fluke8259@gmail.com>
Date: Fri, 10 Jul 2015 17:52:58 +0900
Subject: [PATCH] add Dropdown for planet header menu

---
 browser/styles/main/index.styl   | 28 ++++++++++++++++++++++++++++
 browser/styles/shared/modal.styl |  3 ++-
 browser/styles/vars.styl         |  6 ++++++
 3 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/browser/styles/main/index.styl b/browser/styles/main/index.styl
index 3380da6c..00c18581 100644
--- a/browser/styles/main/index.styl
+++ b/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
diff --git a/browser/styles/shared/modal.styl b/browser/styles/shared/modal.styl
index 11036340..4b635287 100644
--- a/browser/styles/shared/modal.styl
+++ b/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
diff --git a/browser/styles/vars.styl b/browser/styles/vars.styl
index 038981e6..d9e3f2a4 100644
--- a/browser/styles/vars.styl
+++ b/browser/styles/vars.styl
@@ -16,6 +16,9 @@ hoverBackgroundColor= transparentify(#444, 3%)
 textColor = #4D4D4D
 backgroundColor= white
 
+btnColor = #888
+btnHighlightenColor = #000
+
 brandColor = #2BAC8F
 
 planetNavBgColor = #ECECEC
@@ -23,3 +26,6 @@ planetAnchorColor = #979797
 planetAnchorBgColor = #BEBEBE
 planetAnchorActiveColor = textColor
 planetAnchorActiveBgColor = white
+
+popupShadow = 0 0 5px 0 #888
+modalBaseColor = transparentify(white, 65%)