Slider.css 4.1 KB

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