jqx.classic.css 7.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .jqx-widget-classic{}
  2. .jqx-fill-state-normal-classic, .jqx-widget-header-classic{ border-color: #aaa; background-color:#E8E8E8; background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#dadada)); background-image:-moz-linear-gradient(top,#fafafa,#dadada); background-image:-o-linear-gradient(top,#fafafa,#dadada)}
  3. .jqx-fill-state-hover-classic{ border-color:#999; background-color:#E8E8E8; background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#dadada)); background-image:-moz-linear-gradient(top,#fafafa,#dadada); background-image:-o-linear-gradient(top,#fafafa,#dadada)}
  4. .jqx-fill-state-pressed-classic{ background-color:#7A7A7A; background-image:-webkit-gradient(linear,0 0,0 100%,from(#989898),to(#696969)); background-image:-moz-linear-gradient(top,#989898,#696969); background-image:-o-linear-gradient(top,#989898,#696969); border-color:#666; color:white; text-shadow:0 1px 0 #333; border-image:initial}
  5. .jqx-grid-column-menubutton-classic{ background-color:transparent}
  6. .jqx-calendar-row-header-classic, .jqx-calendar-top-left-header-classic{ background-color:#f2f2f2; border:0px solid #f2f2f2}
  7. .jqx-calendar-column-header-classic{ background-color:#FFF; border-top:1px solid #FFF; border-bottom:1px solid #e9e9e9}
  8. .jqx-scrollbar-state-normal-classic{ background-color:#efefef; border:1px solid #efefef}
  9. .jqx-scrollbar-button-state-normal-classic{ border:1px solid #ececed; background-color:#ececed}
  10. .jqx-scrollbar-thumb-state-normal-classic{ background-color:#E8E8E8; background-image:-webkit-gradient(linear,left top,right top,from(#fafafa),to(#dadada)); background-image:-moz-linear-gradient(left,#fafafa,#dadada); background-image:-o-linear-gradient(left,#fafafa,#dadada); border:1px solid #bbb}
  11. .jqx-scrollbar-thumb-state-hover-classic{ background-color:#e8e8e8; border:1px solid #aaa}
  12. .jqx-scrollbar-thumb-state-pressed-classic, .jqx-progressbar-value-vertical-classic{ background-color:#7A7A7A; background-image:-webkit-gradient(linear,left top,right top,from(#989898),to(#696969)); background-image:-moz-linear-gradient(left,#989898,#696969); background-image:-o-linear-gradient(left,#989898,#696969); border:1px solid #666}
  13. .jqx-icon-arrow-up-selected-classic{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center}
  14. .jqx-icon-arrow-down-selected-classic{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center}
  15. .jqx-icon-arrow-left-selected-classic{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
  16. .jqx-icon-arrow-right-selected-classic{background-image:url('images/icon-right-white.png');background-repeat:no-repeat; background-position:center}
  17. .jqx-scrollbar-classic .jqx-icon-arrow-up-selected-classic{background-image:url('images/icon-up.png'); background-repeat:no-repeat; background-position:center}
  18. .jqx-scrollbar-classic .jqx-icon-arrow-down-selected-classic{background-image:url('images/icon-down.png'); background-repeat:no-repeat; background-position:center}
  19. .jqx-scrollbar-classic .jqx-icon-arrow-left-selected-classic{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center}
  20. .jqx-scrollbar-classic .jqx-icon-arrow-right-selected-classic{background-image:url('images/icon-right.png');background-repeat:no-repeat; background-position:center}
  21. .jqx-slider-track-horizontal-classic, .jqx-slider-track-vertical-classic{border-color: #e8e8e8; background: #e8e8e8;}
  22. .jqx-slider-rangebar-classic{background:#7A7A7A;}
  23. .jqx-menu-vertical-classic{ background:#E8E8E8; filter: none;}
  24. .jqx-menu-item-arrow-right-selected-classic{background-image:url(images/icon-right-white.png); background-position:100% 50%; background-repeat:no-repeat}
  25. .jqx-menu-item-arrow-down-selected-classic{background-image:url(images/icon-down-white.png); background-position:100% 50%; background-repeat:no-repeat}
  26. .jqx-menu-item-arrow-up-selected-classic{background-image:url(images/icon-up-white.png);background-position:100% 50%; background-repeat:no-repeat}
  27. .jqx-menu-item-arrow-left-selected-classic{background-image:url(images/icon-left-white.png); background-position:0 50%; background-repeat:no-repeat}
  28. .jqx-icon-arrow-first-selected-classic
  29. {
  30. background-image: url('images/icon-first-white.png');
  31. background-repeat: no-repeat;
  32. background-position: center;
  33. }
  34. .jqx-icon-arrow-last-selected-classic
  35. {
  36. background-image: url('images/icon-last-white.png');
  37. background-repeat: no-repeat;
  38. background-position: center;
  39. }
  40. .jqx-radiobutton-classic{border:none; background: none;}
  41. .jqx-radiobutton-default-classic{filter: none; background:transparent url(images/roundbg_classic_normal.png) left center scroll repeat-x; border:0px solid #c9c9c9; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px}
  42. .jqx-radiobutton-hover-classic{filter: none; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;background:transparent url(images/roundbg_classic_hover.png) left center scroll repeat-x; border:0px solid #000}
  43. .jqx-radiobutton-check-checked-classic{filter: none; margin:0px; width:12px;height:12px;background:transparent url(images/roundbg_check_black.png) left top no-repeat; border:none}
  44. .jqx-radiobutton-check-indeterminate-classic{filter: none; background:transparent url(images/roundbg_check_indeterminate.png) left top no-repeat; border:none}
  45. .jqx-radiobutton-check-indeterminate-disabled-classic{filter: none; background:transparent url(images/roundbg_check_disabled.png) left top no-repeat;border:none}
  46. .jqx-fill-state-focus-classic { border-color: #747474;}
  47. .jqx-grid-bottomright-classic, .jqx-panel-bottomright-classic, .jqx-listbox-bottomright-classic{background-color: #efefef;}
  48. .jqx-tabs-title-selected-top-classic, .jqx-tabs-selection-tracker-top-classic {border-color: #aaa; border-bottom: 1px solid #fff; text-shadow:0 1px 0 #f2f2f2; filter: none; color: #222; background: #fff;}
  49. .jqx-tabs-title-selected-bottom-classic, .jqx-tabs-selection-tracker-bottom-classic {border-color: #aaa; border-top: 1px solid #fff; text-shadow:0 1px 0 #f2f2f2; filter: none; color: #222; background: #fff;}
  50. .jqx-icon-calendar-pressed-classic {
  51. background-image: url('images/icon-calendar-white.png');
  52. }
  53. .jqx-icon-time-pressed-classic {
  54. background-image: url('images/icon-time-white.png');
  55. }
  56. .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-expand-classic {
  57. background-image: url('images/icon-down-white.png');
  58. background-repeat: no-repeat;
  59. background-position: center;
  60. }
  61. .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-collapse-classic{
  62. background-image: url('images/icon-right-white.png');
  63. background-repeat: no-repeat;
  64. background-position: center;
  65. }
  66. .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-collapse-rtl-classic {
  67. background-image: url('images/icon-left-white.png');
  68. background-repeat: no-repeat;
  69. background-position: center;
  70. }
  71. .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-expand-rtl-classic{
  72. background-image: url('images/icon-down-white.png');
  73. background-repeat: no-repeat;
  74. background-position: center;
  75. }
  76. .jqx-layout-classic
  77. {
  78. background-color: #aaa;
  79. }