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