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" %} <span class="caret"></span></a> <a class="dropdown-toggle visible-mobile" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %} <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;