skin-black-light.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. @include box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
  14. .navbar-toggle {
  15. color: #333;
  16. }
  17. .navbar-brand {
  18. color: #333;
  19. border-right: 1px solid #eee;
  20. }
  21. > .navbar {
  22. @include navbar-variant(#fff; #333; #999; #fff);
  23. > .sidebar-toggle {
  24. color: #333;
  25. border-right: 1px solid #eee;
  26. }
  27. .navbar-nav {
  28. > li > a {
  29. border-right: 1px solid #eee;
  30. }
  31. }
  32. .navbar-custom-menu .navbar-nav,
  33. .navbar-right {
  34. > li {
  35. > a {
  36. border-left: 1px solid #eee;
  37. border-right-width: 0;
  38. }
  39. }
  40. }
  41. }
  42. > .logo {
  43. @include logo-variant(#fff; #333);
  44. border-right: 1px solid #eee;
  45. @media (max-width: $screen-header-collapse) {
  46. @include logo-variant(#222; #fff);
  47. border-right: none;
  48. }
  49. }
  50. li.user-header {
  51. background-color: #222;
  52. }
  53. }
  54. //Content Header
  55. .content-header {
  56. background: transparent;
  57. box-shadow: none;
  58. }
  59. //Create the sidebar skin
  60. @include skin-light-sidebar(#fff);
  61. }