colormatch/trunk/winclassic.css

.dynamic-slider-control {
        position:                       relative;
        background-color:       ThreeDFace;
        -moz-user-focus:        normal;
        -moz-user-select:       none;
        cursor:                         default;
}

.horizontal {
        width:                          200px;
        height:                         29px;
}

.vertical {
        width:                          29px;
        height:                         200px;
}

.dynamic-slider-control input {
        display:        none;
}

.dynamic-slider-control .handle {
        position:                       absolute;
        -moz-user-select:       none;
        cursor:                         default;
        background:                     ThreeDFace;
        border:                         1px solid;
        border-color:           ThreeDHighlight ThreeDDarkShadow
                                                ThreeDDarkShadow ThreeDHighlight;
}

/* inner border */
.dynamic-slider-control .handle div {
        font-size:                      1px;
        border:                         1px solid;
        border-color:           ThreeDLightShadow ThreeDShadow
                                                ThreeDShadow ThreeDLightShadow; 

        behavior:                       url("css/boxsizing.htc");       /* ie path bug */
        box-sizing:                     content-box;
        -moz-box-sizing:        content-box;
}

/*      inner sets size
.dynamic-slider-control.horizontal .handle {
        width:                          12px;
        height:                         22px;
}
*/

.dynamic-slider-control.horizontal .handle div {
        width:                          8px;
        height:                         18px;
}

.dynamic-slider-control.horizontal .handle.hover {}

/* inner sets size
.dynamic-slider-control.vertical .handle {
        width:                          22px;
        height:                         12px;
}
*/

.dynamic-slider-control.vertical .handle div {
        width:                          18px;
        height:                         8px;
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
        
        behavior:                       url("css/boxsizing.htc"); /* ie path bug */
        box-sizing:                     content-box;
        -moz-box-sizing:        content-box;
                
        position:                       absolute;
        font-size:                      0.01mm;
        overflow:                       hidden;
        border:                         1px solid;
        border-color:           ThreeDShadow ThreeDHighlight
                                                ThreeDHighlight ThreeDShadow;
        background:                     ThreeDDarkShadow;
}

.dynamic-slider-control.vertical .line {
        width:                          1px;
        
}

.dynamic-slider-control.horizontal .line {
        height:                         1px;
}

.dynamic-slider-control .line div {
        display:        none;
}
1	.dynamic-slider-control {
2	position: relative;
3	background-color: ThreeDFace;
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	}