You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

102 line
2.5KB

  1. body.skin-black {
  2. .main-header {
  3. .logo {
  4. background-color: darken($color1,5) ;
  5. &:hover {
  6. background-color: $color1 ;
  7. }
  8. .logo-lg {
  9. img {
  10. width: 30px ;
  11. height: 30px ;
  12. }
  13. }
  14. .logo-mini {
  15. img {
  16. width: 30px ;
  17. height: 30px ;
  18. }
  19. }
  20. }
  21. .navbar {
  22. background-color: $color1 ;
  23. .sidebar-toggle {
  24. color: white ;
  25. }
  26. .navbar-custom-menu .navbar-nav > li > a,
  27. .navbar-right > li > a {
  28. border-left: solid 1px lighten($color1, 15) ;
  29. color: white ;
  30. }
  31. .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus,
  32. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
  33. .nav > .active > a {
  34. color: white ;
  35. background-color: darken($color1, 4) ;
  36. }
  37. .dropdown-menu {
  38. @include box-shadow(0px 0px 4px gray) ;
  39. }
  40. }
  41. .logo, .navbar .sidebar-toggle {
  42. border-right: solid 1px lighten($color1, 15) ;
  43. }
  44. .messages-menu, .notifications-menu, .tasks-menu, .link-control-sidebar {
  45. display: none ;
  46. }
  47. }
  48. .sidebar-menu > li.active > a {
  49. border-color: $color1 ;
  50. }
  51. .content-wrapper {
  52. background-color: #f5f5f5 ;
  53. .btn-primary {
  54. background-color: $color1 ;
  55. color: white ;
  56. border-color: $color1 ;
  57. }
  58. }
  59. }
  60. body.login-page {
  61. background: none ;
  62. background-color: $color2 ;
  63. .login-box {
  64. .login-logo {
  65. text-align: center ;
  66. font-family: 'comfortaalight' ;
  67. img {
  68. width: 50px ;
  69. }
  70. }
  71. .login-box-body {
  72. .btn-primary {
  73. background-color: $color1 ;
  74. border-color: $color1 ;
  75. padding: 5px 10px ;
  76. &:active {
  77. background-color: lighten($color1, 5) ;
  78. border-color: $color1 ;
  79. }
  80. }
  81. a {
  82. color: $color1 ;
  83. &:hover {
  84. color: lighten($color1, 5) ;
  85. }
  86. }
  87. }
  88. }
  89. }