skin-green-light.less 1.0 KB

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