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

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