jqx.highcontrast.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. .jqx-widget-content-highcontrast{color: #000; border-color: #000; background-color: #fff;}
  2. .jqx-fill-state-normal-highcontrast {color: #000;background-color: #fff;}
  3. .jqx-widget-header-highcontrast{color: #fff; border-color:#000; background-color:#000}
  4. .jqx-fill-state-hover-highcontrast{border-color:#000; color: #fff; background-color:#000}
  5. .jqx-fill-state-pressed-highcontrast{border-color:#37006e; color: #fff; background-color:#37006e}
  6. .jqx-fill-state-focus-highcontrast { border-color: #37006e; }
  7. .jqx-scrollbar-state-normal-highcontrast, .jqx-grid-bottomright-highcontrast, .jqx-panel-bottomright-highcontrast, .jqx-listbox-bottomright-highcontrast{background-color:#000}
  8. .jqx-widget-highcontrast .jqx-grid-column-header-highcontrast, .jqx-grid-cell-highcontrast, .jqx-widget-highcontrast .jqx-grid-cell-highcontrast, .jqx-widget-highcontrast .jqx-grid-group-cell-highcontrast, .jqx-grid-group-cell-highcontrast{border-color:#000}
  9. .jqx-tabs-title-selected-bottom-highcontrast, .jqx-tabs-selection-tracker-bottom-highcontrast, .jqx-tabs-title-selected-top-highcontrast, .jqx-tabs-selection-tracker-top-highcontrast{color: #000; border-color:#000; border-bottom:1px solid #fff; background:#fff}
  10. .jqx-grid-cell-sort-alt-highcontrast, .jqx-grid-cell-filter-alt-highcontrast, .jqx-grid-cell-pinned-highcontrast, .jqx-grid-cell-alt-highcontrast, .jqx-grid-cell-sort-highcontrast{ background-color:#000; color: #fff;}
  11. .jqx-grid-cell-selected-highcontrast{ background-color:#37006e; color:#fff}
  12. .jqx-grid-cell-hover-highcontrast{ background-color:#000; color: #fff;}
  13. .jqx-menu-vertical-highcontrast{background: #000; color: #fff;}
  14. .jqx-checkbox-hover-highcontrast {
  15. background-color: #fff;
  16. }
  17. .jqx-radiobutton-hover-highcontrast {
  18. background-color: #fff;
  19. }
  20. .jqx-scrollbar-thumb-state-hover-horizontal-highcontrast, .jqx-scrollbar-thumb-state-hover-highcontrast {
  21. background: #fff;
  22. }
  23. .jqx-scrollbar-thumb-state-pressed-horizontal-highcontrast, .jqx-scrollbar-thumb-state-pressed-highcontrast {
  24. background: #fff;
  25. }
  26. .jqx-icon-arrow-up-hover-highcontrast, .jqx-icon-arrow-up-selected-highcontrast
  27. {
  28. background-image: url('images/icon-up-white.png');
  29. background-repeat: no-repeat;
  30. background-position: center;
  31. }
  32. .jqx-icon-arrow-down-hover-highcontrast, .jqx-icon-arrow-down-selected-highcontrast
  33. {
  34. background-image: url('images/icon-down-white.png');
  35. background-repeat: no-repeat;
  36. background-position: center;
  37. }
  38. .jqx-icon-arrow-left-hover-highcontrast, .jqx-icon-arrow-left-selected-highcontrast
  39. {
  40. background-image: url('images/icon-left-white.png');
  41. background-repeat: no-repeat;
  42. background-position: center;
  43. }
  44. .jqx-icon-arrow-right-hover-highcontrast, .jqx-icon-arrow-right-selected-highcontrast
  45. {
  46. background-image: url('images/icon-right-white.png');
  47. background-repeat: no-repeat;
  48. background-position: center;
  49. }
  50. .jqx-icon-arrow-first-hover-highcontrast, .jqx-icon-arrow-last-selected-highcontrast
  51. {
  52. background-image: url('images/icon-first-white.png');
  53. background-repeat: no-repeat;
  54. background-position: center;
  55. }
  56. .jqx-icon-arrow-last-hover-highcontrast, .jqx-icon-arrow-last-selected-highcontrast
  57. {
  58. background-image: url('images/icon-last-white.png');
  59. background-repeat: no-repeat;
  60. background-position: center;
  61. }
  62. .jqx-icon-calendar-hover-highcontrast, .jqx-icon-calendar-pressed-highcontrast {
  63. background-image: url('images/icon-calendar-white.png');
  64. }
  65. .jqx-icon-time-highcontrast, .jqx-icon-time-hover-highcontrast, .jqx-icon-time-pressed-highcontrast {
  66. background-image: url('images/icon-time-white.png');
  67. }
  68. .jqx-grid-cell-highcontrast.jqx-grid-cell-selected-highcontrast>.jqx-grid-group-expand-highcontrast,
  69. .jqx-grid-cell-highcontrast.jqx-grid-cell-hover-highcontrast>.jqx-grid-group-expand-highcontrast {
  70. background-image: url('images/icon-down-white.png');
  71. background-repeat: no-repeat;
  72. background-position: center;
  73. }
  74. .jqx-grid-cell-highcontrast.jqx-grid-cell-selected-highcontrast>.jqx-grid-group-collapse-highcontrast,
  75. .jqx-grid-cell-highcontrast.jqx-grid-cell-hover-highcontrast>.jqx-grid-group-collapse-highcontrast {
  76. background-image: url('images/icon-right-white.png');
  77. background-repeat: no-repeat;
  78. background-position: center;
  79. }
  80. .jqx-grid-cell-highcontrast.jqx-grid-cell-selected-highcontrast>.jqx-grid-group-collapse-rtl-highcontrast,
  81. .jqx-grid-cell-highcontrast.jqx-grid-cell-hover-highcontrast>.jqx-grid-group-collapse-rtl-highcontrast {
  82. background-image: url('images/icon-left-white.png');
  83. background-repeat: no-repeat;
  84. background-position: center;
  85. }
  86. .jqx-grid-cell-highcontrast.jqx-grid-cell-selected-highcontrast>.jqx-grid-group-expand-rtl-highcontrast,
  87. .jqx-grid-cell-highcontrast.jqx-grid-cell-hover-highcontrast>.jqx-grid-group-expand-rtl-highcontrast {
  88. background-image: url('images/icon-down-white.png');
  89. background-repeat: no-repeat;
  90. background-position: center;
  91. }
  92. .jqx-menu-item-arrow-right-hover-highcontrast, .jqx-menu-item-arrow-right-selected-highcontrast{background-image:url(images/icon-right-white.png); background-position:100% 50%; background-repeat:no-repeat}
  93. .jqx-menu-item-arrow-down-hover-highcontrast, .jqx-menu-item-arrow-down-selected-highcontrast{background-image:url(images/icon-down-white.png); background-position:100% 50%; background-repeat:no-repeat}
  94. .jqx-menu-item-arrow-up-hover-highcontrast, .jqx-menu-item-arrow-up-selected-highcontrast{background-image:url(images/icon-up-white.png);background-position:100% 50%; background-repeat:no-repeat}
  95. .jqx-menu-item-arrow-left-hover-highcontrast, .jqx-menu-item-arrow-left-selected-highcontrast{background-image:url(images/icon-left-white.png); background-position:0 50%; background-repeat:no-repeat}
  96. .jqx-icon-delete-highcontrast
  97. {
  98. background-image: url('images/icon-delete-white.png');
  99. }
  100. .jqx-icon-edit-highcontrast
  101. {
  102. background-image: url('images/icon-edit-white.png');
  103. }
  104. .jqx-icon-save-highcontrast
  105. {
  106. background-image: url('images/icon-save-white.png');
  107. }
  108. .jqx-icon-cancel-highcontrast
  109. {
  110. background-image: url('images/icon-cancel-white.png');
  111. }
  112. .jqx-icon-search-highcontrast
  113. {
  114. background-image: url(images/search_white.png);
  115. }
  116. .jqx-icon-plus-highcontrast
  117. {
  118. background-image: url(images/plus_white.png);
  119. }
  120. .jqx-layout-highcontrast
  121. {
  122. background-color: #000;
  123. }
  124. /*applied to the timepicker*/
  125. .jqx-time-picker .jqx-header .jqx-selected-highcontrast:focus {
  126. outline: 1px solid white;
  127. }
  128. .jqx-svg-picker-highcontrast {
  129. border: 1px solid black;
  130. }
  131. .jqx-svg-picker-highcontrast:focus {
  132. border: 1px solid rgb(55, 0, 110) !important;
  133. }