dropdown style changed to match landing page style
This commit is contained in:
parent
b0cdd684e8
commit
65ac2df002
2 changed files with 23 additions and 2 deletions
|
@ -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" %} <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" %} <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>
|
<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="#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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue