moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

dropdown style changed to match landing page style

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
datacenterlight/templates/datacenterlight/includes/_navbar.html
View file

@ -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>

21
hosting/static/hosting/css/landing-page.css
View file

@ -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;