core.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. @charset "utf-8";
  2. body{background:#f4f4f4;}
  3. /*a{color:#222; text-decoration:none;}
  4. a:hover{color:#000; text-decoration:underline;}*/
  5. fieldset{border-color:#dfdfdf;}
  6. /* ------------- bootstrap ------------- */
  7. /*.btn-default{border-color:#dfdfdf;}
  8. .btn-default.selectpicker{background-color:#fff;}
  9. .btn-default:hover,
  10. .btn-default:focus,
  11. .btn-default:active,
  12. .btn-default.active,
  13. .open > .dropdown-toggle.btn-default{color:#FFF; background-color:#515151; border-color:#dfdfdf;}*/
  14. .btn-close, .btn-red, .btn-blue, .btn-green, .btn-blue, .btn-orange{background:#f4f4f4;}
  15. .dropdown-menu > li.active > a,
  16. .dropdown-menu > li.active > a:hover,
  17. .dropdown-menu > li > a:hover,
  18. .dropdown-menu > li > a:focus{color:#262626; text-decoration:none; background-color:#eaeaea;}
  19. .form-control{color:#515151; background-color:#ffffff; background-image:none; border:1px solid #cccccc;}
  20. .form-control:focus{border-color:#515151; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81,81,81, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81,81,81, 0.6);}
  21. .panel-main .panel-heading a:hover{color:#515151;}
  22. .panel-main .panel-heading:hover{color:#515151; background-color:#FFF; border-left-color:#515151;}
  23. .panel-main .panel-heading.active{color:#515151; background-color:#FFF; border-left-color:#515151;}
  24. .nav-tabs{border-bottom-color:#dfdfdf;}
  25. .nav-tabs > li > a{background-color:#f4f4f4; border-bottom-color:#dfdfdf;}
  26. .nav-tabs > li > a:hover,
  27. .nav-tabs > li.active > a,
  28. .nav-tabs > li.active > a:hover,
  29. .nav-tabs > li.active > a:focus{border-color:#dfdfdf; border-bottom-color:#FFF;}
  30. .tab-content{border-color:#dfdfdf;}
  31. .table > thead > tr > th{background:#f9f9f9; border-bottom-color:#dfdfdf;}
  32. .table-hover > tbody > tr:hover > td,
  33. .table-hover > tbody > tr:hover > th{background-color:#eaeaea;}
  34. .table > thead > tr > th.orderby a.order{color:#CCC;}
  35. .table > thead > tr > th.orderby.asc a.order.asc,
  36. .table > thead > tr > th.orderby.desc a.order.desc,
  37. .table > thead > tr > th.orderby a.order:hover{color:#FFF!important; background:#515151;}
  38. .table > tbody > tr.selected > td{background-color:#dedede;}
  39. /* Main */
  40. #bjui-header{background:#dfdfdf url(topbg.png); border-bottom:2px #515151 solid;}
  41. #bjui-header > .bjui-navbar-header > .bjui-navbar-toggle:focus,
  42. #bjui-header > .bjui-navbar-header > .bjui-navbar-toggle:hover{background:#515151;}
  43. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li{border-right:1px #927ea6 solid;}
  44. #bjui-header > #bjui-navbar-collapse > .bjui-navbar-right > li > a:hover{background:#515151;}
  45. #bjui-hnav #bjui-hnav-navbar > li{background-color:#eaeaea; border-top:1px #fff solid; border-right:1px #ccc solid; border-left:1px #f4f4f4 solid;}
  46. #bjui-hnav #bjui-hnav-navbar > li:hover{background-color:#f4f4f4;}
  47. #bjui-hnav #bjui-hnav-navbar > li.open > a{color:#fff !important;}
  48. #bjui-hnav #bjui-hnav-navbar > li.active a{color:#fff; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
  49. #bjui-hnav #bjui-hnav-navbar > li:hover a{color:#222; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
  50. #bjui-hnav #bjui-hnav-navbar > li.open,
  51. #bjui-hnav #bjui-hnav-navbar > li.open:hover,
  52. #bjui-hnav #bjui-hnav-navbar > li.active,
  53. #bjui-hnav #bjui-hnav-navbar > li.active:hover{background-color:#515151; border-color:#515151;}
  54. #bjui-sidebar.shadown{box-shadow:2px 0 5px rgba(81,81,81, 0.5);}
  55. #bjui-sidebar{background:#f4f4f4; border-color:#dfdfdf; border-bottom:1px #dfdfdf solid;}
  56. #bjui-sidebar > .toggleCollapse{background:#eaeaea;}
  57. #bjui-sidebar > .toggleCollapse .lock{color:#515151; background:#eaeaea;}
  58. #bjui-sidebar > .toggleCollapse .lock:hover{color:#f4f4f4; background:#515151;}
  59. #bjui-sidebar-s > .collapse{background:#f4f4f4; border:1px #dfdfdf solid;}
  60. #bjui-sidebar-s > .collapse:hover{background:#515151; border-color:#515151;}
  61. #bjui-splitBar{background:#f4f4f4;}
  62. #bjui-splitBarProxy{border-color:#c0c0c0; background:#f4f4f4;}
  63. /* Left menus */
  64. .menu-items li > a{color:#222;}
  65. .menu-items li > a:hover{background-color:#f4f4f4;}
  66. .menu-items li.active{background-color:#fafafa;}
  67. .menu-items li.active > a{color:#222;}
  68. .menu-items li.active.switch > a{font-weight:bold; background-color:#eaeaea;}
  69. .menu-items li.open > a{color:#515151;}
  70. /* Pages */
  71. .bjui-pageHeader{background:#eaeaea; border-bottom:1px #dfdfdf solid;}
  72. .bjui-pageHeader .bjui-moreSearch{background:#f4f4f4; border-bottom:1px #dfdfdf solid;}
  73. .bjui-pageHeader .showMoreSearch:hover{color:#515151;}
  74. .bjui-pageFooter{background:#eaeaea; border-top:1px #dfdfdf solid;}
  75. .bjui-pageFooter > .pagination-box > ul > .selected > a,
  76. .bjui-pageFooter > .pagination-box > ul > .selected > span{color:#fff; background-color:#515151; border-color:#eaeaea;}
  77. /* MaskProgress */
  78. .bjui-maskProgress{color:#515151; background:#FAFAFA; border:2px solid #dfdfdf;}
  79. /* Navtab */
  80. #bjui-navtab > .tabsPageHeader > .tabsLeft,
  81. #bjui-navtab > .tabsPageHeader > .tabsRight,
  82. #bjui-navtab > .tabsPageHeader > .tabsMore{background-color:#f4f4f4; border:1px #dfdfdf solid;}
  83. #bjui-navtab > .tabsPageHeader > .tabsLeft:hover,
  84. #bjui-navtab > .tabsPageHeader > .tabsRight:hover,
  85. #bjui-navtab > .tabsPageHeader > .tabsMore:hover{color:#f4f4f4; background-color:#515151;}
  86. #bjui-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled,
  87. #bjui-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled{color:#999; border-color:#dedede; border-bottom-color:#dfdfdf;}
  88. #bjui-navtab > .tabsPageHeader > .tabsLeft.tabsLeftDisabled:hover,
  89. #bjui-navtab > .tabsPageHeader > .tabsRight.tabsRightDisabled:hover{background:#f4f4f4;}
  90. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav{border-bottom-color:#dfdfdf;}
  91. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a{color:#515151; background-color:#f4f4f4; border-color:#dedede; border-bottom-color:#dfdfdf;}
  92. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li > a:hover{color:#515151; background:#eaeaea; border-color:#dfdfdf; border-bottom-color:transparent;}
  93. #bjui-navtab > .tabsPageHeader > .tabsPageHeaderContent > .nav > li.active > a{color:#515151; font-weight:bold; background:#FFF; border-color:#dfdfdf; border-bottom-color:transparent;}
  94. #bjui-navtab > .tabsMoreList{background:#f4f4f4; border-color:#dfdfdf;}
  95. #bjui-navtab > .tabsMoreList > li > a:hover{color:#515151; background:#eaeaea;}
  96. #bjui-navtab > .tabsMoreList > li.active > a{font-weight:bold; background:#eaeaea;}
  97. #bjui-navtab > .tabsPageContent{background:#fefefe; border-color:#dfdfdf;}
  98. /* Dialog */
  99. .bjui-dialog{background:#f4f4f4; border:1px #DDD solid;}
  100. .bjui-dialog.dialogShadow{-webkit-box-shadow:0 3px 9px rgba(81,81,81, 0.9); box-shadow:0 3px 9px rgba(81,81,81, 0.9);}
  101. .bjui-dialog > .dialogHeader{background:#eaeaea; border-bottom:1px #dfdfdf solid;}
  102. .bjui-dialog > .dialogHeader a{color:#515151 !important;}
  103. .bjui-dialog > .dialogHeader a:hover{color:#515151 !important;}
  104. .bjui-dialog > .dialogHeader h1{color:#515151;}
  105. .bjui-dialog > .dialogContent .bjui-pageHeader{margin-bottom:0; border:1px #dfdfdf solid; border-bottom:none;}
  106. .bjui-dialog > .dialogContent .bjui-pageContent{background-color:#fff; border:1px #dfdfdf solid;}
  107. .bjui-dialog > .dialogContent .bjui-pageFooter{border:1px #dfdfdf solid; border-top:none;}
  108. /* Dialog resizable */
  109. .bjui-resizable{border-color:#dfdfdf; background:#f4f4f4;}
  110. /* Taskbar */
  111. #bjui-taskbar{background:#515151;}
  112. #bjui-taskbar > .taskbarContent > ul > li{background:#f4f4f4;}
  113. #bjui-taskbar > .taskbarContent > ul > li > .taskbutton{color:#515151;}
  114. #bjui-taskbar > .taskbarContent > ul > li.selected,
  115. #bjui-taskbar > .taskbarContent > ul > li:hover{background:#eaeaea;}
  116. #bjui-taskbar > .taskbarContent > ul > li.selected > .taskbutton,
  117. #bjui-taskbar > .taskbarContent > ul > li:hover > .taskbutton{color:#515151;}
  118. #bjui-taskbar > .taskbarContent > ul > li > .close{color:#dfdfdf;}
  119. #bjui-taskbar > .taskbarContent > ul > li > .close:hover{color:#FF0000;}
  120. #bjui-taskbar > .taskbarLeft, #bjui-taskbar > .taskbarRight{background:#f4f4f4;}
  121. #bjui-taskbar > .taskbarLeft:hover,
  122. #bjui-taskbar > .taskbarRight:hover{color:#FFF; background:#515151;}
  123. #bjui-taskbar > .taskbarLeft.disabled,
  124. #bjui-taskbar > .taskbarRight.disabled{color:#999; background:#f4f4f4;}
  125. #bjui-taskbar > .taskbarLeft.disabled:hover,
  126. #bjui-taskbar > .taskbarRight.disabled:hover{color:#999; background:#f4f4f4;}
  127. /* datagrid */
  128. .bjui-datagrid .datagrid-title{color:#515151; background-color:#eaeaea;}
  129. .bjui-datagrid .datagrid-toolbar{background-color:#f4f4f4;}
  130. .bjui-datagrid .table > thead > tr > th:first-child{border-left-color:#f4f4f4;}
  131. .bjui-datagrid .datagrid-box-h{background-color:#f9f9f9; border-bottom-color:#dfdfdf;}
  132. .bjui-datagrid .datagrid-box-f{background-color:#f9f9f9;}
  133. .bjui-datagrid .datagrid-box-f .table > thead > tr > th .datagrid-calcbox{color:#515151; background-color:#eaeaea;}
  134. .bjui-datagrid .table > tbody > tr > td.datagrid-linenumber-td{color:#515151;}
  135. .bjui-datagrid .table.table-hover > tbody > tr:hover > td.datagrid-linenumber-td{background-color:#eaeaea;}
  136. .bjui-datagrid .table > tbody > tr.datagrid-hover > td{background-color:#eaeaea;}
  137. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn.active,
  138. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:hover,
  139. .bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:hover,
  140. .bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:focus{background-color:#515151;}
  141. .bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{color:#515151;}
  142. .bjui-datagrid .table > thead > tr > th.filter-active > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{background-color:#515151;}
  143. .bjui-datagrid .table > thead > tr > th.datagrid-quicksort-th:hover{background-color:#eaeaea;}
  144. .bjui-datagrid .table > thead > tr > th.datagrid-quicksort-th > div > .datagrid-label > i{color:#515151;}
  145. .bjui-datagrid > .datagrid-menu-box > ul > li > a{color:#515151;}
  146. .bjui-datagrid > .datagrid-menu-box > ul > li.sort-active a{color:#515151;}
  147. .bjui-datagrid > .datagrid-menu-box > ul > li > a:hover,
  148. .bjui-datagrid > .datagrid-menu-box > ul > li.active > a{background-color:#dfdfdf;}
  149. .bjui-datagrid .datagrid-filter-box fieldset > span input{border-color:#dfdfdf;}
  150. .datagrid-showhide-box > li > a{color:#515151;}
  151. .datagrid-showhide-box > li > a:hover{background-color:#dfdfdf;}
  152. .bjui-datagrid .table > thead > tr > th.datagrid-sortable:hover a:hover{background-color:#515151;}
  153. .bjui-datagrid .table > tbody > tr.datagrid-selected-tr > td{background-color:#dedede !important;}
  154. .bjui-datagrid > .datagrid-paging-box{background-color:#f9f9f9; border-top:1px #dfdfdf solid;}
  155. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a,
  156. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a:focus,
  157. .bjui-datagrid > .datagrid-paging-box > .paging-content > .datagrid-paging > .pagination > li.active > a:hover{background-color:#dfdfdf;}
  158. .bjui-datagrid > .resizeProxy{background-color:#515151;}
  159. .datagrid-dialog-edit-form > p:hover{background-color:#f4f4f4;}
  160. /* Tablefixed */
  161. .bjui-tablefixed > .resizeMarker,
  162. .bjui-tablefixed > .resizeProxy{background:#dfdfdf;}
  163. /* Tabledit */
  164. .bjui-tabledit > thead .row-add:hover{color:#FFF; background:#515151;}
  165. /* Alertmsg */
  166. .bjui-alert{background:#f4f4f4;}
  167. .bjui-alert > .alertContent .alertInner > .msg{border-top: 1px #fefefe solid;}
  168. .bjui-alert > .alertContent > .info > .alertInner{border-color:#dfdfdf;}
  169. .bjui-alert > .alertContent > .info > .alertInner > h1{color:#515151; background-color:#eaeaea; border-bottom:1px #dfdfdf solid;}
  170. /* Contextmenu */
  171. #bjui-contextmenu ul{background-color:#f4f4f4; border:1px solid #dfdfdf;}
  172. #bjui-contextmenu li{color:#515151; background-color:transparent;}
  173. #bjui-contextmenu li:hover{color:#fff; background-color:#dfdfdf;}
  174. #bjui-contextmenu li.disabled{color:#999;}
  175. #bjui-contextmenu li.disabled:hover{cursor:default; background-color:transparent;}
  176. #bjui-contextmenu li.diver{ border-left:none; border-right:none;}
  177. #bjui-contextmenu li.diver:hover{background-color:transparent !important; cursor:default;}
  178. /* Calendar */
  179. #bjui-calendar{border:1px solid #dfdfdf;}
  180. #bjui-calendar > .main > a.close{color:#dfdfdf;}
  181. #bjui-calendar > .main > a.close:hover{color:#FF0000;}
  182. #bjui-calendar > .main > .head{background:#eaeaea; border:1px solid #e3dced;}
  183. #bjui-calendar > .main > .body{border:1px solid #e3dced;}
  184. #bjui-calendar > .main > .foot{background:#f4f4f4; border:1px solid #e3dced;}
  185. #bjui-calendar > .main > .body > .days > dd.slt{background:#eaeaea; border:1px solid #dfdfdf;}
  186. #bjui-calendar > .main > .body > .days > dd:hover{border:1px solid #dfdfdf;}
  187. #bjui-calendar > .main > .body > .days > dd.other{color:#dedede;}
  188. #bjui-calendar > .main > .foot > .time td{border:1px solid #dfdfdf;}
  189. #bjui-calendar > .main > .foot > .time .up:hover,
  190. #bjui-calendar > .main > .foot > .time .down:hover{color:#FFF; background:#515151;}
  191. #bjui-calendar > .main > .tm > ul{background-color:#f4f4f4; border:1px solid #dfdfdf;}
  192. #bjui-calendar > .main > .tm > ul > li:hover{background:#eaeaea;}
  193. /* Spinner */
  194. .bjui-spinner{border-left-color:#ccc;}
  195. .bjui-spinner .up, .bjui-spinner .down{color:#515151;}
  196. .bjui-spinner .up:hover, .bjui-spinner .down:hover{color:#FFF; background:#515151;}
  197. /* Lookup */
  198. .bjui-lookup:hover{color:#FFF; background:#515151;}
  199. /* Tags */
  200. .bjui-tags > .label-tag{color:#dfdfdf; background-color:#f4f4f4;}
  201. .bjui-tags > .label-tag:hover,
  202. .bjui-tags > .label-tag:focus{background-color:#eaeaea;}
  203. .bjui-tags > .tags-menu > .tags-highlight{background-color:#eaeaea;}
  204. /* Upload */
  205. .bjui-upload > .queue > .item{background-color:#f4f4f4;}
  206. /* ------- plugins ------- */
  207. /* iCheck */
  208. .icheckbox_minimal-purple,
  209. .iradio_minimal-purple{background:url(purple.png) no-repeat;}
  210. .icheckbox_minimal-purple{background-position:0 0;} .icheckbox_minimal-purple.hover{background-position:-20px 0;} .icheckbox_minimal-purple.checked{background-position:-40px 0;} .icheckbox_minimal-purple.disabled{background-position:-60px 0; cursor:default;} .icheckbox_minimal-purple.checked.disabled{background-position:-80px 0;}
  211. .iradio_minimal-purple{background-position:-100px 0;} .iradio_minimal-purple.hover{background-position:-120px 0;} .iradio_minimal-purple.checked{background-position:-140px 0;} .iradio_minimal-purple.disabled{background-position:-160px 0; cursor:default;} .iradio_minimal-purple.checked.disabled{background-position:-180px 0;}
  212. /* Retina support */
  213. @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){.icheckbox_minimal-purple, .iradio_minimal-purple{background-image:url(purple@2x.png); -webkit-background-size:200px 20px; background-size:200px 20px;}}
  214. /* zTree */
  215. .ztree li a.faicon{color:#515151;}
  216. .ztree li a:hover{color:#515151;}
  217. span.tmpzTreeMove_arrow,.ztree .tree_add, .ztree .tree_del,
  218. .ztree li span.button{background-image:url(zTreeStandard.png);}
  219. .ztree li a.curSelectedNode{background-color:#eaeaea; color:black; border:1px #dfdfdf solid;}
  220. .ztree li a.curSelectedNode_Edit{background-color:#eaeaea; color:black; border:1px #dfdfdf solid;}
  221. .ztree li a.tmpTargetNode_inner{background-color:#eaeaea; color:white; border:1px #dfdfdf solid;}
  222. ul.ztree.zTreeDragUL{background-color:#cfcfcf; border:1px #dfdfdf dotted;}
  223. ul.tmpTargetzTree{background-color:#eaeaea;}
  224. /* uploadify */
  225. .uploadify-button{color:#515151 !important; background-color:#f4f4f4 !important; border-color:#dfdfdf !important;}
  226. .uploadify:hover .uploadify-button{color:#FFF !important; background-color:#dfdfdf !important; border-color:#dfdfdf !important;}