Modify menu colors and other styles as per Sanghee

This commit is contained in:
PCoder 2018-10-24 09:39:51 +02:00
parent fc74046ce8
commit 4d1cf4f57b
3 changed files with 29 additions and 13 deletions

View file

@ -241,7 +241,8 @@ fieldset[disabled] .btn-xl.active {
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { .navbar-default .navbar-nav>.active>a:focus {
color: #fff; color: #fff;
background-color: #fec503; background-color: transparent;
/*background-color: #fec503;*/
} }
.navbar-default .navbar-brand { .navbar-default .navbar-brand {
@ -814,7 +815,6 @@ footer {
footer span.copyright { footer span.copyright {
text-transform: uppercase; text-transform: uppercase;
text-transform: none;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 40px; line-height: 40px;
} }
@ -822,7 +822,6 @@ footer span.copyright {
footer ul.quicklinks { footer ul.quicklinks {
margin-bottom: 0; margin-bottom: 0;
text-transform: uppercase; text-transform: uppercase;
text-transform: none;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 40px; line-height: 40px;
} }
@ -956,7 +955,7 @@ section h3.section-comment {
margin-bottom: 75px; margin-bottom: 75px;
text-transform: none; text-transform: none;
font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style:italic font-style:italic;
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
color: #494949; color: #494949;

View file

@ -163,6 +163,12 @@
color: #fed136 !important; color: #fed136 !important;
background-color: transparent; background-color: transparent;
} }
.navbar-default .nav li a {
padding: 10px 15px;
}
.dropdown-menu > li > a {
padding: 10px 25px !important;
}
} }
@ -262,6 +268,13 @@
ul.nav li:hover > ul.dropdown-menu{ ul.nav li:hover > ul.dropdown-menu{
display: block; display: block;
} }
.navbar-right .dropdown-menu {
right: auto;
left: 0;
}
.dropdown-menu > li > a {
padding: 10px 15px !important;
}
} }
@media (min-width: 992px) { @media (min-width: 992px) {
@ -422,14 +435,14 @@
} }
ul.dropdown-menu{ ul.dropdown-menu{
background: transparent; background: transparent;
box-shadow: 0 6px 12px rgba(255,255,255,.175); -webkit-box-shadow: 0px 2px 4px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 2px 4px 0px rgba(255,255,255,1);
box-shadow: 0px 2px 4px 0px rgba(255,255,255,1);
border: 1px solid #fff; border: 1px solid #fff;
border-radius: 4px; border-radius: 1px;
padding: 0; padding: 0;
} }
.dropdown-menu > li > a {
padding: 5px 20px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: transparent; background-color: transparent;
} }
@ -444,9 +457,13 @@ ul.dropdown-menu{
background-color: transparent; background-color: transparent;
} }
.navbar-default.navbar-shrink .dropdown-menu li a { .navbar-default.navbar-shrink .dropdown-menu li a {
background: #000; background: #333;
color: #fff; color: #fff;
} }
.navbar-default.navbar-shrink .dropdown-menu{ .navbar-default.navbar-shrink .dropdown-menu{
border: 1px solid #000; border: 1px solid #333;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,1);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,1);
border-radius: 1px;
} }

View file

@ -38,6 +38,6 @@ $('body').scrollspy({
target: '.navbar-fixed-top' target: '.navbar-fixed-top'
}) })
// Closes the Responsive Menu on Menu Item Click // Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li .page-scroll, .navbar-collapse ul li.dropdown ul li a').click(function() { $('.navbar-collapse ul li .no-submenu, .navbar-collapse ul li.dropdown ul li a').click(function() {
$('.navbar-toggle:visible').click(); $('.navbar-toggle:visible').click();
}); });