jqx.ui-darkness.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. .jqx-rc-tl-ui-darkness{border-top-left-radius:6px; moz-border-radius-topleft:6px; webkit-border-top-left-radius:6px}
  2. .jqx-rc-tr-ui-darkness{border-top-right-radius:6px; moz-border-radius-topright:6px; webkit-border-top-right-radius:6px}
  3. .jqx-rc-bl-ui-darkness{border-bottom-left-radius:6px; moz-border-radius-bottomleft:6px; webkit-border-bottom-left-radius:6px}
  4. .jqx-rc-br-ui-darkness{border-bottom-right-radius:6px; moz-border-radius-bottomright:6px; webkit-border-bottom-right-radius:6px}
  5. .jqx-rc-t-ui-darkness{border-top-left-radius:6px; border-top-right-radius:6px; moz-border-radius-topleft:6px; moz-border-radius-topright:6px; webkit-border-top-left-radius:6px; webkit-border-top-right-radius:6px}
  6. .jqx-rc-b-ui-darkness{border-bottom-left-radius:6px; border-bottom-right-radius:6px; moz-border-radius-bottomleft:6px; moz-border-radius-bottomright:6px; webkit-border-bottom-left-radius:6px; webkit-border-bottom-right-radius:6px}
  7. .jqx-rc-r-ui-darkness{border-bottom-right-radius:6px; border-top-right-radius:6px; moz-border-radius-bottomright:6px; moz-border-radius-topright:6px; webkit-border-bottom-right-radius:6px; webkit-border-top-right-radius:6px}
  8. .jqx-rc-l-ui-darkness{border-bottom-left-radius:6px; border-top-left-radius:6px; moz-border-radius-bottomleft:6px; moz-border-radius-topleft:6px; webkit-border-bottom-left-radius:6px; webkit-border-top-left-radius:6px}
  9. .jqx-rc-all-ui-darkness{border-radius:6px; moz-border-radius:6px; webkit-border-radius:6px}
  10. .jqx-widget-ui-darkness {
  11. color: inherit;
  12. }
  13. .jqx-grid-column-sortdescbutton-ui-darkness{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px;background-position:0 -16px; background-image:url(images/darkness/ui-icons_ffffff_256x240.png);}
  14. .jqx-grid-column-sortascbutton-ui-darkness{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px; background-position:-65px -16px; background-image:url(images/darkness/ui-icons_ffffff_256x240.png)}
  15. .jqx-grid-column-menubutton-ui-darkness{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px; background-position:-65px -16px; background-image:url(images/darkness/ui-icons_ffffff_256x240.png); border-width:0px}
  16. .jqx-grid-ui-darkness .jqx-widget-header-ui-darkness{border-width:0px !important}
  17. .jqx-tree-item-arrow-expand-ui-darkness, .jqx-tree-item-arrow-expand-hover-ui-darkness{background-position:-65px -16px; background-image:url(images/darkness/ui-icons_222222_256x240.png)}
  18. .jqx-tree-item-arrow-collapse-ui-darkness, .jqx-tree-item-arrow-collapse-hover-ui-darkness{background-position:-32px -16px; background-image:url(images/darkness/ui-icons_222222_256x240.png)}
  19. .jqx-menu-item-arrow-right-ui-darkness, .jqx-menu-item-arrow-right-selected-ui-darkness{background-position:-32px -16px; background-image:url(images/darkness/ui-icons_222222_256x240.png)}
  20. .jqx-menu-item-arrow-left-ui-darkness, .jqx-menu-item-arrow-left-selected-ui-darkness{background-position:-96px -16px; background-image:url(images/darkness/ui-icons_222222_256x240.png)}
  21. .jqx-progressbar-ui-darkness .jqx-fill-state-pressed-ui-darkness{background: #626262; border-width:0px; border-right:1px solid #626262; color:#fff; font-weight:bold}
  22. .jqx-progressbar-value-vertical-ui-darkness{border-width:0px !important; border-bottom: 1px solid #626262 !important}
  23. .jqx-tabs-title-ui-darkness{border:1px solid #666; background: #555 url(images/darkness/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; color:#fff; font-weight:bold}
  24. .jqx-tabs-header-ui-darkness{margin:2px; border-radius:6px; moz-border-radius:6px; webkit-border-radius:6px}
  25. .jqx-tabs-header-bottom-ui-darkness{margin-top:-2px !important; padding-top:2px}
  26. .jqx-tabs-content-ui-darkness{border-width:0px !important}
  27. .jqx-radiobutton-ui-darkness .jqx-fill-state-pressed-ui-darkness{background:#ec8e0c; border:1px solid #fed22f}
  28. .jqx-calendar-cell-ui-darkness{background: #333333 url(images/darkness/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; border:1px solid #333; color:#fff; padding:.2em; text-align:right; text-decoration:none; moz-border-radius:0px !important; webkit-border-radius:0px !important; border-radius:0px !important}
  29. .jqx-calendar-cell-today-ui-darkness{background:#ffe45c; border:1px solid #fed22f; color:#363636}
  30. .jqx-calendar-title-container-ui-darkness{border-radius:6px; moz-border-radius:6px; webkit-border-radius:6px}
  31. .jqx-calendar-month-container-ui-darkness{border:none !important}
  32. .jqx-calendar-ui-darkness{padding:2px}
  33. .jqx-calendar-ui-darkness .jqx-icon-arrow-left-ui-darkness{background-image:url(images/darkness/ui-icons_ffffff_256x240.png); background-position:-80px -192px; width:16px; height:16px; left:5px; position:relative}
  34. .jqx-calendar-ui-darkness .jqx-icon-arrow-right-ui-darkness{background-image:url(images/darkness/ui-icons_ffffff_256x240.png); background-position:-48px -192px; width:16px; height:16px; right:5px; position:relative}
  35. .jqx-calendar-ui-darkness .jqx-icon-arrow-left-hover-ui-darkness{background-image:url(images/darkness/ui-icons_cccccc_256x240.png); background-position:-80px -192px}
  36. .jqx-calendar-ui-darkness .jqx-icon-arrow-right-hover-ui-darkness{background-image:url(images/darkness/ui-icons_cccccc_256x240.png); background-position:-48px -192px}
  37. .jqx-navigationbar-ui-lighness{overflow: auto;}
  38. .jqx-grid-column-header-ui-darkness{border-width:0px !important}
  39. .jqx-icon-arrow-up-ui-darkness, .jqx-menu-item-arrow-up-ui-darkness, .jqx-menu-item-arrow-up-ui-darkness, .jqx-menu-item-arrow-top-up-ui-darkness, .jqx-icon-arrow-up-ui-darkness, .jqx-icon-arrow-up-hover-ui-darkness, .jqx-icon-arrow-up-selected-ui-darkness{background-position:0 -16px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  40. .jqx-icon-arrow-down-ui-darkness, .jqx-tree-item-arrow-expand-ui-darkness, .jqx-tree-item-arrow-expand-hover-ui-darkness, .jqx-menu-item-arrow-down-ui-darkness, .jqx-menu-item-arrow-down-ui-darkness, .jqx-menu-item-arrow-down-ui-darkness{background-position:-65px -16px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  41. .jqx-icon-arrow-left-ui-darkness, .jqx-tabs-arrow-left-ui-darkness, .jqx-menu-item-arrow-left-ui-darkness, .jqx-menu-item-arrow-top-left{background-position:-96px -17px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  42. .jqx-icon-arrow-right-ui-darkness, .jqx-tree-item-arrow-collapse-ui-darkness, .jqx-tree-item-arrow-collapse-hover-ui-darkness, .jqx-tabs-arrow-right-ui-darkness, .jqx-menu-item-arrow-right-ui-darkness, .jqx-menu-item-arrow-top-right-ui-darkness{background-position:-32px -17px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  43. .jqx-icon-arrow-up-hover-ui-darkness{background-position:0 -16px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  44. .jqx-icon-arrow-down-hover-ui-darkness{background-position:-65px -16px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  45. .jqx-icon-arrow-left-selected-ui-darkness{background-position:-96px -17px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  46. .jqx-icon-arrow-right-selected-ui-darkness{background-position:-32px -17px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  47. .jqx-icon-arrow-up-selected-ui-darkness{background-position:0 -16px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  48. .jqx-icon-arrow-down-selected-ui-darkness{background-position:-65px -16px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  49. .jqx-icon-arrow-left-selected-ui-darkness, .jqx-tree-item-arrow-collapse-rtl-ui-darkness, .jqx-tree-item-arrow-collapse-hover-rtl-ui-darkness{background-position:-96px -17px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  50. .jqx-icon-arrow-right-selected-ui-darkness{background-position:-32px -17px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  51. .jqx-icon-close-ui-darkness{background-image:url(images/darkness/ui-icons_cccccc_256x240.png); background-position:-80px -128px; cursor:pointer}
  52. .jqx-icon-close-hover-ui-darkness{background-image:url(images/darkness/ui-icons_cccccc_256x240.png); background-position:-80px -128px; cursor:pointer}
  53. .jqx-window-ui-darkness{padding: 2px;}
  54. .jqx-window-header-ui-darkness{moz-border-radius:6px; border-radius:6px; webkit-border-radius:6px}
  55. .jqx-window-content-ui-darkness{border-width:0px !important}
  56. .jqx-window-close-button-ui-darkness{background-position:-96px -128px; background-image:url(images/darkness/ui-icons_ffffff_256x240.png);moz-border-radius:6px; border-radius:6px; webkit-border-radius:6px}
  57. .jqx-window-collapse-button-ui-darkness{background-position:0 -16px; background-image:url(images/darkness/ui-icons_ffffff_256x240.png)}
  58. .jqx-window-collapse-button-hover-ui-darkness{background-image:url(images/darkness/ui-icons_cccccc_256x240.png); background-color:#fff; border-radius:6px; moz-border-radius:6px; webkit-border-radius:6px}
  59. .jqx-window-collapse-button-collapsed-ui-darkness, .jqx-window-collapse-button-collapsed-hover-ui-darkness{background-position:-65px -16px}
  60. .jqx-window-modal-ui-darkness{}
  61. .jqx-window-close-button-hover-ui-darkness{background-color:#fff; background-position:-96px -128px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png); cursor:pointer; width:16px; height:16px}
  62. .jqx-grid-cell-ui-darkness, .jqx-grid-group-cell-ui-darkness
  63. {
  64. background: #000;
  65. color: #fff;
  66. }
  67. .jqx-widget-ui-darkness{ line-height: 17px; font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size:12px; font-style:normal;}
  68. .jqx-widget-content-ui-darkness{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; background: #000000 url(images/darkness/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; border-color:#666666; color:#fff; font-size:12px}
  69. .jqx-widget-content-ui-darkness a{color:#fff}
  70. .jqx-widget-header-ui-darkness{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; background: #333333 url(images/darkness/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; border-color: #333; color:#fff; font-size:12px}
  71. .jqx-widget-header-ui-darkness a{color:#fff}
  72. .jqx-fill-state-normal-ui-darkness{border-color: #666666; background: #555555 url(images/darkness/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; color: #eeeeee;}
  73. .jqx-fill-state-normal-ui-darkness a, .jqx-fill-state-normal-ui-darkness a:link, .jqx-fill-state-normal-ui-darkness a:visited{color:#eeeeee; text-decoration:none}
  74. .jqx-fill-state-hover-ui-darkness{border-color:#59b4d4; background: #0078a3 url(images/darkness/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; color: #ffffff;}
  75. .jqx-fill-state-hover-ui-darkness a, .jqx-fill-state-hover-ui-darkness a:hover{color:#fff; text-decoration:none}
  76. .jqx-fill-state-pressed-ui-darkness{border-color: #ffaf0f; background: #f58400 url(images/darkness/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; color: #ffffff; }
  77. .jqx-fill-state-pressed-ui-darkness a, .jqx-fill-state-pressed-ui-darkness a:link, .jqx-fill-state-pressed-ui-darkness a:visited{color:#ffffff; text-decoration:none}
  78. .jqx-fill-state-disabled-ui-darkness {cursor: default; color: #fff; opacity: .55; filter:Alpha(Opacity=45);}
  79. .jqx-input-button-content-ui-darkness{font-size:10px}
  80. .jqx-input-icon-ui-darkness{margin-left:2px; margin-top:-1px}
  81. .jqx-checkbox-check-checked-ui-darkness{margin-top:0px; background-position:-65px -147px; background-image:url(images/darkness/ui-icons_cccccc_256x240.png)}
  82. .jqx-grid-cell-sort-ui-darkness, .jqx-grid-cell-filter-ui-darkness, .jqx-grid-cell-pinned-ui-darkness{background-color:#626262;}
  83. .jqx-grid-cell-alt-ui-darkness, .jqx-grid-cell-sort-alt-ui-darkness, .jqx-grid-cell-filter-alt-ui-darkness{background-color:#626262}
  84. .jqx-splitter-collapse-button-horizontal-ui-darkness, .jqx-splitter-collapse-button-vertical-ui-darkness{ background:#ec8e0c; border:1px solid #fdd02e}
  85. .jqx-dropdownlist-content-ui-darkness{ color:#fff}
  86. .jqx-input-ui-darkness, .jqx-input-content-ui-darkness, .jqx-combobox-content-ui-darkness, .jqx-combobox-input-ui-darkness
  87. {
  88. background: #fff;
  89. color: #333;
  90. }
  91. .jqx-input-ui-darkness{overflow: hidden;}
  92. .jqx-input-button-header-ui-darkness{background: #f58400;}
  93. .jqx-grid-bottomright-ui-darkness, .jqx-panel-bottomright-ui-darkness, .jqx-listbox-bottomright-ui-darkness, .jqx-scrollbar-state-normal-ui-darkness{background: #000000;}
  94. .jqx-grid-group-expand-ui-darkness{background-position: 50% 50%; background-repeat: no-repeat;background-image: url(images/icon-down-white.png);}
  95. .jqx-grid-group-collapse-ui-darkness{background-position: 50% 50%; background-repeat: no-repeat;background-image: url(images/icon-right-white.png);}
  96. .jqx-scrollbar-thumb-state-normal-ui-darkness, .jqx-scrollbar-thumb-state-normal-horizontal-ui-darkness{ background: #626262;}
  97. .jqx-scrollbar-thumb-state-hover-ui-darkness, .jqx-scrollbar-thumb-state-hover-horizontal-ui-darkness{ background: #0078a3;}
  98. .jqx-scrollbar-thumb-state-pressed-ui-darkness, .jqx-scrollbar-thumb-state-pressed-horizontal-ui-darkness{ background: #f58400;}
  99. .jqx-expander-header-ui-darkness{ border-color: #666; color:#fff; font-weight:bold; border-radius:6px !important; moz-border-radius:6px !important; webkit-border-radius:6px !important}
  100. .jqx-expander-header-hover-ui-darkness{ border-color: #59b4d4; color:#fff; font-weight:bold}
  101. .jqx-expander-header-expanded-ui-darkness{ border-color: #ffaf0f; color:#fff; font-weight:bold; border-top-left-radius:6px !important; border-top-right-radius:6px !important; moz-border-radius-topleft:6px !important; moz-border-radius-topright:6px !important; webkit-border-top-left-radius:6px !important; webkit-border-top-right-radius:6px !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; moz-border-radius-bottomleft:0px !important; moz-border-radius-bottomright:0px !important; webkit-border-bottom-left-radius:0px !important; webkit-border-bottom-right-radius:0px !important;}
  102. .jqx-expander-content-bottom-ui-darkness{border-bottom-left-radius:6px !important; border-bottom-right-radius:6px !important; moz-border-radius-bottomleft:6px !important; moz-border-radius-bottomright:6px !important; webkit-border-bottom-left-radius:6px !important; webkit-border-bottom-right-radius:6px !important;}
  103. .jqx-expander-arrow-top-ui-darkness{background-position:-65px -16px; background-image:url(images/darkness/ui-icons_222222_256x240.png)}
  104. .jqx-expander-arrow-bottom-ui-darkness{background-position:0 -16px; background-image:url(images/darkness/ui-icons_222222_256x240.png)}
  105. .jqx-tabs-selection-tracker-top-ui-darkness
  106. {
  107. background: #f69727;
  108. border-bottom: 1px solid transparent;
  109. }
  110. .jqx-tabs-selection-tracker-bottom-ui-darkness
  111. {
  112. background-image: #f69727;
  113. border-top: 1px solid transparent;
  114. }
  115. .jqx-scrollbar-ui-darkness .jqx-icon-arrow-up-ui-darkness{width: 16px; height: 16px; margin-left: auto;}
  116. .jqx-scrollbar-ui-darkness .jqx-icon-arrow-down-ui-darkness{width: 16px; height: 16px; margin-left: auto;}
  117. .jqx-scrollbar-ui-darkness .jqx-icon-arrow-left-ui-darkness{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  118. .jqx-scrollbar-ui-darkness .jqx-icon-arrow-right-ui-darkness{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  119. .jqx-icon-arrow-first-ui-darkness
  120. {
  121. background-image: url('images/icon-first-white.png');
  122. background-repeat: no-repeat;
  123. background-position: center;
  124. }
  125. .jqx-icon-arrow-last-ui-darkness
  126. {
  127. background-image: url('images/icon-last-white.png');
  128. background-repeat: no-repeat;
  129. background-position: center;
  130. }
  131. .jqx-grid-cell-ui-darkness>.jqx-grid-group-expand-ui-darkness
  132. {
  133. background-image: url('images/icon-down-white.png');
  134. background-repeat: no-repeat;
  135. background-position: center;
  136. }
  137. .jqx-grid-cell-ui-darkness>.jqx-grid-group-collapse-ui-darkness
  138. {
  139. background-image: url('images/icon-right-white.png');
  140. background-repeat: no-repeat;
  141. background-position: center;
  142. }
  143. .jqx-grid-cell-ui-darkness>.jqx-grid-group-collapse-rtl-ui-darkness
  144. {
  145. background-image: url('images/icon-left-white.png');
  146. background-repeat: no-repeat;
  147. background-position: center;
  148. }
  149. .jqx-grid-cell-ui-darkness>.jqx-grid-group-expand-rtl-ui-darkness {
  150. background-image: url('images/icon-down-white.png');
  151. background-repeat: no-repeat;
  152. background-position: center;
  153. }
  154. .jqx-icon-search-ui-darkness
  155. {
  156. background-image: url(images/search_white.png);
  157. background-repeat: no-repeat;
  158. background-position: center;
  159. }
  160. .jqx-icon-calendar-ui-darkness, .jqx-icon-calendar-hover-ui-darkness, .jqx-icon-calendar-pressed-ui-darkness {
  161. background-image: url('images/icon-calendar-white.png');
  162. }
  163. .jqx-icon-time-ui-darkness, .jqx-icon-time-hover-ui-darkness, .jqx-icon-time-pressed-ui-darkness {
  164. background-image: url('images/icon-time-white.png');
  165. }
  166. .jqx-menu-minimized-button-ui-darkness {
  167. background-image: url('images/icon-menu-minimized-white.png');
  168. }
  169. .jqx-editor-toolbar-icon-ui-darkness {
  170. background: url('images/html_editor_white.png') no-repeat;
  171. }
  172. .jqx-layout-ui-darkness
  173. {
  174. background-color: #333;
  175. }
  176. .jqx-layout-pseudo-window-pin-icon-ui-darkness
  177. {
  178. background-image: url("images/pin-white.png");
  179. }
  180. .jqx-layout-pseudo-window-pinned-icon-ui-darkness
  181. {
  182. background-image: url("images/pinned-white.png");
  183. }
  184. .jqx-scheduler-month-cell-ui-darkness, .jqx-scheduler-time-column-ui-darkness, .jqx-scheduler-toolbar-ui-darkness
  185. {
  186. background: #333 !important;
  187. color: #fff !important;
  188. }
  189. .jqx-widget-ui-darkness .jqx-scheduler-middle-cell-ui-darkness, .jqx-scheduler-middle-cell-ui-darkness {
  190. border-bottom-color: #333 !important;
  191. }
  192. .jqx-docking-layout-group-floating-ui-darkness .jqx-window-header-ui-darkness
  193. {
  194. background-image: none;
  195. }
  196. .jqx-kanban-item-ui-darkness {
  197. box-shadow:none;
  198. }
  199. .jqx-grid-column-menubutton-ui-darkness {
  200. border-style: solid;
  201. border-width: 0px 0px 0px 1px;
  202. border-color: transparent;
  203. background-image: url('images/icon-menu-small-white.png') !important;
  204. background-repeat: no-repeat;
  205. background-position: center;
  206. cursor: pointer;
  207. }
  208. .jqx-item-ui-darkness .jqx-grid-sortasc-icon
  209. {
  210. background-image: url('images/icon-sort-asc-white.png');
  211. background-repeat: no-repeat;
  212. background-position: left center;
  213. width: 16px;
  214. height: 16px;
  215. float: left;
  216. margin-left: -4px;
  217. margin-right: 4px;
  218. }
  219. /*applied to the sort ascending menu item in the Grid's Context Menu*/
  220. .jqx-item-ui-darkness .jqx-grid-sortdesc-icon
  221. {
  222. background-image: url('images/icon-sort-desc-white.png');
  223. background-repeat: no-repeat;
  224. background-position: left center;
  225. width: 16px;
  226. height: 16px;
  227. float: left;
  228. margin-left: -4px;
  229. margin-right: 4px;
  230. }
  231. /*applied to the grid menu's sort remove item/*/
  232. .jqx-item-ui-darkness .jqx-grid-sortremove-icon
  233. {
  234. background-image: url('images/icon-sort-remove-white.png');
  235. background-repeat: no-repeat;
  236. background-position: left center;
  237. width: 16px;
  238. height: 16px;
  239. float: left;
  240. margin-left: -4px;
  241. margin-right: 4px;
  242. }
  243. /*applied to the timepicker*/
  244. .jqx-label-ui-darkness {
  245. fill: white;
  246. }
  247. .jqx-main-container-ui-darkness {
  248. background: none;
  249. }
  250. .jqx-svg-picker-ui-darkness:focus {
  251. border: 1px solid rgb(73, 68, 55) !important;
  252. }