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.

120 lines
2.8KB

  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. a {
  54. color: $color1 ;
  55. }
  56. .btn {
  57. color: white ;
  58. }
  59. .btn-default {
  60. color: #333 ;
  61. }
  62. .btn-primary {
  63. background-color: $color1 ;
  64. color: white ;
  65. border-color: $color1 ;
  66. }
  67. }
  68. .main-footer {
  69. a {
  70. color: $color1 ;
  71. }
  72. }
  73. }
  74. body.login-page {
  75. background: none ;
  76. background-color: $color2 ;
  77. .login-box {
  78. .login-logo {
  79. text-align: center ;
  80. font-family: 'comfortaalight' ;
  81. img {
  82. width: 50px ;
  83. }
  84. }
  85. .login-box-body {
  86. .btn-primary {
  87. background-color: $color1 ;
  88. border-color: $color1 ;
  89. padding: 5px 10px ;
  90. &:active {
  91. background-color: lighten($color1, 5) ;
  92. border-color: $color1 ;
  93. }
  94. }
  95. a {
  96. color: $color1 ;
  97. &:hover {
  98. color: lighten($color1, 5) ;
  99. }
  100. }
  101. }
  102. }
  103. }