slider/css/swing/swing.css

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