skin-black.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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 {
  11. //Navbar & Logo
  12. .main-header {
  13. .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. .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. .logo-variant(#fff; #333);
  44. border-right: 1px solid #eee;
  45. @media (max-width: @screen-header-collapse) {
  46. .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. .skin-dark-sidebar(#fff);
  61. .pace {
  62. .pace-progress {
  63. background: #222;
  64. }
  65. .pace-activity {
  66. border-top-color: #222;
  67. border-left-color: #222;
  68. }
  69. }
  70. }