slider/css/luna/luna.css

   1 .dynamic-slider-control {\r
   2         position:                       relative;\r
   3         background-color:       ThreeDFace;\r
   4         -moz-user-focus:        normal;\r
   5         -moz-user-select:       none;\r
   6         cursor:                         default;\r
   7 }\r
   8 \r
   9 .horizontal {\r
  10         width:                          200px;\r
  11         height:                         27px;\r
  12 }\r
  13 \r
  14 .vertical {\r
  15         width:                          29px;\r
  16         height:                         200px;\r
  17 }\r
  18 \r
  19 .dynamic-slider-control input {\r
  20         display:        none;\r
  21 }\r
  22 \r
  23 .dynamic-slider-control .handle {\r
  24         position:                       absolute;       \r
  25         font-size:                      1px;\r
  26         overflow:                       hidden;\r
  27         -moz-user-select:       none;\r
  28         cursor:                         default;\r
  29 }\r
  30 \r
  31 .dynamic-slider-control.horizontal .handle {\r
  32         width:                          11px;\r
  33         height:                         21px;\r
  34         background-image:       url("handle.horizontal.png");\r
  35 }\r
  36 \r
  37 .dynamic-slider-control.horizontal .handle div {}\r
  38 .dynamic-slider-control.horizontal .handle.hover {\r
  39         background-image:       url("handle.horizontal.hover.png");\r
  40 }\r
  41 \r
  42 .dynamic-slider-control.vertical .handle {\r
  43         width:                          25px;\r
  44         height:                         13px;\r
  45         background-image:       url("handle.vertical.png");\r
  46 }\r
  47 \r
  48 .dynamic-slider-control.vertical .handle.hover {\r
  49         background-image:       url("handle.vertical.hover.png");\r
  50 }\r
  51 \r
  52 .dynamic-slider-control .line {\r
  53         position:                       absolute;\r
  54         font-size:                      0.01mm;\r
  55         overflow:                       hidden;\r
  56         border:                         1px solid;\r
  57         border-color:           ThreeDShadow ThreeDHighlight\r
  58                                                 ThreeDHighlight ThreeDShadow;\r
  59         -moz-border-radius:     50%;\r
  60         \r
  61         behavior:                       url("css/boxsizing.htc"); /* ie path bug */\r
  62         box-sizing:                     content-box;\r
  63         -moz-box-sizing:        content-box;\r
  64 }\r
  65 .dynamic-slider-control.vertical .line {\r
  66         width:                          2px;\r
  67 }\r
  68 \r
  69 .dynamic-slider-control.horizontal .line {\r
  70         height:                         2px;\r
  71 }\r
  72 \r
  73 .dynamic-slider-control .line div {\r
  74         display:        none;\r
  75 }