Slider.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. /****
  2. SLIDER
  3. ****/
  4. .soria .dijitSliderProgressBarH {
  5. border-color: #b1badf;
  6. background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left;
  7. }
  8. .soria .dijitSliderProgressBarV {
  9. border-color: #b1badf;
  10. background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left;
  11. }
  12. .soria .dijitSliderFocused .dijitSliderProgressBarH,
  13. .soria .dijitSliderFocused .dijitSliderLeftBumper {
  14. background-image:url("../images/sliderFullFocus.png");
  15. }
  16. .soria .dijitSliderFocused .dijitSliderProgressBarV,
  17. .soria .dijitSliderFocused .dijitSliderBottomBumper {
  18. background-image:url("../images/sliderFullVerticalFocus.png");
  19. }
  20. .soria .dijitSliderRemainingBarV {
  21. border-color: #b4b4b4;
  22. background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y bottom left;
  23. }
  24. .soria .dijitSliderRemainingBarH {
  25. border-color: #b4b4b4;
  26. background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left;
  27. }
  28. .soria .dijitSliderBar {
  29. border-style: solid;
  30. outline:1px;
  31. /* border-color: #b4b4b4; */
  32. }
  33. .soria .dijitSliderFocused .dijitSliderBar {
  34. border-color:#8ba0bd;
  35. }
  36. .soria .dijitSliderImageHandleH {
  37. border:0;
  38. width:15px;
  39. height:18px;
  40. background:url("../images/preciseSliderThumb.png") no-repeat center top;
  41. }
  42. .soria .dijitSliderFocused .dijitSliderImageHandleH {
  43. background-image:url("../images/preciseSliderThumbFocus.png");
  44. #background-image:url("../images/preciseSliderThumbFocus.gif");
  45. }
  46. .dj_ie6 .soria .dijitSliderImageHandleH {
  47. background-image:url("../images/preciseSliderThumb.gif");
  48. }
  49. .soria .dijitSliderLeftBumper {
  50. border-left-width: 1px;
  51. border-color: #aab0bb;
  52. background: #c0c2c5 url("../images/sliderFull.png") repeat-x top left;
  53. }
  54. .soria .dijitSliderRightBumper {
  55. background: #dcdcdc url("../images/sliderEmpty.png") repeat-x top left;
  56. border-color: #b4b4b4;
  57. border-right-width: 1px;
  58. }
  59. .soria .dijitSliderImageHandleV {
  60. border:0;
  61. width:20px;
  62. height:15px;
  63. background:url("../images/sliderThumb.png") no-repeat center center;
  64. #background:url("../images/sliderThumb.gif") no-repeat center center;
  65. }
  66. .soria .dijitSliderFocused .dijitSliderImageHandleV {
  67. background-image:url("../images/sliderThumbFocus.png");
  68. #background-image:url("../images/sliderThumbFocus.gif");
  69. }
  70. .soria .dijitSliderBottomBumper {
  71. border-bottom-width: 1px;
  72. border-color: #aab0bb;
  73. background: #c0c2c5 url("../images/sliderFullVertical.png") repeat-y bottom left;
  74. }
  75. .soria .dijitSliderTopBumper {
  76. background: #dcdcdc url("../images/sliderEmptyVertical.png") repeat-y top left;
  77. border-color: #b4b4b4;
  78. border-top-width: 1px;
  79. }
  80. .soria .dijitSliderIncrementIconH,
  81. .soria .dijitSliderIncrementIconV {
  82. background:url('../images/spriteRoundedIconsSmall.png') no-repeat -45px top;
  83. #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -45px top;
  84. width:15px; height:15px;
  85. }
  86. .soria .dijitSliderIncrementIconH {
  87. background:url('../images/spriteRoundedIconsSmall.png') no-repeat -30px top;
  88. #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -30px top;
  89. }
  90. .soria .dijitSliderDecrementIconH,
  91. .soria .dijitSliderDecrementIconV {
  92. width:15px;
  93. height:15px;
  94. background:url('../images/spriteRoundedIconsSmall.png') no-repeat -15px top;
  95. #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat -15px top;
  96. }
  97. .soria .dijitSliderDecrementIconH {
  98. background:url('../images/spriteRoundedIconsSmall.png') no-repeat 0 top;
  99. #background:url('../images/spriteRoundedIconsSmall.gif') no-repeat 0 top;
  100. }
  101. .soria .dijitSliderButtonInner {
  102. visibility:hidden;
  103. }
  104. .soria .dijitSliderReadOnly *,
  105. .soria .dijitSliderDisabled * {
  106. border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
  107. color: #bdbdbd;
  108. }
  109. .soria .dijitSliderReadOnly .dijitSliderDecrementIconH,
  110. .soria .dijitSliderDisabled .dijitSliderDecrementIconH {
  111. background-position: 0 -15px;
  112. }
  113. .soria .dijitSliderReadOnly .dijitSliderIncrementIconH,
  114. .soria .dijitSliderDisabled .dijitSliderIncrementIconH {
  115. background-position: -30px -15px;
  116. }
  117. .soria .dijitSliderReadOnly .dijitSliderDecrementIconV,
  118. .soria .dijitSliderDisabled .dijitSliderDecrementIconV {
  119. background-position: -15px -15px;
  120. }
  121. .soria .dijitSliderReadOnly .dijitSliderIncrementIconV,
  122. .soria .dijitSliderDisabled .dijitSliderIncrementIconV {
  123. background-position: -45px -15px;
  124. }