blue.css 7.4 KB

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