jqx.ui-lightness.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. .jqx-rc-tl-ui-lightness{border-top-left-radius:4px; moz-border-radius-topleft:4px; webkit-border-top-left-radius:4px}
  2. .jqx-rc-tr-ui-lightness{border-top-right-radius:4px; moz-border-radius-topright:4px; webkit-border-top-right-radius:4px}
  3. .jqx-rc-bl-ui-lightness{border-bottom-left-radius:4px; moz-border-radius-bottomleft:4px; webkit-border-bottom-left-radius:4px}
  4. .jqx-rc-br-ui-lightness{border-bottom-right-radius:4px; moz-border-radius-bottomright:4px; webkit-border-bottom-right-radius:4px}
  5. .jqx-rc-t-ui-lightness{border-top-left-radius:4px; border-top-right-radius:4px; moz-border-radius-topleft:4px; moz-border-radius-topright:4px; webkit-border-top-left-radius:4px; webkit-border-top-right-radius:4px}
  6. .jqx-rc-b-ui-lightness{border-bottom-left-radius:4px; border-bottom-right-radius:4px; moz-border-radius-bottomleft:4px; moz-border-radius-bottomright:4px; webkit-border-bottom-left-radius:4px; webkit-border-bottom-right-radius:4px}
  7. .jqx-rc-r-ui-lightness{border-bottom-right-radius:4px; border-top-right-radius:4px; moz-border-radius-bottomright:4px; moz-border-radius-topright:4px; webkit-border-bottom-right-radius:4px; webkit-border-top-right-radius:4px}
  8. .jqx-rc-l-ui-lightness{border-bottom-left-radius:4px; border-top-left-radius:4px; moz-border-radius-bottomleft:4px; moz-border-radius-topleft:4px; webkit-border-bottom-left-radius:4px; webkit-border-top-left-radius:4px}
  9. .jqx-rc-all-ui-lightness{border-radius:4px; moz-border-radius:4px; webkit-border-radius:4px}
  10. .jqx-grid-column-sortdescbutton-ui-lightness{background-position:0 -16px; background-image:url(images/lightness/ui-icons_ffffff_256x240.png); position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px;}
  11. .jqx-grid-column-sortascbutton-ui-lightness{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px; background-position:-65px -16px; background-image:url(images/lightness/ui-icons_ffffff_256x240.png)}
  12. .jqx-grid-ui-lightness .jqx-widget-header-ui-lightness{border-width:0px !important}
  13. .jqx-tree-item-arrow-expand-ui-lightness, .jqx-tree-item-arrow-expand-hover-ui-lightness{background-position:-65px -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  14. .jqx-tree-item-arrow-collapse-ui-lightness, .jqx-tree-item-arrow-collapse-hover-ui-lightness{background-position:-32px -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  15. .jqx-tabs-arrow-right-ui-lightness, .jqx-menu-item-arrow-right-ui-lightness, .jqx-menu-item-arrow-right-selected-ui-lightness{background-position:-32px -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  16. .jqx-tabs-arrow-left-ui-lightness, .jqx-menu-item-arrow-left-ui-lightness, .jqx-menu-item-arrow-left-selected-ui-lightness{background-position:-96px -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  17. .jqx-progressbar-ui-lightness .jqx-fill-state-pressed-ui-lightness{background:#f6a828; border-width:0px; border-right:1px solid #e78f08; color:#fff;}
  18. .jqx-progressbar-value-vertical-ui-lightness{border-width:0px !important; border-bottom: 1px solid #e78f08 !important}
  19. .jqx-tabs-title-ui-lightness{ border-color: #ccc; border-bottom-color: #fafafa; background:#f6f6f6 url(images/lightness/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; color:#1c94c4; font-weight:bold;}
  20. .jqx-tabs-title-selected-top-ui-lightness{background-color:#fff;}
  21. .jqx-tabs-title-selected-bottom-ui-lightness{}
  22. .jqx-tabs-title-bottom-ui-lightness{margin-top:-2px; border-top-color: #fafafa; bottom-bottom-color: #ccc;}
  23. .jqx-tabs-header-ui-lightness{margin:2px; border-radius:4px; moz-border-radius:4px; webkit-border-radius:4px}
  24. .jqx-tabs-header-bottom-ui-lightness{margin-top:-2px !important; padding-top:2px}
  25. .jqx-tabs-content-ui-lightness{border-width:0px !important}
  26. .jqx-radiobutton-ui-lightness .jqx-fill-state-pressed-ui-lightness{background:#ec8e0c; border:1px solid #fed22f}
  27. .jqx-calendar-cell-ui-lightness{background:#f6f6f6 url(images/lightness/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; border:1px solid #ccc; color:#1c94c4; font-weight:bold; padding:.2em; text-align:right; text-decoration:none; moz-border-radius:0px !important; webkit-border-radius:0px !important; border-radius:0px !important}
  28. .jqx-calendar-cell-today-ui-lightness{background:#ffe45c url(images/lightness/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; border:1px solid #fed22f; color:#363636}
  29. .jqx-calendar-title-container-ui-lightness{border-radius:4px; moz-border-radius:4px; webkit-border-radius:4px}
  30. .jqx-calendar-month-container-ui-lightness{border:none !important}
  31. .jqx-calendar-ui-lightness{padding:2px}
  32. .jqx-calendar-ui-lightness .jqx-icon-arrow-left-ui-lightness{background-image:url(images/lightness/ui-icons_ffffff_256x240.png); background-position:-80px -192px; width:16px; height:16px; left:5px; position:relative}
  33. .jqx-calendar-ui-lightness .jqx-icon-arrow-right-ui-lightness{background-image:url(images/lightness/ui-icons_ffffff_256x240.png); background-position:-48px -192px; width:16px; height:16px; right:5px; position:relative}
  34. .jqx-calendar-ui-lightness .jqx-icon-arrow-left-hover-ui-lightness{background-image:url(images/lightness/ui-icons_ef8c08_256x240.png); background-position:-80px -192px}
  35. .jqx-calendar-ui-lightness .jqx-icon-arrow-right-hover-ui-lightness{background-image:url(images/lightness/ui-icons_ef8c08_256x240.png); background-position:-48px -192px}
  36. .jqx-navigationbar-ui-lighness{overflow: auto;}
  37. .jqx-window-ui-lightness{padding: 2px;}
  38. .jqx-window-header-ui-lightness{ moz-border-radius:4px; border-radius:4px; webkit-border-radius:4px}
  39. .jqx-window-content-ui-lightness{border-width:0px !important}
  40. .jqx-window-close-button-hover-ui-lightness{background-color:#fff; background-position:-96px -128px; background-image:url(images/lightness/ui-icons_ef8c08_256x240.png); cursor:pointer; width:16px; height:16px}
  41. .jqx-grid-column-header-ui-lightness{border-width:0px !important}
  42. .jqx-slider-ui-lightness .jqx-fill-state-pressed-ui-lightness{background:#f6a828 url(images/lightness/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; border-color:#e78f08}
  43. .jqx-icon-arrow-up-ui-lightness{background-position:0 -16px; background-image:url(images/lightness/ui-icons_ef8c08_256x240.png)}
  44. .jqx-icon-arrow-down-ui-lightness{background-position:-65px -16px; background-image:url(images/lightness/ui-icons_ef8c08_256x240.png)}
  45. .jqx-icon-arrow-left-ui-lightness, .jqx-tree-item-arrow-collapse-rtl-ui-lightness, .jqx-tree-item-arrow-collapse-hover-rtl-ui-lightness{background-position:-96px -17px; background-image:url(images/lightness/ui-icons_ef8c08_256x240.png)}
  46. .jqx-icon-arrow-right-ui-lightness{background-position:-32px -17px; background-image:url(images/lightness/ui-icons_ef8c08_256x240.png)}
  47. .jqx-icon-arrow-up-hover-ui-lightness{background-position:0 -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  48. .jqx-icon-arrow-down-hover-ui-lightness{background-position:-65px -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  49. .jqx-icon-arrow-left-selected-ui-lightness{background-position:-96px -17px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  50. .jqx-icon-arrow-right-selected-ui-lightness{background-position:-32px -17px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  51. .jqx-icon-arrow-up-selected-ui-lightness{background-position:0 -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  52. .jqx-icon-arrow-down-selected-ui-lightness{background-position:-65px -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  53. .jqx-icon-arrow-left-selected-ui-lightness{background-position:-96px -17px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  54. .jqx-icon-arrow-right-selected-ui-lightness{background-position:-32px -17px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  55. .jqx-icon-close-ui-lightness{background-image:url(images/lightness/ui-icons_222222_256x240.png); background-position:-80px -128px; cursor:pointer}
  56. .jqx-icon-close-hover-ui-lightness{background-image:url(images/lightness/ui-icons_222222_256x240.png); background-position:-80px -128px; cursor:pointer}
  57. .jqx-grid-column-menubutton-ui-lightness{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px; background-position:-65px -16px; background-image:url(images/lightness/ui-icons_ffffff_256x240.png); border-width:0px}
  58. .jqx-window-close-button-ui-lightness{background-position:-96px -128px; background-image:url(images/lightness/ui-icons_ffffff_256x240.png);moz-border-radius:4px; border-radius:4px; webkit-border-radius:4px}
  59. .jqx-window-collapse-button-ui-lightness{background-position:0 -16px; background-image:url(images/lightness/ui-icons_ffffff_256x240.png)}
  60. .jqx-window-collapse-button-hover-ui-lightness{background-image:url(images/lightness/ui-icons_ef8c08_256x240.png); background-color:#fff; border-radius:4px; moz-border-radius:4px; webkit-border-radius:4px}
  61. .jqx-window-collapse-button-collapsed-ui-lightness, .jqx-window-collapse-button-collapsed-hover-ui-lightness{background-position:-65px -16px}
  62. .jqx-window-modal-ui-lightness{}
  63. .jqx-widget-ui-lightness{line-height: 17px; font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size:12px; font-style:normal; webkit-tap-highlight-color:rgba(0,0,0,0)}
  64. .jqx-widget-content-ui-lightness{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; background-color:#f8f8f8; background-image:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#eee)); background-image:-moz-linear-gradient(top,#f8f8f8,#eee); background-image:-o-linear-gradient(top,#f8f8f8,#eee); border-color:#ddd; color:#333; font-size:12px}
  65. .jqx-widget-content-ui-lightness a{color:#333}
  66. .jqx-widget-header-ui-lightness{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; background:#f6a828 url(images/lightness/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; border-color: #e78f08; color:#fff; font-size:12px}
  67. .jqx-widget-header-ui-lightness a{color:#fff}
  68. .jqx-fill-state-normal-ui-lightness{background:#f6f6f6 url(images/lightness/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; border-color:#ccc; color:#1c94c4}
  69. .jqx-fill-state-normal-ui-lightness a, .jqx-fill-state-normal-ui-lightness a:link, .jqx-fill-state-normal-ui-lightness a:visited{color:#1c94c4; text-decoration:none}
  70. .jqx-fill-state-hover-ui-lightness{background:#fdf5ce url(images/lightness/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; border-color:#fbcb09; color:#c77405}
  71. .jqx-fill-state-hover-ui-lightness a, .jqx-fill-state-hover-ui-lightness a:hover{color:#c77405; text-decoration:none}
  72. .jqx-fill-state-pressed-ui-lightness{background:#fff url(images/lightness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; border-color:#fbd850; color:#eb8f00}
  73. .jqx-fill-state-pressed-ui-lightness a, .jqx-fill-state-pressed-ui-lightness a:link, .jqx-fill-state-pressed-ui-lightness a:visited{color:#eb8f00; text-decoration:none}
  74. .jqx-input-button-content-ui-lightness{font-size:10px}
  75. .jqx-input-icon-ui-lightness{margin-left:2px; margin-top:-1px}
  76. .jqx-checkbox-check-checked-ui-lightness{margin-top:0px; background-position:-65px -147px; background-image:url(images/lightness/ui-icons_ef8c08_256x240.png)}
  77. .jqx-grid-cell-sort-ui-lightness, .jqx-grid-cell-filter-ui-lightness, .jqx-grid-cell-pinned-ui-lightness{background-color:#f8f8f8; color:#1c94c4}
  78. .jqx-splitter-collapse-button-horizontal-ui-lightness, .jqx-splitter-collapse-button-vertical-ui-lightness{ background:#ec8e0c; border:1px solid #fdd02e}
  79. .jqx-dropdownlist-content-ui-lightness{ color:#333}
  80. .jqx-expander-header-ui-lightness{background:#f6f6f6 url(images/lightness/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; border:1px solid #ccc; color:#1c94c4; font-weight:bold; border-radius:4px !important; moz-border-radius:4px !important; webkit-border-radius:4px !important}
  81. .jqx-expander-header-hover-ui-lightness{background:#fdf5ce url(images/lightness/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; border:1px solid #fbcb09; color:#c77405; font-weight:bold}
  82. .jqx-expander-header-expanded-ui-lightness{background:#fff url(images/lightness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; border:1px solid #fbd850; border-bottom-width:0px; color:#eb8f00; font-weight:bold; border-top-left-radius:4px !important; border-top-right-radius:4px !important; moz-border-radius-topleft:4px !important; moz-border-radius-topright:4px !important; webkit-border-top-left-radius:4px !important; webkit-border-top-right-radius:4px !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; margin-bottom:0px}
  83. .jqx-expander-content-bottom-ui-lightness{border-bottom-left-radius:4px !important; border-bottom-right-radius:4px !important; moz-border-radius-bottomleft:4px !important; moz-border-radius-bottomright:4px !important; webkit-border-bottom-left-radius:4px !important; webkit-border-bottom-right-radius:4px !important; border-top-width:0px !important}
  84. .jqx-expander-arrow-top-ui-lightness{background-position:-65px -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  85. .jqx-expander-arrow-bottom-ui-lightness{background-position:0 -16px; background-image:url(images/lightness/ui-icons_222222_256x240.png)}
  86. .jqx-tabs-title-selected-top-ui-lightness
  87. {
  88. border-bottom: 1px solid #fff;
  89. }
  90. .jqx-tabs-title-selected-bottom-ui-lightness
  91. {
  92. border-top: 1px solid #fff;
  93. }
  94. .jqx-tabs-selection-tracker-top-ui-lightness
  95. {
  96. border-bottom: 1px solid #fff;
  97. }
  98. .jqx-tabs-selection-tracker-bottom-ui-lightness
  99. {
  100. border-top: 1px solid #fff;
  101. }
  102. /*Scroll Bar*/
  103. .jqx-scrollbar-ui-lightness .jqx-icon-arrow-up-ui-lightness{width: 16px; height: 16px; margin-left: auto;}
  104. .jqx-scrollbar-ui-lightness .jqx-icon-arrow-down-ui-lightness{width: 16px; height: 16px; margin-left: auto;}
  105. .jqx-scrollbar-ui-lightness .jqx-icon-arrow-left-ui-lightness{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  106. .jqx-scrollbar-ui-lightness .jqx-icon-arrow-right-ui-lightness{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  107. .jqx-icon-arrow-first-ui-lightness
  108. {
  109. background-image: url('images/lightness/icon-first.png');
  110. background-repeat: no-repeat;
  111. background-position: center;
  112. }
  113. .jqx-icon-arrow-last-ui-lightness
  114. {
  115. background-image: url('images/lightness/icon-last.png');
  116. background-repeat: no-repeat;
  117. background-position: center;
  118. }
  119. .jqx-grid-pager-number-ui-lightness.jqx-fill-state-pressed-ui-lightness {
  120. color: #000;
  121. }
  122. .jqx-grid-pager-number-ui-lightness.jqx-fill-state-hover-ui-lightness {
  123. color: #000;
  124. }
  125. .jqx-grid-group-collapse-ui-lightness
  126. {
  127. background-image: url(images/icon-right.png);
  128. background-position: 50% 50%;
  129. background-repeat: no-repeat;
  130. }
  131. .jqx-grid-group-collapse-rtl-ui-lightness
  132. {
  133. background-image: url(images/icon-left.png);
  134. background-position: 50% 50%;
  135. background-repeat: no-repeat;
  136. }
  137. .jqx-grid-group-expand-ui-lightness, .jqx-grid-group-expand-rtl-ui-lightness
  138. {
  139. background-image: url(images/icon-down.png);
  140. background-position: 50% 50%;
  141. background-repeat: no-repeat;
  142. }
  143. .jqx-layout-ui-lightness
  144. {
  145. background-color: #e78f08;
  146. }
  147. .jqx-layout-pseudo-window-pin-icon-ui-lightness
  148. {
  149. background-image: url("images/pin-white.png");
  150. }
  151. .jqx-layout-pseudo-window-pinned-icon-ui-lightness
  152. {
  153. background-image: url("images/pinned-white.png");
  154. }
  155. .jqx-docking-layout-group-floating .jqx-window-header-ui-lightness
  156. {
  157. background-image: none;
  158. }