_adminlte.scss 5.4KB

6 vuotta sitten
6 vuotta sitten
6 vuotta sitten
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. body.skin-black {
  2. .main-header {
  3. .logo {
  4. background-color: white ;
  5. &:hover {
  6. background-color: white ;
  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: white ;
  23. .sidebar-toggle {
  24. color: #333 ;
  25. }
  26. .navbar-custom-menu .navbar-nav > li > a,
  27. .navbar-right > li > a {
  28. border-left: solid 1px #e0e0e0 ;
  29. color: #333 ;
  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: #FF7F00 ;
  35. }
  36. .dropdown-menu {
  37. @include box-shadow(0px 0px 4px gray) ;
  38. }
  39. }
  40. .logo, .navbar .sidebar-toggle {
  41. border-right: solid 1px #e0e0e0 ;
  42. }
  43. .link-control-sidebar {
  44. display: none ;
  45. }
  46. .notifications-menu {
  47. ul.menu {
  48. max-height: 300px ;
  49. li {
  50. a {
  51. padding-top: 4px ;
  52. padding-bottom: 4px ;
  53. h5 {
  54. margin-bottom: 2px ;
  55. small {
  56. float: right ;
  57. }
  58. }
  59. p {
  60. margin-left: 10px ;
  61. }
  62. }
  63. }
  64. }
  65. }
  66. .navbar .nav li.producer-menu {
  67. .label {
  68. position: relative ;
  69. top: -2px ;
  70. left: 0px ;
  71. }
  72. }
  73. }
  74. .sidebar-menu > li.active > a {
  75. border-color: $color1 ;
  76. }
  77. .content-wrapper {
  78. background-color: #f5f5f5 ;
  79. .content-header {
  80. background-color: #F5F5F5 ;
  81. padding-bottom: 15px ;
  82. border-bottom: solid 1px #e0e0e0 ;
  83. border-top: solid 1px #e0e0e0 ;
  84. .btn {
  85. padding: 3px 6px;
  86. font-size: 10px;
  87. font-family: Arial;
  88. text-transform: uppercase;
  89. }
  90. h1 {
  91. font-family: 'highvoltageregular' ;
  92. }
  93. }
  94. a {
  95. color: $color1 ;
  96. }
  97. .btn {
  98. color: white ;
  99. }
  100. .btn-default {
  101. color: #333 ;
  102. background-color: white ;
  103. }
  104. .btn-primary {
  105. background-color: $color1 ;
  106. color: white ;
  107. border-color: $color1 ;
  108. }
  109. .alert {
  110. a {
  111. color: white ;
  112. }
  113. a.btn {
  114. color: #333 ;
  115. text-decoration: none ;
  116. }
  117. }
  118. .callout {
  119. h4 .fa {
  120. margin-right: 7px ;
  121. }
  122. a {
  123. color: white ;
  124. }
  125. .btn {
  126. color: #333 ;
  127. text-decoration: none ;
  128. }
  129. }
  130. .table {
  131. th {
  132. font-size: 13px ;
  133. }
  134. th.column-actions, td.column-actions {
  135. width: 150px ;
  136. text-align: right ;
  137. }
  138. td.text-small, th.text-small {
  139. font-size: 12px ;
  140. }
  141. }
  142. .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  143. background-color: $color1 ;
  144. border: solid 1px $color1 ;
  145. color: white ;
  146. }
  147. .pagination > li > a, .pagination > li > span {
  148. color: $color1 ;
  149. &:hover {
  150. color: darken($color1, 10) ;
  151. }
  152. }
  153. .submenu {
  154. margin-bottom: 25px ;
  155. }
  156. }
  157. .main-footer {
  158. a {
  159. color: $color1 ;
  160. }
  161. }
  162. }
  163. body.login-page {
  164. background: none ;
  165. background-color: $color2 ;
  166. .login-box {
  167. .login-logo {
  168. text-align: center ;
  169. font-family: 'comfortaalight' ;
  170. img {
  171. width: 50px ;
  172. }
  173. }
  174. .login-box-body {
  175. .btn-primary {
  176. background-color: $color1 ;
  177. border-color: $color1 ;
  178. padding: 5px 10px ;
  179. &:active {
  180. background-color: lighten($color1, 5) ;
  181. border-color: $color1 ;
  182. }
  183. }
  184. a {
  185. color: $color1 ;
  186. &:hover {
  187. color: lighten($color1, 5) ;
  188. }
  189. }
  190. }
  191. }
  192. }