skin-black-light.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /*
  2. * Skin: Black
  3. * -----------
  4. */
  5. @import "../../bootstrap-less/mixins.less";
  6. @import "../../bootstrap-less/variables.less";
  7. @import "../variables.less";
  8. @import "../mixins.less";
  9. /* skin-black navbar */
  10. .skin-black-light {
  11. //Navbar & Logo
  12. .main-header {
  13. .box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
  14. // border-bottom: 1px solid @gray-lte;
  15. .navbar-toggle {
  16. color: #333;
  17. }
  18. .navbar-brand {
  19. color: #333;
  20. border-right: 1px solid @gray-lte;
  21. }
  22. .navbar {
  23. .navbar-variant(#fff; #333; #999; #fff);
  24. > .sidebar-toggle {
  25. color: #333;
  26. border-right: 1px solid @gray-lte;
  27. }
  28. .navbar-nav {
  29. > li > a {
  30. border-right: 1px solid @gray-lte;
  31. }
  32. }
  33. .navbar-custom-menu .navbar-nav,
  34. .navbar-right {
  35. > li {
  36. > a {
  37. border-left: 1px solid @gray-lte;
  38. border-right-width: 0;
  39. }
  40. }
  41. }
  42. }
  43. .logo {
  44. .logo-variant(#fff; #333);
  45. border-right: 1px solid @gray-lte;
  46. @media (max-width: @screen-header-collapse) {
  47. .logo-variant(#222; #fff);
  48. border-right: none;
  49. }
  50. }
  51. li.user-header {
  52. background-color: #222;
  53. }
  54. }
  55. //Content Header
  56. .content-header {
  57. background: transparent;
  58. box-shadow: none;
  59. }
  60. //Create the sidebar skin
  61. .skin-light-sidebar(#fff);
  62. }