skin-green.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /*
  2. * Skin: Green
  3. * -----------
  4. */
  5. @import "../bootstrap-less/mixins.less";
  6. @import "../bootstrap-less/variables.less";
  7. @import "../fastadmin/variables.less";
  8. @import "../fastadmin/mixins.less";
  9. .skin-green {
  10. //Navbar
  11. .main-header {
  12. background-color:@green;
  13. .navbar {
  14. .navbar-variant(@green; #fff);
  15. .sidebar-toggle {
  16. color: #fff;
  17. &:hover {
  18. background-color: darken(@green, 5%);
  19. }
  20. }
  21. @media (max-width: @screen-header-collapse) {
  22. .dropdown-menu {
  23. li {
  24. &.divider {
  25. background-color: rgba(255, 255, 255, 0.1);
  26. }
  27. a {
  28. color: #fff;
  29. &:hover {
  30. background: darken(@green, 5%);
  31. }
  32. }
  33. }
  34. }
  35. }
  36. }
  37. //Logo
  38. .logo {
  39. .logo-variant(darken(@green, 5%));
  40. }
  41. li.user-header {
  42. background-color: @green;
  43. }
  44. }
  45. //Content Header
  46. .content-header {
  47. background: transparent;
  48. }
  49. //Create the sidebar skin
  50. .skin-dark-sidebar(@green);
  51. }