green.css in The Better Mega Menu 7
.tb-megamenu.style-green .dropdown-menu {
border-bottom-color: #abba64;
}
.tb-megamenu.style-green .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu.style-green .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #abba64;
}
.tb-megamenu.style-green .nav > li > a:focus,
.tb-megamenu.style-green .nav > li > a:hover {
color: #abba64;
}
.tb-megamenu.style-green .nav li.dropdown.open > .dropdown-toggle {
color: #abba64;
}
.tb-megamenu.style-green .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu.style-green .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #fff;
color: #abba64;
}
.tb-megamenu.style-green .nav > li.dropdown.open.active > a:hover,
.tb-megamenu.style-green .nav > li.dropdown.open.active > a:focus {
background-color: #fff;
color: #abba64;
}
.tb-megamenu.style-green .dropdown-menu li > a:hover,
.tb-megamenu.style-green .dropdown-menu li > a:focus,
.tb-megamenu.style-green .dropdown-submenu:hover > a {
color: #abba64;
}
.tb-megamenu.style-green .nav > .active > a,
.tb-megamenu.style-green .nav > .active > a:hover,
.tb-megamenu.style-green .nav > .active > a:focus {
color: #fff;
text-shadow: none;
background-color: #abba64;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
}
.tb-megamenu.style-green .block-view-demo .views-field-field-image img {
border: 1px solid #eee;
}
.tb-megamenu.style-green .block-view-demo .item-list ul li {
border-bottom: 1px solid #eee;
}
@media (max-width: 979px) {
.tb-megamenu.style-green .nav-collapse .nav > li > a:hover,
.tb-megamenu.style-green .nav-collapse .nav > li > a:focus {
color: #abba64;
}
.tb-megamenu.style-green .nav-collapse .nav > li.active > a:hover,
.tb-megamenu.style-green .nav-collapse .nav > li.active > a:focus {
background-color: #abba64;
color: #fff;
}
}
File
css/styles/green.css
View source
- .tb-megamenu.style-green .dropdown-menu {
- border-bottom-color: #abba64;
- }
-
- .tb-megamenu.style-green .nav li.dropdown.active > .dropdown-toggle,
- .tb-megamenu.style-green .nav li.dropdown.open.active > .dropdown-toggle {
- background-color: #abba64;
- }
-
- .tb-megamenu.style-green .nav > li > a:focus,
- .tb-megamenu.style-green .nav > li > a:hover {
- color: #abba64;
- }
-
- .tb-megamenu.style-green .nav li.dropdown.open > .dropdown-toggle {
- color: #abba64;
- }
-
- .tb-megamenu.style-green .nav li.dropdown.open > .dropdown-toggle,
- .tb-megamenu.style-green .nav li.dropdown.open.active > .dropdown-toggle {
- background-color: #fff;
- color: #abba64;
- }
- .tb-megamenu.style-green .nav > li.dropdown.open.active > a:hover,
- .tb-megamenu.style-green .nav > li.dropdown.open.active > a:focus {
- background-color: #fff;
- color: #abba64;
- }
-
- .tb-megamenu.style-green .dropdown-menu li > a:hover,
- .tb-megamenu.style-green .dropdown-menu li > a:focus,
- .tb-megamenu.style-green .dropdown-submenu:hover > a {
- color: #abba64;
- }
-
- .tb-megamenu.style-green .nav > .active > a,
- .tb-megamenu.style-green .nav > .active > a:hover,
- .tb-megamenu.style-green .nav > .active > a:focus {
- color: #fff;
- text-shadow: none;
- background-color: #abba64;
- background-image: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- outline: none;
- }
-
- .tb-megamenu.style-green .block-view-demo .views-field-field-image img {
- border: 1px solid #eee;
- }
-
- .tb-megamenu.style-green .block-view-demo .item-list ul li {
- border-bottom: 1px solid #eee;
- }
-
- @media (max-width: 979px) {
- .tb-megamenu.style-green .nav-collapse .nav > li > a:hover,
- .tb-megamenu.style-green .nav-collapse .nav > li > a:focus {
- color: #abba64;
- }
- .tb-megamenu.style-green .nav-collapse .nav > li.active > a:hover,
- .tb-megamenu.style-green .nav-collapse .nav > li.active > a:focus {
- background-color: #abba64;
- color: #fff;
- }
- }