[Summary view] [Print] [Text view]

   1  .dynamic-slider-control {
   2      position:            relative;
   3      background-color:    #C7D9F5;
   4      -moz-user-focus:    normal;
   5      -moz-user-select:    none;
   6      cursor:                default;
   7  }
   8  
   9  .horizontal {
  10      width:                200px;
  11      height:                29px;
  12  }
  13  
  14  .vertical {
  15      width:                29px;
  16      height:                200px;
  17  }
  18  
  19  .dynamic-slider-control input {
  20      display:    none;
  21  }
  22  
  23  .dynamic-slider-control .handle {
  24      position:            absolute;
  25      -moz-user-select:    none;
  26      cursor:                default;
  27      background:            ThreeDFace;
  28      border:                1px solid;
  29      border-color:        ThreeDHighlight ThreeDDarkShadow
  30                          ThreeDDarkShadow ThreeDHighlight;
  31  }
  32  
  33  /* inner border */
  34  .dynamic-slider-control .handle div {
  35      font-size:            1px;
  36      border:                1px solid;
  37      border-color:        ThreeDLightShadow ThreeDShadow
  38                          ThreeDShadow ThreeDLightShadow;    
  39  
  40  /*    behavior:            url("css/boxsizing.htc");    /* ie path bug */
  41  /*    box-sizing:            content-box;*/
  42      -moz-box-sizing:    content-box;
  43  }
  44  
  45  /*    inner sets size
  46  .dynamic-slider-control.horizontal .handle {
  47      width:                12px;
  48      height:                22px;
  49  }
  50  */
  51  
  52  .dynamic-slider-control.horizontal .handle div {
  53      width:                8px;
  54      height:                18px;
  55  }
  56  
  57  .dynamic-slider-control.horizontal .handle.hover {}
  58  
  59  /* inner sets size
  60  .dynamic-slider-control.vertical .handle {
  61      width:                22px;
  62      height:                12px;
  63  }
  64  */
  65  
  66  .dynamic-slider-control.vertical .handle div {
  67      width:                18px;
  68      height:                8px;
  69  }
  70  
  71  .dynamic-slider-control.vertical .handle.hover {}
  72  
  73  .dynamic-slider-control .line {
  74      
  75  /*    behavior:            url("css/boxsizing.htc"); /* ie path bug */
  76  /*    box-sizing:            content-box;*/
  77      -moz-box-sizing:    content-box;
  78          
  79      position:            absolute;
  80      font-size:            0.01mm;
  81      overflow:            hidden;
  82      border:                1px solid;
  83      border-color:        ThreeDShadow ThreeDHighlight
  84                          ThreeDHighlight ThreeDShadow;
  85      background:            ThreeDDarkShadow;
  86  }
  87  
  88  .dynamic-slider-control.vertical .line {
  89      width:                1px;
  90      
  91  }
  92  
  93  .dynamic-slider-control.horizontal .line {
  94      height:                1px;
  95  }
  96  
  97  .dynamic-slider-control .line div {
  98      display:    none;
  99  }