skin-blue.less 1.1 KB

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