dropdown style changed to match landing page style

This commit is contained in:
Arvind Tiwari 2017-08-20 01:46:26 +05:30
parent b0cdd684e8
commit 65ac2df002
2 changed files with 23 additions and 2 deletions

View file

@ -15,10 +15,10 @@
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<!-- Start Navbar collapse--> <!-- Start Navbar collapse-->
<ul class="nav navbar-nav navbar-right"> <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 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> <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="#your">{% trans "Scale out" %}</a></li>
<li><a class="url" href="#our">{% trans "Reliable and light" %}</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> <li> <a class="url" href="#price">{% trans "Order VM" %}</a></li>

View file

@ -81,6 +81,27 @@ h6 {
/* color: #fff; */ /* 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 { .lead {
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;