From 65ac2df002645f0bc4a7ce75273d704b03495997 Mon Sep 17 00:00:00 2001
From: Arvind Tiwari <tiwariav@gmail.com>
Date: Sun, 20 Aug 2017 01:46:26 +0530
Subject: [PATCH] dropdown style changed to match landing page style

---
 .../datacenterlight/includes/_navbar.html     |  4 ++--
 hosting/static/hosting/css/landing-page.css   | 21 +++++++++++++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar.html b/datacenterlight/templates/datacenterlight/includes/_navbar.html
index 6c4fc8df..e1b65fba 100644
--- a/datacenterlight/templates/datacenterlight/includes/_navbar.html
+++ b/datacenterlight/templates/datacenterlight/includes/_navbar.html
@@ -15,10 +15,10 @@
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <!-- Start Navbar collapse-->
             <ul class="nav navbar-nav navbar-right">
-                <li class="dropdown">
+                <li class="dropdown highlights-dropdown">
                     <a class="dropdown-toggle url visible-desktop" href="#how" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}&nbsp;<span class="caret"></span></a>
                     <a class="dropdown-toggle visible-mobile" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}&nbsp;<span class="caret"></span></a>
-                    <ul class="dropdown-menu">
+                    <ul class="dropdown-menu ">
                         <li><a class="url" href="#your">{% trans "Scale out" %}</a></li>
                         <li><a class="url" href="#our">{% trans "Reliable and light" %}</a></li>
                         <li> <a class="url" href="#price">{% trans "Order VM" %}</a></li>
diff --git a/hosting/static/hosting/css/landing-page.css b/hosting/static/hosting/css/landing-page.css
index 6bc47a75..117da5e7 100644
--- a/hosting/static/hosting/css/landing-page.css
+++ b/hosting/static/hosting/css/landing-page.css
@@ -81,6 +81,27 @@ h6 {
     /* color: #fff; */
 }
 
+.navbar-right .highlights-dropdown .dropdown-menu {
+    left: 0 !important;
+    min-width: 155px;
+    margin-left: 15px;
+    border: 1px solid #fff;
+    box-shadow: -8px 13px 31px -8px rgba(77, 77, 77, 0.75);
+    padding: 5px !important;
+}
+.navbar-right .highlights-dropdown .dropdown-menu > li > a{
+    font-size: 13px;
+    font-weight: 300;
+    font-family: 'Lato-Light', sans-serif;
+    padding: 1px 10px !important;
+}
+.navbar-right .highlights-dropdown .dropdown-menu > li > a:hover,
+.navbar-right .highlights-dropdown .dropdown-menu > li > a:focus,
+.navbar-right .highlights-dropdown .dropdown-menu > li > a:active {
+    background: transparent;
+    text-decoration: underline !important;
+}
+
 .lead {
     font-size: 18px;
     font-weight: 400;