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.

_adminlte.scss 3.1KB

6 years ago
6 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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. .content-header {
  54. //background-color: $color2 ;
  55. background-color: #eeeeee ;
  56. padding-bottom: 15px ;
  57. border-bottom: solid 1px #e0e0e0 ;
  58. .btn {
  59. padding: 3px 6px ;
  60. font-size: 13px ;
  61. }
  62. }
  63. a {
  64. color: $color1 ;
  65. }
  66. .btn {
  67. color: white ;
  68. }
  69. .btn-default {
  70. color: #333 ;
  71. }
  72. .btn-primary, .btn-success {
  73. background-color: $color1 ;
  74. color: white ;
  75. border-color: $color1 ;
  76. }
  77. }
  78. .main-footer {
  79. a {
  80. color: $color1 ;
  81. }
  82. }
  83. }
  84. body.login-page {
  85. background: none ;
  86. background-color: $color2 ;
  87. .login-box {
  88. .login-logo {
  89. text-align: center ;
  90. font-family: 'comfortaalight' ;
  91. img {
  92. width: 50px ;
  93. }
  94. }
  95. .login-box-body {
  96. .btn-primary {
  97. background-color: $color1 ;
  98. border-color: $color1 ;
  99. padding: 5px 10px ;
  100. &:active {
  101. background-color: lighten($color1, 5) ;
  102. border-color: $color1 ;
  103. }
  104. }
  105. a {
  106. color: $color1 ;
  107. &:hover {
  108. color: lighten($color1, 5) ;
  109. }
  110. }
  111. }
  112. }
  113. }