jqx.orange.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. /*states, content and header*/
  2. .jqx-widget-orange{border-color:#E48605}
  3. .jqx-widget-content-orange{color:#000000; border-color:#E48605}
  4. .jqx-fill-state-normal-orange, .jqx-widget-header-orange, .jqx-menu-vertical-orange {
  5. border-color: #E48605;
  6. color: #ffffff;
  7. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  8. background-color: #faa732;
  9. *background-color: #f89406;
  10. background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  11. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  12. background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  13. background-image: -o-linear-gradient(top, #fbb450, #f89406);
  14. background-image: linear-gradient(to bottom, #fbb450, #f89406);
  15. background-repeat: repeat-x;
  16. }
  17. .jqx-fill-state-hover-orange{
  18. border-color: #E48605;
  19. color: #ffffff;
  20. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  21. background-color: #E74615;
  22. *background-color: #E74615;
  23. background-image: -moz-linear-gradient(top, #f89406, #E48605);
  24. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#E48605));
  25. background-image: -webkit-linear-gradient(top, #f89406, #E48605);
  26. background-image: -o-linear-gradient(top, #f89406, #E48605);
  27. background-image: linear-gradient(to bottom, #f89406, #E48605);
  28. background-repeat: repeat-x;
  29. }
  30. .jqx-fill-state-pressed-orange, .jqx-menu-item-top-hover-orange{ background: #044062; /* Old browsers */
  31. border-color: #325da7;
  32. color: #ffffff;
  33. background: #4d77c1; /* Old browsers */
  34. background: -moz-linear-gradient(top, #4d77c1 0%, #325da7 100%); /* FF3.6+ */
  35. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d77c1), color-stop(100%,#325da7)); /* Chrome,Safari4+ */
  36. background: -webkit-linear-gradient(top, #4d77c1 0%,#325da7 100%); /* Chrome10+,Safari5.1+ */
  37. background: -o-linear-gradient(top, #4d77c1 0%,#325da7 100%); /* Opera 11.10+ */
  38. background: -ms-linear-gradient(top, #4d77c1 0%,#325da7 100%); /* IE10+ */
  39. background: linear-gradient(to bottom, #4d77c1 0%,#325da7 100%); /* W3C */
  40. }
  41. .jqx-fill-state-focus-orange {
  42. border-color: #325da7;
  43. }
  44. /*checkbox images, grid cells*/
  45. .jqx-checkbox-check-checked-orange{background:transparent url(images/check_white.png) left top no-repeat}
  46. .jqx-checkbox-check-indeterminate-orange{background:transparent url(images/check_indeterminate_white.png) left top no-repeat}
  47. .jqx-grid-orange, .jqx-grid-header-orange, .jqx-grid-cell-orange{border-color:#E48605}
  48. .jqx-widget-orange .jqx-grid-cell-orange, .jqx-widget-orange .jqx-grid-group-cell-orange{border-color:#FBB34E}
  49. .jqx-widget-orange .jqx-grid-column-header-orange{border-color:#E48605}
  50. .jqx-grid-bottomright-orange, .jqx-panel-bottomright-orange, .jqx-listbox-bottomright-orange{ background-color:#FBB659}
  51. .jqx-widget-orange .jqx-grid-column-menubutton-orange, .jqx-menu-vertical-orange{border-color:#FBB34E}
  52. .jqx-grid-selectionarea-orange{background-color:#6eaad3;border:1px solid #6eaad3; opacity:0.5}
  53. .jqx-grid-group-cell-orange{border-color:#FBB34E; background-color:#fff}
  54. .jqx-grid-cell-orange, .jqx-widget-orange .jqx-grid-cell-orange {
  55. border-color:#FBB34E; }
  56. .jqx-grid-cell-sort-orange, .jqx-grid-cell-filter-orange, .jqx-grid-cell-pinned-orange{background-color:#FCC67C}
  57. .jqx-grid-cell-alt-orange, .jqx-grid-cell-sort-alt-orange, .jqx-grid-cell-filter-alt-orange{background-color:#FCC67C}
  58. .jqx-scrollbar-state-normal-orange{background-color:#FBB659; border:1px solid #FBB659;}
  59. .jqx-tabs-title-selected-bottom-orange, .jqx-tabs-selection-tracker-bottom-orange, .jqx-tabs-title-selected-top-orange, .jqx-tabs-selection-tracker-top-orange{text-shadow: none; color: #000; border-color:#E48605; border-bottom:1px solid #ffffff; background:#ffffff}
  60. .jqx-radiobutton-check-checked-orange {
  61. background: #fff;
  62. border-color: #fff;
  63. }
  64. /*icons*/
  65. .jqx-icon-arrow-left-orange{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
  66. .jqx-icon-arrow-right-orange{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center}
  67. .jqx-menu-item-arrow-left-orange{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center}
  68. .jqx-menu-item-arrow-right-orange{background-image:url('images/icon-right.png'); background-repeat:no-repeat; background-position:center}
  69. .jqx-grid-column-sortascbutton-orange, .jqx-expander-arrow-bottom-orange, .jqx-window-collapse-button-orange, .jqx-menu-item-arrow-up-orange, .jqx-menu-item-arrow-up-selected-orange, .jqx-menu-item-arrow-top-up-orange, .jqx-icon-arrow-up-orange, .jqx-icon-arrow-up-hover-orange, .jqx-icon-arrow-up-selected-orange{background-image:url('images/icon-up-white.png');background-repeat:no-repeat;background-position:center}
  70. .jqx-grid-column-menubutton-orange, .jqx-grid-column-sortdescbutton-orange, .jqx-expander-arrow-top-orange, .jqx-window-collapse-button-collapsed-orange, .jqx-menu-item-arrow-down-orange, .jqx-menu-item-arrow-down-selected-orange, .jqx-menu-item-arrow-down-orange, .jqx-icon-arrow-down-orange, .jqx-icon-arrow-down-hover-orange, .jqx-icon-arrow-down-selected-orange{background-image:url('images/icon-down-white.png');background-repeat:no-repeat;background-position:center}
  71. .jqx-tabs-arrow-left-orange, .jqx-menu-item-arrow-left-selected-orange, .jqx-menu-item-arrow-top-left-orange, .jqx-icon-arrow-down-left-orange, .jqx-icon-arrow-left-selected-orange{background-image:url('images/icon-left-white.png');background-repeat:no-repeat;background-position:center}
  72. .jqx-tabs-arrow-right-orange, .jqx-menu-item-arrow-right-selected-orange, .jqx-menu-item-arrow-top-right-orange, .jqx-icon-arrow-right-hover-orange, .jqx-icon-arrow-right-selected-orange{background-image:url('images/icon-right-white.png');background-repeat:no-repeat;background-position:center}
  73. .jqx-window-close-button-orange, .jqx-icon-close-orange, .jqx-tabs-close-button-orange, .jqx-tabs-close-button-hover-orange, .jqx-tabs-close-button-selected-orange{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center}
  74. .jqx-scrollbar-thumb-state-normal-horizontal-orange{ background:#F9960A; border:1px solid #E48605}
  75. .jqx-scrollbar-thumb-state-hover-horizontal-orange{ background:#E48605; border:1px solid #E48605}
  76. .jqx-scrollbar-thumb-state-pressed-horizontal-orange{ background:#111086; border:1px solid #070734}
  77. .jqx-scrollbar-thumb-state-normal-orange{ background:#F9960A; border:1px solid #E48605;}
  78. .jqx-scrollbar-thumb-state-hover-orange{ background:#E48605; border:1px solid #E48605}
  79. .jqx-scrollbar-thumb-state-pressed-orange{ background:#111086; border:1px solid #070734}
  80. .jqx-icon-arrow-first-orange
  81. {
  82. background-image: url('images/icon-first-white.png');
  83. background-repeat: no-repeat;
  84. background-position: center;
  85. }
  86. .jqx-icon-arrow-last-orange
  87. {
  88. background-image: url('images/icon-last-white.png');
  89. background-repeat: no-repeat;
  90. background-position: center;
  91. }
  92. .jqx-grid-cell-orange>.jqx-grid-group-expand-orange, .jqx-tree-item-arrow-expand-orange {
  93. background-image: url('images/icon-down.png');
  94. background-repeat: no-repeat;
  95. background-position: center;
  96. }
  97. .jqx-grid-cell-orange>.jqx-grid-group-collapse-orange, .jqx-tree-item-arrow-collapse-orange {
  98. background-image: url('images/icon-right.png');
  99. background-repeat: no-repeat;
  100. background-position: center;
  101. }
  102. .jqx-grid-cell-orange>.jqx-grid-group-collapse-rtl-orange, .jqx-tree-item-arrow-collapse-rtl-orange {
  103. background-image: url('images/icon-left.png');
  104. background-repeat: no-repeat;
  105. background-position: center;
  106. }
  107. .jqx-grid-cell-orange>.jqx-grid-group-expand-rtl-orange {
  108. background-image: url('images/icon-down.png');
  109. background-repeat: no-repeat;
  110. background-position: center;
  111. }
  112. .jqx-grid-cell-orange.jqx-grid-cell-selected-orange>.jqx-grid-group-expand-orange,
  113. .jqx-grid-cell-orange.jqx-grid-cell-hover-orange>.jqx-grid-group-expand-orange {
  114. background-image: url('images/icon-down-white.png');
  115. background-repeat: no-repeat;
  116. background-position: center;
  117. }
  118. .jqx-grid-cell-orange.jqx-grid-cell-selected-orange>.jqx-grid-group-collapse-orange,
  119. .jqx-grid-cell-orange.jqx-grid-cell-hover-orange>.jqx-grid-group-collapse-orange {
  120. background-image: url('images/icon-right-white.png');
  121. background-repeat: no-repeat;
  122. background-position: center;
  123. }
  124. .jqx-grid-cell-orange.jqx-grid-cell-selected-orange>.jqx-grid-group-collapse-rtl-orange,
  125. .jqx-grid-cell-orange.jqx-grid-cell-hover-orange>.jqx-grid-group-collapse-rtl-orange {
  126. background-image: url('images/icon-left-white.png');
  127. background-repeat: no-repeat;
  128. background-position: center;
  129. }
  130. .jqx-grid-cell-orange.jqx-grid-cell-selected-orange>.jqx-grid-group-expand-rtl-orange,
  131. .jqx-grid-cell-orange.jqx-grid-cell-hover-orange>.jqx-grid-group-expand-rtl-orange {
  132. background-image: url('images/icon-down-white.png');
  133. background-repeat: no-repeat;
  134. background-position: center;
  135. }
  136. .jqx-icon-search-orange
  137. {
  138. background-image: url(images/search_white.png);
  139. background-repeat: no-repeat;
  140. background-position: center;
  141. }
  142. .jqx-icon-calendar-orange, .jqx-icon-calendar-hover-orange, .jqx-icon-calendar-pressed-orange {
  143. background-image: url('images/icon-calendar-white.png');
  144. }
  145. .jqx-icon-time-orange, .jqx-icon-time-hover-orange, .jqx-icon-time-pressed-orange {
  146. background-image: url('images/icon-time-white.png');
  147. }
  148. .jqx-icon-delete-orange
  149. {
  150. background-image: url('images/icon-delete-white.png');
  151. }
  152. .jqx-icon-edit-orange
  153. {
  154. background-image: url('images/icon-edit-white.png');
  155. }
  156. .jqx-icon-save-orange
  157. {
  158. background-image: url('images/icon-save-white.png');
  159. }
  160. .jqx-icon-cancel-orange
  161. {
  162. background-image: url('images/icon-cancel-white.png');
  163. }
  164. .jqx-icon-search-orange
  165. {
  166. background-image: url(images/search_white.png);
  167. }
  168. .jqx-icon-plus-orange
  169. {
  170. background-image: url(images/plus_white.png);
  171. }
  172. .jqx-menu-minimized-button-orange {
  173. background-image: url('images/icon-menu-minimized-white.png');
  174. }
  175. .jqx-editor-toolbar-icon-orange {
  176. background: url('images/html_editor_white.png') no-repeat;
  177. }
  178. .jqx-layout-orange
  179. {
  180. background-color: #E48605;
  181. }
  182. .jqx-layout-pseudo-window-pin-icon-orange
  183. {
  184. background-image: url("images/pin-white.png");
  185. }
  186. .jqx-layout-pseudo-window-pinned-icon-orange
  187. {
  188. background-image: url("images/pinned-white.png");
  189. }
  190. .jqx-scheduler-month-cell-orange, .jqx-scheduler-time-column-orange, .jqx-scheduler-toolbar-orange
  191. {
  192. background: #E48605 !important;
  193. color: #fff !important;
  194. }
  195. .jqx-widget-orange .jqx-scheduler-middle-cell-orange, .jqx-scheduler-middle-cell-orange {
  196. border-bottom-color: #E48605 !important;
  197. }
  198. .jqx-date-time-input-popup-orange .jqx-icon-arrow-down-orange {
  199. background-image: url('images/icon-down.png');
  200. background-repeat: no-repeat;
  201. background-position: center;
  202. }
  203. .jqx-date-time-input-popup-orange .jqx-icon-arrow-up-orange {
  204. background-image: url('images/icon-up.png');
  205. background-repeat: no-repeat;
  206. background-position: center;
  207. }
  208. /*applied to the timepicker*/
  209. .jqx-time-picker .jqx-header .jqx-hour-container-orange:focus {
  210. outline: 1px solid white !important;
  211. }
  212. .jqx-time-picker .jqx-header .jqx-minute-container-orange:focus {
  213. outline: 1px solid white !important;
  214. }
  215. .jqx-time-picker .jqx-header .jqx-am-container-orange:focus {
  216. outline: 1px solid white !important;
  217. }
  218. .jqx-time-picker .jqx-header .jqx-pm-container-orange:focus {
  219. outline: 1px solid white !important;
  220. }
  221. .jqx-svg-picker-orange:focus {
  222. border: 1px solid rgb(77, 119, 193) !important;
  223. }
  224. .jqx-label-orange {
  225. fill: white;
  226. }
  227. .jqx-needle-orange {
  228. fill: rgb(77, 119, 193);
  229. }
  230. .jqx-needle-central-circle-orange:first-of-type {
  231. fill: rgb(77, 119, 193);
  232. stroke: rgb(77, 119, 193);
  233. stroke-width: 1.5;
  234. }
  235. .jqx-needle-central-circle-orange {
  236. fill: rgb(0, 74, 115);
  237. stroke: rgb(77, 119, 193);
  238. stroke-width: 1.5;
  239. }