semi-dark-layout.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /*========================================================
  2. DARK LAYOUT
  3. =========================================================*/
  4. body.semi-dark-layout {
  5. /************ Main Menu **************/
  6. }
  7. body.semi-dark-layout .main-menu {
  8. background-color: #10163a;
  9. }
  10. body.semi-dark-layout .main-menu .shadow-bottom {
  11. background: linear-gradient(180deg, #0f1642 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0));
  12. }
  13. body.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active a {
  14. background-color: #262c49;
  15. }
  16. body.semi-dark-layout .main-menu-content .navigation-main {
  17. background-color: #10163a;
  18. }
  19. body.semi-dark-layout .main-menu-content .navigation-main .nav-item i {
  20. color: #c2c6dc;
  21. }
  22. body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open a {
  23. background-color: #262c49;
  24. }
  25. body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
  26. body.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  27. color: #c2c6dc;
  28. }
  29. body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  30. background-color: #10163a;
  31. }
  32. body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  33. color: #fff;
  34. }
  35. body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  36. background-color: #10163a;
  37. }
  38. body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
  39. body.semi-dark-layout .main-menu-content .navigation-main .active i {
  40. color: #fff;
  41. }
  42. body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  43. background: #10163a;
  44. border-radius: 4px;
  45. }
  46. body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
  47. background-color: #10163a;
  48. }
  49. body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
  50. z-index: 1;
  51. }
  52. body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
  53. background-color: transparent;
  54. }
  55. body.semi-dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active a {
  56. background: #262c49 !important;
  57. }