jqx.office.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. .jqx-rc-tl-office
  2. {
  3. -moz-border-radius-topleft: 0px;
  4. -webkit-border-top-left-radius: 0px;
  5. border-top-left-radius: 0px;
  6. }
  7. .jqx-rc-tr-office
  8. {
  9. -moz-border-radius-topright: 0px;
  10. -webkit-border-top-right-radius: 0px;
  11. border-top-right-radius: 0px;
  12. }
  13. .jqx-rc-bl-office
  14. {
  15. -moz-border-radius-bottomleft: 0px;
  16. -webkit-border-bottom-left-radius: 0px;
  17. border-bottom-left-radius: 0px;
  18. }
  19. .jqx-rc-br-office
  20. {
  21. -moz-border-radius-bottomright: 0px;
  22. -webkit-border-bottom-right-radius: 0px;
  23. border-bottom-right-radius: 0px;
  24. }
  25. /*top rounded Corners*/
  26. .jqx-rc-t-office
  27. {
  28. -moz-border-radius-topleft: 0px;
  29. -webkit-border-top-left-radius: 0px;
  30. border-top-left-radius: 0px;
  31. -moz-border-radius-topright: 0px;
  32. -webkit-border-top-right-radius: 0px;
  33. border-top-right-radius: 0px;
  34. }
  35. /*bottom rounded Corners*/
  36. .jqx-rc-b-office
  37. {
  38. -moz-border-radius-bottomleft: 0px;
  39. -webkit-border-bottom-left-radius: 0px;
  40. border-bottom-left-radius: 0px;
  41. -moz-border-radius-bottomright: 0px;
  42. -webkit-border-bottom-right-radius: 0px;
  43. border-bottom-right-radius: 0px;
  44. }
  45. /*right rounded Corners*/
  46. .jqx-rc-r-office
  47. {
  48. -moz-border-radius-topright: 0px;
  49. -webkit-border-top-right-radius: 0px;
  50. border-top-right-radius: 0px;
  51. -moz-border-radius-bottomright: 0px;
  52. -webkit-border-bottom-right-radius: 0px;
  53. border-bottom-right-radius: 0px;
  54. }
  55. /*left rounded Corners*/
  56. .jqx-rc-l-office
  57. {
  58. -moz-border-radius-topleft: 0px;
  59. -webkit-border-top-left-radius: 0px;
  60. border-top-left-radius: 0px;
  61. -moz-border-radius-bottomleft: 0px;
  62. -webkit-border-bottom-left-radius: 0px;
  63. border-bottom-left-radius: 0px;
  64. }
  65. /*all rounded Corners*/
  66. .jqx-rc-all-office
  67. {
  68. -moz-border-radius: 0px;
  69. -webkit-border-radius: 0px;
  70. border-radius: 0px;
  71. }
  72. .jqx-widget-office {
  73. font-family: Calibri;
  74. }
  75. .jqx-widget-content-office{font-family: Calibri; border-color: #d4d4d4; color: #444444; background-color: #fff;}
  76. .jqx-widget-header-office{font-family: Calibri; color: #444444; border-color:#d4d4d4; background-color:#ffffff;}
  77. .jqx-fill-state-normal-office{font-family: Calibri; border-color: #d4d4d4; color: #444444; background: #fdfdfd;}
  78. .jqx-grid-cell-sort-alt-office, .jqx-grid-cell-filter-alt-office, .jqx-grid-cell-pinned-office, .jqx-grid-cell-alt-office, .jqx-grid-cell-sort-office{ background:#ededed; color: #000;}
  79. .jqx-button-office {border-color: #d4d4d4;}
  80. .jqx-fill-state-hover-office{border-color:#86bfa0; color: #000; background:#d3f0e0;}
  81. .jqx-input-office, .jqx-input-button-content-office {border-color: #d4d4d4;}
  82. .jqx-fill-state-focus-office, .jqx-combobox-content-focus-office, .jqx-numberinput-focus, .jqx-datetimeinput-office .jqx-fill-state-hover-office, .jqx-datetimeinput-office .jqx-fill-state-pressed-office{ border-color: #86bfa0; }
  83. .jqx-fill-state-pressed-office{border-color:#429366; color: #000; background:#86bfa0;}
  84. .jqx-scrollbar-state-normal-office, .jqx-grid-bottomright-office, .jqx-panel-bottomright-office, .jqx-listbox-bottomright-office{background:#f3f3f3;}
  85. .jqx-widget-office .jqx-grid-column-header-office, .jqx-grid-cell-office, .jqx-widget-office .jqx-grid-cell-office, .jqx-widget-office .jqx-grid-group-cell-office, .jqx-grid-group-cell-office{font-family: Calibri; border-color:#f3f3f3;}
  86. .jqx-tabs-title-bottom-office, .jqx-tabs-title-office{color: #666666;}
  87. .jqx-tabs-title-hover-bottom-office, .jqx-tabs-title-hover-top-office{color: #217346; background: transparent; border-color: transparent;}
  88. .jqx-tabs-title-selected-bottom-office, .jqx-tabs-selection-tracker-bottom-office, .jqx-tabs-title-selected-top-office, .jqx-tabs-selection-tracker-top-office{font-weight: bold; color: #217346; border-color:#d4d4d4; border-bottom:1px solid #fff; background:#fff}
  89. .jqx-menu-vertical-office{background: #fff; border-color: #d4d4d4;}
  90. .jqx-widget-office .jqx-grid-cell-office, .jqx-widget-office .jqx-grid-column-header-office, .jqx-widget-office .jqx-grid-group-cell-office {color: #000; border-color: #d4d4d4;}
  91. .jqx-widget-office .jqx-grid-column-menubutton-office, .jqx-widget-office .jqx-grid-column-sortascbutton-office, .jqx-widget-office .jqx-grid-column-sortdescbutton-office, .jqx-widget-office .jqx-grid-column-filterbutton-office {
  92. background-color: transparent;
  93. border-color: #d4d4d4;
  94. }
  95. .jqx-input-button-header-office, .jqx-calendar-title-header-office, .jqx-grid-office .jqx-widget-header-office, .jqx-grid-header-office, .jqx-grid-column-header-office, .jqx-grid-office {font-family: Calibri; border-color: #d4d4d4; color: #444444; background: #fff;}
  96. .jqx-window-header-office{font-family: Calibri; color: #444444; background: #fff;}
  97. .jqx-grid-column-menubutton-office {
  98. background-image: url('images/office-icon-down.png');
  99. }
  100. /*applied to the column's sort button when the sort order is ascending.*/
  101. .jqx-grid-column-sortascbutton-office {
  102. background-image: url('images/office-icon-up.png');
  103. }
  104. .jqx-grid-column-sortdescbutton-office {
  105. background-image: url('images/office-icon-down.png');
  106. }
  107. .jqx-checkbox-hover-office {
  108. background: #fff;
  109. }
  110. .jqx-radiobutton-hover-office {
  111. background: #fff;
  112. }
  113. .jqx-scrollbar-thumb-state-normal-horizontal-office, .jqx-scrollbar-thumb-state-normal-office {
  114. background: #ffffff; border-color: #d4d4d4;
  115. }
  116. .jqx-scrollbar-thumb-state-hover-horizontal-office, .jqx-scrollbar-thumb-state-hover-office {
  117. background: #f0f0f0; border-color: #d4d4d4;
  118. }
  119. .jqx-scrollbar-thumb-state-pressed-horizontal-office, .jqx-scrollbar-thumb-state-pressed-office {
  120. background: #f0f0f0; border-color: #777777;
  121. }
  122. .jqx-scrollbar-button-state-normal-office
  123. {
  124. border: 1px solid #d4d4d4;
  125. background: #fff;
  126. }
  127. /*applied to the scrollbar buttons in hovered state.*/
  128. .jqx-scrollbar-button-state-hover-office
  129. {
  130. border: 1px solid #777777;
  131. background: #fff;
  132. }
  133. /*applied to the scrollbar buttons in pressed state.*/
  134. .jqx-scrollbar-button-state-pressed-office
  135. {
  136. border: 1px solid #777777;
  137. background: #f0f0f0;
  138. }
  139. /*icons*/
  140. .jqx-window-collapse-button-office
  141. {
  142. background-image: url(images/office-icon-up.png);
  143. background-repeat: no-repeat;
  144. }
  145. .jqx-window-collapse-button-collapsed-office {
  146. background-image: url(images/office-icon-down.png);
  147. background-repeat: no-repeat;
  148. }
  149. .jqx-icon-arrow-up-office, .jqx-expander-arrow-bottom-office, .jqx-menu-item-arrow-up-office
  150. {
  151. background-image: url('images/office-icon-up.png');
  152. background-repeat: no-repeat;
  153. background-position: center;
  154. }
  155. .jqx-icon-arrow-down-office, .jqx-expander-arrow-top-office, .jqx-tree-item-arrow-expand-office, .jqx-tree-item-arrow-expand-hover-office, .jqx-menu-item-arrow-down-office
  156. {
  157. background-image: url('images/office-icon-down.png');
  158. background-repeat: no-repeat;
  159. background-position: center;
  160. }
  161. .jqx-icon-arrow-left-office, .jqx-menu-item-arrow-left-office
  162. {
  163. background-image: url('images/office-icon-left.png');
  164. background-repeat: no-repeat;
  165. background-position: center;
  166. }
  167. .jqx-icon-arrow-right-office, .jqx-menu-item-arrow-right-office, .jqx-tree-item-arrow-collapse-office, .jqx-tree-item-arrow-collapse-hover-office
  168. {
  169. background-image: url('images/office-icon-right.png');
  170. background-repeat: no-repeat;
  171. background-position: center;
  172. }
  173. .jqx-tabs-arrow-left-office, .jqx-tree-item-arrow-collapse-rtl-office, .jqx-tree-item-arrow-collapse-hover-rtl-office
  174. {
  175. background-image: url('images/office-icon-left.png');
  176. background-repeat: no-repeat;
  177. }
  178. .jqx-tabs-arrow-right-office
  179. {
  180. background-image: url('images/office-icon-right.png');
  181. background-repeat: no-repeat;
  182. }
  183. .jqx-menu-item-arrow-up-selected-office, .jqx-icon-arrow-up-selected-office{background-image:url('images/office-icon-up.png');background-repeat:no-repeat;background-position:center;}
  184. .jqx-menu-item-arrow-down-selected-office, .jqx-icon-arrow-down-selected-office{background-image:url('images/office-icon-down.png');background-repeat:no-repeat;background-position:center;}
  185. .jqx-menu-item-arrow-left-selected-office, .jqx-icon-arrow-left-selected-office{background-image:url('images/office-icon-left.png');background-repeat:no-repeat;background-position:center;}
  186. .jqx-menu-item-arrow-right-selected-office, .jqx-icon-arrow-right-selected-office{background-image:url('images/office-icon-right.png');background-repeat:no-repeat;background-position:center;}
  187. .jqx-tabs-close-button-office{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
  188. .jqx-tabs-close-button-selected-office{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
  189. .jqx-tabs-close-button-hover-office{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
  190. .jqx-expander-arrow-bottom-office,.jqx-scrollbar-office .jqx-icon-arrow-up-selected-office{background-image:url('images/office-icon-up.png'); background-repeat:no-repeat; background-position:center;}
  191. .jqx-expander-arrow-top-office, .jqx-scrollbar-office .jqx-icon-arrow-down-selected-office{background-image:url('images/office-icon-down.png'); background-repeat:no-repeat; background-position:center;}
  192. .jqx-scrollbar-office .jqx-icon-arrow-left-selected-office{background-image:url('images/office-icon-left.png'); background-repeat:no-repeat; background-position:center;}
  193. .jqx-scrollbar-office .jqx-icon-arrow-right-selected-office{background-image:url('images/office-icon-right.png');background-repeat:no-repeat; background-position:center;}
  194. .jqx-slider-slider-office
  195. {
  196. }
  197. .jqx-slider-button-office
  198. {
  199. -moz-border-radius: 9px;
  200. -webkit-border-radius: 9px;
  201. border-radius: 9px;
  202. }
  203. .jqx-input-button-content-office
  204. {
  205. font-size: 10px;
  206. }
  207. .jqx-dropdownlist-state-normal-office, .jqx-dropdownlist-state-hover-office, .jqx-dropdownlist-state-selected-office,
  208. .jqx-scrollbar-button-state-hover-office, .jqx-scrollbar-button-state-normal-office, .jqx-scrollbar-button-state-pressed-office,
  209. .jqx-scrollbar-thumb-state-normal-horizontal-office, .jqx-scrollbar-thumb-state-hover-horizontal-office, .jqx-scrollbar-thumb-state-pressed-horizontal-office,
  210. .jqx-scrollbar-thumb-state-normal-office, .jqx-scrollbar-thumb-state-pressed-office, .jqx-button-office, .jqx-tree-item-hover-office, .jqx-tree-item-selected-office,
  211. .jqx-tree-item-office, .jqx-menu-item-office, .jqx-menu-item-hover-office, .jqx-menu-item-selected-office, .jqx-menu-item-top-office, .jqx-menu-item-top-hover-office,
  212. .jqx-menu-item-top-selected-office, .jqx-slider-button-office, .jqx-slider-slider-office
  213. {
  214. -webkit-transition: background-color 100ms linear;
  215. -moz-transition: background-color 100ms linear;
  216. -o-transition: background-color 100ms linear;
  217. -ms-transition: background-color 100ms linear;
  218. transition: background-color 100ms linear;
  219. }
  220. .jqx-switchbutton-office {
  221. -moz-border-radius: 0px;
  222. -webkit-border-radius: 0px;
  223. border-radius: 0px;
  224. border: 2px solid #a6a6a6;
  225. }
  226. .jqx-switchbutton-thumb-office {
  227. width: 12px;
  228. background: #000;
  229. border: 1px solid #000;
  230. }
  231. .jqx-switchbutton-label-on-office {
  232. background: #429366;
  233. color: #429366;
  234. }
  235. .jqx-switchbutton-label-off-office {
  236. background: #a6a6a6;
  237. color: #a6a6a6;
  238. }
  239. .jqx-icon-arrow-first-metro
  240. {
  241. background-image: url('images/office-icon-first.png');
  242. background-repeat: no-repeat;
  243. background-position: center;
  244. }
  245. .jqx-icon-arrow-last-metro
  246. {
  247. background-image: url('images/office-icon-last.png');
  248. background-repeat: no-repeat;
  249. background-position: center;
  250. }
  251. .jqx-switchbutton-wrapper-office {
  252. }
  253. .jqx-layout-office
  254. {
  255. background-color: #d4d4d4;
  256. }
  257. /*applied to the timepicker labels*/
  258. .jqx-time-picker .jqx-header .jqx-hour-container-office:focus {
  259. outline: 1px solid rgb(66, 147, 102) !important;
  260. }
  261. .jqx-time-picker .jqx-header .jqx-hour-container-office:hover {
  262. outline: 1px solid rgb(66, 147, 102) !important;
  263. background-color: rgb(134, 191, 160);
  264. }
  265. .jqx-time-picker .jqx-header .jqx-minute-container-office:focus {
  266. outline: 1px solid rgb(66, 147, 102) !important;
  267. }
  268. .jqx-time-picker .jqx-header .jqx-minute-container-office:hover {
  269. outline: 1px solid rgb(66, 147, 102) !important;
  270. background-color: rgb(134, 191, 160);
  271. }
  272. .jqx-time-picker .jqx-header .jqx-am-container-office:focus {
  273. outline: 1px solid rgb(66, 147, 102) !important;
  274. }
  275. .jqx-time-picker .jqx-header .jqx-am-container-office:hover {
  276. outline: 1px solid rgb(66, 147, 102) !important;
  277. background-color: rgb(134, 191, 160);
  278. }
  279. .jqx-time-picker .jqx-header .jqx-pm-container-office:focus {
  280. outline: 1px solid rgb(66, 147, 102) !important;
  281. }
  282. .jqx-time-picker .jqx-header .jqx-pm-container-office:hover {
  283. outline: 1px solid rgb(66, 147, 102) !important;
  284. background-color: rgb(134, 191, 160);
  285. }
  286. .jqx-label-office {
  287. fill: darkgray;
  288. }
  289. .jqx-header-office {
  290. border-bottom: 1px solid rgb(212, 212, 212);
  291. }
  292. .jqx-svg-picker-office:focus {
  293. border: 1px solid rgb(66, 147, 102) !important;
  294. }
  295. .jqx-needle-office {
  296. fill: rgb(66, 147, 102);
  297. }
  298. .jqx-needle-central-circle-office {
  299. fill: rgb(134, 191, 160);
  300. stroke: rgb(66, 147, 102);
  301. }
  302. .jqx-time-picker .jqx-label.jqx-selected-office {
  303. fill: black !important;
  304. }