Compare commits

...

4 commits

Author SHA1 Message Date
PCoder
a9bb273a86 Increase padding of dropdown menu items
In order to start from about the 3rd letter
2018-10-25 08:01:12 +02:00
PCoder
59ff8f76aa ungleich.css: Remove padding and remove background color 2018-10-25 07:46:31 +02:00
PCoder
4d1cf4f57b Modify menu colors and other styles as per Sanghee 2018-10-25 07:00:23 +02:00
PCoder
fc74046ce8 Add js/css for navbar menu dropdown 2018-10-23 21:55:54 +02:00
3 changed files with 85 additions and 8 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:focus {
color: #fff;
background-color: #fec503;
background-color: transparent;
/*background-color: #fec503;*/
}
.navbar-default .navbar-brand {
@ -814,7 +815,6 @@ footer {
footer span.copyright {
text-transform: uppercase;
text-transform: none;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 40px;
}
@ -822,7 +822,6 @@ footer span.copyright {
footer ul.quicklinks {
margin-bottom: 0;
text-transform: uppercase;
text-transform: none;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 40px;
}
@ -956,7 +955,7 @@ section h3.section-comment {
margin-bottom: 75px;
text-transform: none;
font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style:italic
font-style:italic;
font-size: 18px;
font-weight: 400;
color: #494949;

View file

@ -151,6 +151,25 @@
margin-left: auto;
margin-right: auto;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fed136;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #fed136 !important;
background-color: transparent;
}
.navbar-default .nav li a {
padding: 10px 15px;
}
.dropdown-menu > li > a {
padding: 10px 25px !important;
}
}
.header_slider > .carousel .carousel-inner {
@ -246,6 +265,19 @@
letter-spacing: 1px;
font-size: 1.25em;
}
ul.nav li:hover > ul.dropdown-menu{
display: block;
}
.navbar-right .dropdown-menu {
right: auto;
left: 0;
}
.nav > li > a {
padding: 10px 30px 10px 0px;
}
.dropdown-menu > li > a {
padding: 10px 20px !important;
}
}
@media (min-width: 992px) {
@ -404,3 +436,50 @@
bottom: 0;
background: rgba(0,0,0,0.35);
}
ul.dropdown-menu{
background: transparent;
-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-radius: 1px;
padding: 0;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: transparent;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
color: #fed136 !important;
text-decoration: none;
background-color: #fff;
outline: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #fff;
background-color: transparent;
}
.navbar-default.navbar-shrink .dropdown-menu li a {
background: #333;
color: #fff;
}
.navbar-default.navbar-shrink .dropdown-menu{
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;
}
.navbar-default .navbar-nav > .active > a {
background: transparent !important;
color:#fed136 !important;
}
.navbar-default.navbar-shrink {
padding: 10px 0;
background-color: #333 !important;
}

View file

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