lib/dijit/themes/soria/form/Slider.css

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