skin-red.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /*
  2. * Skin: Red
  3. * ---------
  4. */
  5. @import "../../bootstrap-less/mixins.less";
  6. @import "../../bootstrap-less/variables.less";
  7. @import "../variables.less";
  8. @import "../mixins.less";
  9. .skin-red {
  10. //Navbar
  11. .main-header {
  12. .navbar {
  13. .navbar-variant(@red; #fff);
  14. .sidebar-toggle {
  15. color: #fff;
  16. &:hover {
  17. background-color: darken(@red, 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(@red, 5%);
  30. }
  31. }
  32. }
  33. }
  34. }
  35. }
  36. //Logo
  37. .logo {
  38. .logo-variant(darken(@red, 5%));
  39. }
  40. li.user-header {
  41. background-color: @red;
  42. }
  43. }
  44. //Content Header
  45. .content-header {
  46. background: transparent;
  47. }
  48. //Create the sidebar skin
  49. .skin-dark-sidebar(@red);
  50. }