You are here

green.css in The Better Mega Menu 7

Same filename and directory in other branches
  1. 8 css/styles/green.css
  2. 2.x css/styles/green.css
.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
  1. .tb-megamenu.style-green .dropdown-menu {
  2. border-bottom-color: #abba64;
  3. }
  4. .tb-megamenu.style-green .nav li.dropdown.active > .dropdown-toggle,
  5. .tb-megamenu.style-green .nav li.dropdown.open.active > .dropdown-toggle {
  6. background-color: #abba64;
  7. }
  8. .tb-megamenu.style-green .nav > li > a:focus,
  9. .tb-megamenu.style-green .nav > li > a:hover {
  10. color: #abba64;
  11. }
  12. .tb-megamenu.style-green .nav li.dropdown.open > .dropdown-toggle {
  13. color: #abba64;
  14. }
  15. .tb-megamenu.style-green .nav li.dropdown.open > .dropdown-toggle,
  16. .tb-megamenu.style-green .nav li.dropdown.open.active > .dropdown-toggle {
  17. background-color: #fff;
  18. color: #abba64;
  19. }
  20. .tb-megamenu.style-green .nav > li.dropdown.open.active > a:hover,
  21. .tb-megamenu.style-green .nav > li.dropdown.open.active > a:focus {
  22. background-color: #fff;
  23. color: #abba64;
  24. }
  25. .tb-megamenu.style-green .dropdown-menu li > a:hover,
  26. .tb-megamenu.style-green .dropdown-menu li > a:focus,
  27. .tb-megamenu.style-green .dropdown-submenu:hover > a {
  28. color: #abba64;
  29. }
  30. .tb-megamenu.style-green .nav > .active > a,
  31. .tb-megamenu.style-green .nav > .active > a:hover,
  32. .tb-megamenu.style-green .nav > .active > a:focus {
  33. color: #fff;
  34. text-shadow: none;
  35. background-color: #abba64;
  36. background-image: none;
  37. -webkit-box-shadow: none;
  38. -moz-box-shadow: none;
  39. box-shadow: none;
  40. outline: none;
  41. }
  42. .tb-megamenu.style-green .block-view-demo .views-field-field-image img {
  43. border: 1px solid #eee;
  44. }
  45. .tb-megamenu.style-green .block-view-demo .item-list ul li {
  46. border-bottom: 1px solid #eee;
  47. }
  48. @media (max-width: 979px) {
  49. .tb-megamenu.style-green .nav-collapse .nav > li > a:hover,
  50. .tb-megamenu.style-green .nav-collapse .nav > li > a:focus {
  51. color: #abba64;
  52. }
  53. .tb-megamenu.style-green .nav-collapse .nav > li.active > a:hover,
  54. .tb-megamenu.style-green .nav-collapse .nav > li.active > a:focus {
  55. background-color: #abba64;
  56. color: #fff;
  57. }
  58. }