slider/css/bluecurve/bluecurve.css

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