skin-blue.less 1.5 KB

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