default.css 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
  1. /***
  2. Default theme
  3. ***/
  4. /***
  5. Reset and overrides
  6. ***/
  7. body {
  8. background-color: #3d3d3d !important;
  9. }
  10. /***
  11. Page header
  12. ***/
  13. .header .navbar-inner {
  14. filter: none !important;
  15. background-image: none !important;
  16. background-color: #212121 !important;
  17. margin: 0;
  18. }
  19. .header .btn-navbar {
  20. background-color: #212121 !important;
  21. }
  22. .header .nav .dropdown-toggle:hover,
  23. .header .nav .dropdown.open .dropdown-toggle {
  24. background-color: #383838 !important;
  25. }
  26. .header .nav li.dropdown .dropdown-toggle i {
  27. color: #8a8a8a !important;
  28. }
  29. /***
  30. Page sidebar
  31. ***/
  32. .page-sidebar {
  33. background-color: #3d3d3d;
  34. }
  35. ul.page-sidebar-menu > li > a {
  36. border-top: 1px solid #5c5c5c !important;
  37. color: #ffffff !important;
  38. }
  39. ul.page-sidebar-menu > li:last-child > a {
  40. border-bottom: 1px solid transparent !important;
  41. }
  42. ul.page-sidebar-menu > li a i {
  43. color: #969696;
  44. }
  45. ul.page-sidebar-menu > li.open > a,
  46. ul.page-sidebar-menu > li > a:hover,
  47. ul.page-sidebar-menu > li:hover > a {
  48. background: #303030;
  49. }
  50. ul.page-sidebar-menu > li.active > a {
  51. background: #e02222 !important;
  52. border-top-color: transparent !important;
  53. color: #ffffff;
  54. }
  55. ul.page-sidebar-menu > li.active > a i {
  56. color: #ffffff;
  57. }
  58. ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
  59. border-top: 0px !important;
  60. }
  61. ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
  62. ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  63. color: #ffffff !important;
  64. background: #575757 !important;
  65. }
  66. ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  67. background: #575757 !important;
  68. }
  69. /* 3rd level sub menu */
  70. ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
  71. ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
  72. ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
  73. color: #ffffff !important;
  74. background: #575757 !important;
  75. }
  76. /* font color for all sub menu links*/
  77. ul.page-sidebar-menu li > ul.sub-menu > li > a {
  78. color: #bdbdbd;
  79. }
  80. /* menu arrows */
  81. ul.page-sidebar-menu > li > a .arrow:before,
  82. ul.page-sidebar-menu > li > a .arrow.open:before {
  83. color: #7d7d7d !important;
  84. }
  85. ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
  86. ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
  87. color: #707070 !important;
  88. }
  89. ul.page-sidebar-menu > li > a > .arrow.open:before {
  90. color: #8a8a8a !important;
  91. }
  92. ul.page-sidebar-menu > li.active > a .arrow:before,
  93. ul.page-sidebar-menu > li.active > a .arrow.open:before {
  94. color: #ffffff !important;
  95. }
  96. /* sidebar search */
  97. .page-sidebar .sidebar-search input {
  98. background-color: #242424 !important;
  99. color: #7d7d7d;
  100. }
  101. .page-sidebar .sidebar-search input::-webkit-input-placeholder {
  102. color: #7d7d7d !important;
  103. }
  104. .page-sidebar .sidebar-search input:-moz-placeholder {
  105. color: #7d7d7d !important;
  106. }
  107. .page-sidebar .sidebar-search input:-ms-input-placeholder {
  108. color: #7d7d7d !important;
  109. }
  110. .page-sidebar .sidebar-search input {
  111. background-color: #3d3d3d !important;
  112. color: #bfbfbf !important;
  113. }
  114. .page-sidebar .sidebar-search .input-box {
  115. border-bottom: 1px solid #7d7d7d !important;
  116. }
  117. .page-sidebar .sidebar-search .submit {
  118. background-image: url(../image/search-icon.png);
  119. }
  120. /***
  121. Sidebar toggler
  122. ***/
  123. .sidebar-toggler {
  124. background-image: url(../image/sidebar-toggler.jpg);
  125. background-color: #242424;
  126. }
  127. /* search box bg color on expanded */
  128. .page-sidebar-closed .page-sidebar .sidebar-search.open {
  129. background-color: #3d3d3d !important;
  130. }
  131. .page-sidebar-closed .page-sidebar .sidebar-search.open .remove {
  132. background-image: url("../image/sidebar-search-close.png");
  133. }
  134. /* sub menu bg color on hover menu item */
  135. .page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
  136. background-color: #3d3d3d;
  137. }
  138. /***
  139. Horizontal Menu(new in v1.2)
  140. ***/
  141. /*search*/
  142. .header .hor-menu .hor-menu-search-form-toggler.hide {
  143. background: #000000 url(../image/hor-menu-search-close.png) no-repeat center;
  144. }
  145. .header .hor-menu .search-form {
  146. background: #000000;
  147. }
  148. .header .hor-menu .search-form .btn {
  149. color: #d6d6d6;
  150. background: #000000 url(../image/search-icon.png) no-repeat center;
  151. }
  152. .header .hor-menu .search-form form input {
  153. color: #d6d6d6;
  154. }
  155. .header .hor-menu .search-form form input::-webkit-input-placeholder {
  156. /* WebKit browsers */
  157. color: #d6d6d6;
  158. }
  159. .header .hor-menu .search-form form input:-moz-placeholder {
  160. /* Mozilla Firefox 4 to 18 */
  161. color: #d6d6d6;
  162. }
  163. .header .hor-menu .search-form form input::-moz-placeholder {
  164. /* Mozilla Firefox 19+ */
  165. color: #d6d6d6;
  166. }
  167. .header .hor-menu .search-form form input:-ms-input-placeholder {
  168. /* Internet Explorer 10+ */
  169. color: #d6d6d6;
  170. }
  171. /***
  172. Footer
  173. ***/
  174. .footer .footer-inner {
  175. color: #999999;
  176. }
  177. .footer .footer-tools .go-top {
  178. background-color: #4f4f4f;
  179. }
  180. .footer .footer-tools .go-top:hover {
  181. opacity: 0.7;
  182. filter: alpha(opacity=70);
  183. }
  184. .footer .footer-tools .go-top i {
  185. color: #8a8a8a;
  186. }
  187. /***
  188. Footer Layouts (new in v1.3)
  189. ***/
  190. /* begin:fixed footer */
  191. .page-footer-fixed .footer {
  192. background-color: #242424;
  193. }
  194. .page-footer-fixed .footer .footer-inner {
  195. color: #999999;
  196. }
  197. .page-footer-fixed .footer .footer-tools .go-top {
  198. background-color: #4f4f4f;
  199. }
  200. .page-footer-fixed .footer .footer-tools .go-top i {
  201. color: #8a8a8a;
  202. }
  203. /* end:fixed footer */
  204. /***
  205. Gritter Notifications
  206. ***/
  207. .gritter-top {
  208. background: url(../image/gritter.png) no-repeat left -30px !important;
  209. }
  210. .gritter-bottom {
  211. background: url(../image/gritter.png) no-repeat left bottom !important;
  212. }
  213. .gritter-item {
  214. display: block;
  215. background: url(../image/gritter.png) no-repeat left -40px !important;
  216. }
  217. .gritter-close {
  218. background: url(../image/gritter.png) no-repeat left top !important;
  219. }
  220. .gritter-title {
  221. text-shadow: none !important;
  222. /* Not supported by IE :( */
  223. }
  224. /* for the light (white) version of the gritter notice */
  225. .gritter-light .gritter-item,
  226. .gritter-light .gritter-bottom,
  227. .gritter-light .gritter-top,
  228. .gritter-light .gritter-close {
  229. background-image: url(../image/gritter-light.png) !important;
  230. }
  231. .gritter-item-wrapper a {
  232. color: #18a5ed;
  233. }
  234. .gritter-item-wrapper a:hover {
  235. color: #0b6694;
  236. }
  237. /* begin: boxed page */
  238. @media (min-width: 980px) {
  239. .page-boxed {
  240. background-color: #2e2e2e !important;
  241. }
  242. .page-boxed .page-container {
  243. background-color: #3d3d3d;
  244. border-left: 1px solid #5e5e5e;
  245. border-bottom: 1px solid #5e5e5e;
  246. }
  247. .page-boxed.page-sidebar-fixed .page-container {
  248. border-left: 0;
  249. border-bottom: 0;
  250. }
  251. .page-boxed.page-sidebar-fixed .page-sidebar {
  252. border-left: 1px solid #5e5e5e;
  253. }
  254. .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
  255. background-color: #2e2e2e !important;
  256. }
  257. }
  258. /* end: boxed page */
  259. /***
  260. Landscape phone to portrait tablet
  261. ***/
  262. @media (max-width: 979px) {
  263. /***
  264. page sidebar
  265. ***/
  266. .page-sidebar {
  267. background-color: #292929 !important;
  268. }
  269. ul.page-sidebar-menu > li > a {
  270. border-top: 1px solid #4a4a4a !important;
  271. }
  272. ul.page-sidebar-menu > li:last-child > a {
  273. border-bottom: 0 !important;
  274. }
  275. .page-sidebar .sidebar-search input {
  276. background-color: #292929 !important;
  277. }
  278. ul.page-sidebar-menu > li.open > a,
  279. ul.page-sidebar-menu > li > a:hover,
  280. ul.page-sidebar-menu > li:hover > a {
  281. background: #1e1e1e;
  282. }
  283. }