semi-dark-layout.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .semi-dark-layout {
  2. /************ Main Menu **************/ }
  3. .semi-dark-layout .main-menu {
  4. background-color: #283046; }
  5. .semi-dark-layout .main-menu .shadow-bottom {
  6. background: linear-gradient(180deg, #283046 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0)); }
  7. .semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
  8. background-color: #161d31 !important; }
  9. .semi-dark-layout .main-menu-content .navigation-main {
  10. background-color: #283046; }
  11. .semi-dark-layout .main-menu-content .navigation-main .navigation-header {
  12. color: #676d7d; }
  13. .semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  14. color: #b4b7bd; }
  15. .semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active) > a {
  16. background-color: #161d31; }
  17. .semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
  18. .semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  19. color: #b4b7bd !important; }
  20. .semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  21. background-color: #283046; }
  22. .semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  23. color: #fff; }
  24. .semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  25. background-color: #283046; }
  26. .semi-dark-layout .main-menu-content .navigation-main .active > a {
  27. color: #fff !important; }
  28. .semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
  29. .semi-dark-layout .main-menu-content .navigation-main .active i {
  30. color: #fff; }
  31. .semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  32. border-radius: 4px; }
  33. .semi-dark-layout .main-menu-content .navigation-main .menu-content {
  34. background-color: #283046; }
  35. .semi-dark-layout .main-menu-content .navigation-main .menu-content .active {
  36. z-index: 1; }
  37. .semi-dark-layout .main-menu-content .navigation-main .menu-content .active a {
  38. background-color: transparent; }
  39. .semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  40. background: #161d31 !important;
  41. color: #fff !important; }