Slider.css 4.0 KB

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