You are here

green.css in The Better Mega Menu 2.x

Same filename and directory in other branches
  1. 8 css/styles/green.css
  2. 7 css/styles/green.css
.tb-megamenu .dropdown-menu {
  border-bottom-color: #abba64;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #abba64;
}

.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
  color: #abba64;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
  color: #abba64;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #fff;
  color: #abba64;
}
.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav > li.dropdown.open.active > a:focus,
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:focus {
  background-color: #fff;
  color: #abba64;
}

.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus,
.tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link {
  color: #abba64;
}

.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link: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 .block-view-demo .views-field-field-image img {
  border: 1px solid #eee;
}

.tb-megamenu .block-view-demo .item-list ul li {
  border-bottom: 1px solid #eee;
}

@media (max-width: 979px) {
  .tb-megamenu .nav-collapse .nav > li > a:hover,
  .tb-megamenu .nav-collapse .nav > li > a:focus,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:hover,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:focus {
    color: #abba64;
  }
  .tb-megamenu .nav-collapse .nav > li.active > a:hover,
  .tb-megamenu .nav-collapse .nav > li.active > a:focus,
  .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:hover,
  .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:focus {
    background-color: #abba64;
    color: #fff;
}
}

File

css/styles/green.css
View source
  1. .tb-megamenu .dropdown-menu {
  2. border-bottom-color: #abba64;
  3. }
  4. .tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
  5. .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
  6. background-color: #abba64;
  7. }
  8. .tb-megamenu .nav > li > a:focus,
  9. .tb-megamenu .nav > li > a:hover,
  10. .tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
  11. .tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
  12. color: #abba64;
  13. }
  14. .tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
  15. color: #abba64;
  16. }
  17. .tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
  18. .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
  19. background-color: #fff;
  20. color: #abba64;
  21. }
  22. .tb-megamenu .nav > li.dropdown.open.active > a:hover,
  23. .tb-megamenu .nav > li.dropdown.open.active > a:focus,
  24. .tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover,
  25. .tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:focus {
  26. background-color: #fff;
  27. color: #abba64;
  28. }
  29. .tb-megamenu .dropdown-menu li > a:hover,
  30. .tb-megamenu .dropdown-menu li > a:focus,
  31. .tb-megamenu .dropdown-submenu:hover > a,
  32. .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover,
  33. .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus,
  34. .tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link {
  35. color: #abba64;
  36. }
  37. .tb-megamenu .nav > .active > a,
  38. .tb-megamenu .nav > .active > a:hover,
  39. .tb-megamenu .nav > .active > a:focus,
  40. .tb-megamenu .nav > .active > span.tb-megamenu-no-link,
  41. .tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover,
  42. .tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
  43. color: #fff;
  44. text-shadow: none;
  45. background-color: #abba64;
  46. background-image: none;
  47. -webkit-box-shadow: none;
  48. -moz-box-shadow: none;
  49. box-shadow: none;
  50. outline: none;
  51. }
  52. .tb-megamenu .block-view-demo .views-field-field-image img {
  53. border: 1px solid #eee;
  54. }
  55. .tb-megamenu .block-view-demo .item-list ul li {
  56. border-bottom: 1px solid #eee;
  57. }
  58. @media (max-width: 979px) {
  59. .tb-megamenu .nav-collapse .nav > li > a:hover,
  60. .tb-megamenu .nav-collapse .nav > li > a:focus,
  61. .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:hover,
  62. .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:focus {
  63. color: #abba64;
  64. }
  65. .tb-megamenu .nav-collapse .nav > li.active > a:hover,
  66. .tb-megamenu .nav-collapse .nav > li.active > a:focus,
  67. .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:hover,
  68. .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:focus {
  69. background-color: #abba64;
  70. color: #fff;
  71. }
  72. }