jqx.glacier.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. 
  2. .jqx-widget-glacier {
  3. font-size: 12px;
  4. font-family: 'segoe ui', arial, sans-serif;
  5. }
  6. .jqx-widget-content-glacier{font-family: 'segoe ui', arial, sans-serif; border-color: #d7d7d7; color: #131619; background-color: #fff;}
  7. .jqx-widget-header-glacier{font-family: 'segoe ui', arial, sans-serif; color: #131619; border-color:#d7d7d7; background-color:#ebebeb;}
  8. .jqx-fill-state-normal-glacier{font-family: 'segoe ui', arial, sans-serif; border-color: #d7d7d7; color: #131619; background: #ffffff;}
  9. .jqx-fill-state-hover-glacier{border-color:#dedede; color: #131619; background-color:#dedede;
  10. }
  11. .jqx-fill-state-focus-glacier { border-color: #cdcdcd; }
  12. .jqx-fill-state-pressed-glacier{border-color:#006aae; color: #fff; background-color:#006aae;}
  13. .jqx-fill-state-pressed-glacier.jqx-calendar-cell-othermonth-glacier {color: #f7f3f2 !important;}
  14. .jqx-fill-state-pressed-glacier.jqx-grid-pager-number-glacier {color: #f7f3f2 !important;}
  15. .jqx-buttongroup-glacier .jqx-fill-state-pressed{border-color:#d7d7d7;}
  16. .jqx-listitem-state-group-glacier {
  17. color: #006aae;
  18. padding-left:6px;
  19. }
  20. .jqx-input-glacier {
  21. border-color: #d7d7d7;
  22. }
  23. .jqx-scrollbar-state-normal-glacier, .jqx-grid-bottomright-glacier, .jqx-panel-bottomright-glacier, .jqx-listbox-bottomright-glacier{background-color:#f4f4f4;}
  24. .jqx-widget-glacier .jqx-grid-column-header-glacier, .jqx-grid-cell-glacier, .jqx-widget-glacier .jqx-grid-cell-glacier, .jqx-widget-glacier .jqx-grid-group-cell-glacier, .jqx-grid-group-cell-glacier{font-family: 'segoe ui', arial, sans-serif; border-color:#d7d7d7;}
  25. .jqx-tabs-title-selected-bottom-glacier, .jqx-tabs-selection-tracker-bottom-glacier, .jqx-tabs-title-selected-top-glacier, .jqx-tabs-selection-tracker-top-glacier{color: #131619; border-color:#d7d7d7; border-bottom:1px solid #fff; background:#fff}
  26. .jqx-grid-cell-sort-alt-glacier, .jqx-grid-cell-filter-alt-glacier, .jqx-grid-cell-pinned-glacier, .jqx-grid-cell-alt-glacier, .jqx-grid-cell-sort-glacier{ background-color:#ededed; color: #131619;}
  27. .jqx-menu-vertical-glacier{background: #fff; border-color: #bcb6b8;}
  28. .jqx-widget-glacier .jqx-grid-cell-glacier, .jqx-widget-glacier .jqx-grid-column-header-glacier, .jqx-widget-glacier .jqx-grid-group-cell-glacier {color: #131619; border-color: #d7d7d7;}
  29. .jqx-widget-glacier .jqx-grid-column-menubutton-glacier, .jqx-widget-glacier .jqx-grid-column-sortascbutton-glacier, .jqx-widget-glacier .jqx-grid-column-sortdescbutton-glacier, .jqx-widget-glacier .jqx-grid-column-filterbutton-glacier {
  30. background-color: transparent;
  31. border-color: #d7d7d7;
  32. }
  33. .jqx-window-header-glacier, .jqx-input-button-header-glacier, .jqx-calendar-title-header-glacier, .jqx-grid-glacier .jqx-widget-header-glacier, .jqx-grid-header-glacier, .jqx-grid-column-header-glacier {font-family: 'segoe ui', arial, sans-serif; border-color:#d7d7d7; background-color:#ebebeb; color: #131619;}
  34. .jqx-grid-column-menubutton-glacier {
  35. background-image: url('images/metro-icon-down.png');
  36. }
  37. .jqx-widget-glacier .jqx-grid-cell-selected-glacier, .jqx-grid-cell-selected-glacier{ background-color:#006aae; border-color: #006aae; color:#fff;}
  38. .jqx-grid-cell-hover-glacier{ background-color:#dedede;}
  39. /*applied to the column's sort button when the sort order is ascending.*/
  40. .jqx-grid-column-sortascbutton-glacier {
  41. background-image: url('images/metro-icon-up.png');
  42. }
  43. .jqx-grid-column-sortdescbutton-glacier {
  44. background-image: url('images/metro-icon-down.png');
  45. }
  46. .jqx-checkbox-hover-glacier {
  47. background-color: #fff;
  48. }
  49. .jqx-radiobutton-hover-glacier {
  50. background-color: #fff;
  51. }
  52. .jqx-scrollbar-thumb-state-normal-horizontal-glacier, .jqx-scrollbar-thumb-state-normal-glacier {
  53. background: #cdcdcd; border-color: #cdcdcd;
  54. }
  55. .jqx-scrollbar-thumb-state-hover-horizontal-glacier, .jqx-scrollbar-thumb-state-hover-glacier {
  56. background: #a6a6a6; border-color: #a6a6a6;
  57. }
  58. .jqx-scrollbar-thumb-state-pressed-horizontal-glacier, .jqx-scrollbar-thumb-state-pressed-glacier {
  59. background: #606060; border-color: #606060;
  60. }
  61. .jqx-scrollbar-button-state-normal-glacier
  62. {
  63. border: 1px solid #f4f4f4;
  64. background: #f4f4f4;
  65. }
  66. /*applied to the scrollbar buttons in hovered state.*/
  67. .jqx-scrollbar-button-state-hover-glacier
  68. {
  69. border: 1px solid #dadada;
  70. background: #dadada;
  71. }
  72. /*applied to the scrollbar buttons in pressed state.*/
  73. .jqx-scrollbar-button-state-pressed-glacier
  74. {
  75. border: 1px solid #606060;
  76. background: #606060;
  77. }
  78. /*icons*/
  79. .jqx-window-collapse-button-glacier
  80. {
  81. background-image: url(images/metro-icon-up.png);
  82. }
  83. .jqx-window-collapse-button-collapsed-glacier {
  84. background-image: url(images/metro-icon-down.png);
  85. }
  86. .jqx-icon-arrow-up-glacier, .jqx-expander-arrow-bottom-glacier, .jqx-menu-item-arrow-up-glacier
  87. {
  88. background-image: url('images/metro-icon-up.png');
  89. }
  90. .jqx-icon-arrow-down-glacier, .jqx-expander-arrow-top-glacier, .jqx-tree-item-arrow-expand-glacier, .jqx-tree-item-arrow-expand-hover-glacier, .jqx-menu-item-arrow-down-glacier
  91. {
  92. background-image: url('images/metro-icon-down.png');
  93. }
  94. .jqx-icon-arrow-left-glacier, .jqx-menu-item-arrow-left-glacier
  95. {
  96. background-image: url('images/metro-icon-left.png');
  97. }
  98. .jqx-icon-arrow-right-glacier, .jqx-menu-item-arrow-right-glacier, .jqx-tree-item-arrow-collapse-glacier, .jqx-tree-item-arrow-collapse-hover-glacier
  99. {
  100. background-image: url('images/metro-icon-right.png');
  101. }
  102. .jqx-tabs-arrow-left-glacier, .jqx-tree-item-arrow-collapse-rtl-glacier, .jqx-tree-item-arrow-collapse-hover-rtl-glacier
  103. {
  104. background-image: url('images/metro-icon-left.png');
  105. }
  106. .jqx-tabs-arrow-right-glacier
  107. {
  108. background-image: url('images/metro-icon-right.png');
  109. }
  110. .jqx-menu-item-arrow-up-selected-glacier, .jqx-icon-arrow-up-selected-glacier{background-image:url('images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;}
  111. .jqx-menu-item-arrow-down-selected-glacier, .jqx-icon-arrow-down-selected-glacier{background-image:url('images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;}
  112. .jqx-menu-item-arrow-left-selected-glacier, .jqx-icon-arrow-left-selected-glacier{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;}
  113. .jqx-menu-item-arrow-right-selected-glacier, .jqx-icon-arrow-right-selected-glacier{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;}
  114. .jqx-tabs-close-button-glacier{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
  115. .jqx-tabs-close-button-selected-glacier{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
  116. .jqx-tabs-close-button-hover-glacier{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
  117. .jqx-scrollbar-glacier .jqx-icon-arrow-up-selected-glacier{background-image:url('images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;}
  118. .jqx-scrollbar-glacier .jqx-icon-arrow-down-selected-glacier{background-image:url('images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;}
  119. .jqx-scrollbar-glacier .jqx-icon-arrow-left-selected-glacier{background-image:url('images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;}
  120. .jqx-scrollbar-glacier .jqx-icon-arrow-right-selected-glacier{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;}
  121. .jqx-slider-slider-glacier
  122. {
  123. border-color:#cdcdcd;
  124. }
  125. .jqx-slider-button-glacier
  126. {
  127. -moz-border-radius: 9px;
  128. -webkit-border-radius: 9px;
  129. border-radius: 9px;
  130. border-color: #cdcdcd;
  131. }
  132. .jqx-input-button-content-glacier
  133. {
  134. font-size: 10px;
  135. }
  136. .jqx-dropdownlist-state-normal-glacier, .jqx-dropdownlist-state-hover-glacier, .jqx-dropdownlist-state-selected-glacier,
  137. .jqx-scrollbar-button-state-hover-glacier, .jqx-scrollbar-button-state-normal-glacier, .jqx-scrollbar-button-state-pressed-glacier,
  138. .jqx-scrollbar-thumb-state-normal-horizontal-glacier, .jqx-scrollbar-thumb-state-hover-horizontal-glacier, .jqx-scrollbar-thumb-state-pressed-horizontal-glacier,
  139. .jqx-scrollbar-thumb-state-normal-glacier, .jqx-scrollbar-thumb-state-pressed-glacier, .jqx-button-glacier, .jqx-tree-item-hover-glacier, .jqx-tree-item-selected-glacier,
  140. .jqx-tree-item-glacier, .jqx-menu-item-glacier, .jqx-menu-item-hover-glacier, .jqx-menu-item-selected-glacier, .jqx-menu-item-top-glacier, .jqx-menu-item-top-hover-glacier,
  141. .jqx-menu-item-top-selected-glacier, .jqx-slider-button-glacier, .jqx-slider-slider-glacier
  142. {
  143. -webkit-transition: background-color 100ms linear;
  144. -moz-transition: background-color 100ms linear;
  145. -o-transition: background-color 100ms linear;
  146. -ms-transition: background-color 100ms linear;
  147. transition: background-color 100ms linear;
  148. }
  149. .jqx-switchbutton-glacier {
  150. -moz-border-radius: 0px;
  151. -webkit-border-radius: 0px;
  152. border-radius: 0px;
  153. border: 2px solid #a6a6a6;
  154. }
  155. .jqx-switchbutton-thumb-glacier {
  156. width: 12px;
  157. background: #000;
  158. border: 1px solid #000;
  159. }
  160. .jqx-switchbutton-label-on-glacier {
  161. background: #006aae;
  162. color: #006aae;
  163. }
  164. .jqx-switchbutton-label-off-glacier {
  165. background: #a6a6a6;
  166. color: #a6a6a6;
  167. }
  168. .jqx-switchbutton-wrapper-glacier {
  169. }
  170. .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-expand-glacier {
  171. background-image: url('images/metro-icon-down-white.png');
  172. background-repeat: no-repeat;
  173. background-position: center;
  174. }
  175. .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-collapse-glacier{
  176. background-image: url('images/metro-icon-right-white.png');
  177. background-repeat: no-repeat;
  178. background-position: center;
  179. }
  180. .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-collapse-rtl-glacier {
  181. background-image: url('images/metro-icon-left-white.png');
  182. background-repeat: no-repeat;
  183. background-position: center;
  184. }
  185. .jqx-grid-cell-glacier.jqx-grid-cell-selected-glacier>.jqx-grid-group-expand-rtl-glacier{
  186. background-image: url('images/metro-icon-down-white.png');
  187. background-repeat: no-repeat;
  188. background-position: center;
  189. }
  190. .jqx-grid-group-collapse-glacier {
  191. background-image: url(images/metro-icon-right.png);
  192. background-position: 50% 50%;
  193. background-repeat: no-repeat;
  194. }
  195. .jqx-grid-group-collapse-rtl-glacier
  196. {
  197. padding-right: 0px;
  198. background-image: url(images/metro-icon-left.png);
  199. background-position: 50% 50%;
  200. background-repeat: no-repeat;
  201. }
  202. .jqx-grid-group-expand-glacier, .jqx-grid-group-expand-rtl-glacier
  203. {
  204. padding-right: 0px;
  205. background-image: url(images/metro-icon-down.png);
  206. background-position: 50% 50%;
  207. background-repeat: no-repeat;
  208. }
  209. .jqx-icon-arrow-first-glacier
  210. {
  211. background-image: url('images/metro-icon-first.png');
  212. background-repeat: no-repeat;
  213. background-position: center;
  214. }
  215. .jqx-icon-arrow-last-glacier
  216. {
  217. background-image: url('images/metro-icon-last.png');
  218. background-repeat: no-repeat;
  219. background-position: center;
  220. }
  221. .jqx-icon-arrow-first-hover-glacier
  222. {
  223. background-image: url('images/metro-icon-first.png');
  224. background-repeat: no-repeat;
  225. background-position: center;
  226. }
  227. .jqx-icon-arrow-last-hover-glacier
  228. {
  229. background-image: url('images/metro-icon-last.png');
  230. background-repeat: no-repeat;
  231. background-position: center;
  232. }
  233. .jqx-icon-arrow-first-selected-glacier
  234. {
  235. background-image: url('images/metro-icon-first-white.png');
  236. background-repeat: no-repeat;
  237. background-position: center;
  238. }
  239. .jqx-icon-arrow-last-selected-glacier
  240. {
  241. background-image: url('images/metro-icon-last-white.png');
  242. background-repeat: no-repeat;
  243. background-position: center;
  244. }
  245. .jqx-tree-grid-collapse-button-glacier {
  246. margin-top: 1px;
  247. }
  248. .jqx-icon-calendar-pressed-glacier {
  249. background-image: url('images/icon-calendar-white.png');
  250. }
  251. .jqx-icon-time-pressed-glacier {
  252. background-image: url('images/icon-time-white.png');
  253. }
  254. /*applied to the timepicker*/
  255. .jqx-svg-picker-glacier {
  256. border: 1px solid #4db8ff;
  257. }
  258. .jqx-svg-picker-glacier:hover {
  259. border: 1px solid #006bb3;
  260. }
  261. .jqx-svg-picker-glacier:focus {
  262. border: 1px solid #006aae !important;
  263. }
  264. .jqx-label-glacier {
  265. fill: #006aae;
  266. }
  267. .jqx-needle-glacier {
  268. fill: #004a73;
  269. }
  270. .jqx-needle-central-circle-glacier {
  271. fill: #004a73;
  272. }