blob: 56aa4c9b34633c0da4dadbced3c8377f2af28ad4 [file] [log] [blame]
.dojoxColorPicker {
padding:8px;
width:300px;
height:150px;
-moz-border-radius:4pt;
-webkit-border-radius:5pt;
-webkit-drop-shadow:3pt;
}
.tundra .dojoxColorPicker {
background:#ededed;
border:1px solid #ccc;
}
.dojoxColorPickerBox {
position:relative;
width:150px;
height:150px;
margin:0;
padding:0;
}
.dojoxColorPickerUnderlay {
position:absolute;
top:0; left:0;
width:150px;
height:150px;
z-index:1;
}
.tundra .dojoxColorPickerUnderlay {
border:1px solid #a0a0a0;
}
.dojoxHuePickerUnderlay {
background:url(images/hue.png) no-repeat top center;
position:absolute;
top:0; left:0;
height:150px;
width:20px;
z-index:1;
}
.dojoxHuePicker { position:relative; top:-150px; left:157px; }
.dojoxHuePickerPoint {
position:absolute;
top:0; left:0;
width:20px;
height:8px;
z-index:3;
background-color:#666;
cursor:move;
background:url(images/hueHandle.png) no-repeat center center;
}
.dojoxColorPickerPoint {
position:absolute;
width:10px;
height:10px;
background: url(images/pickerPointer.png) no-repeat center center;
border:0;
z-index:3;
cursor:move;
}
.dojoxColorPickerPreview {
display:block;
width:45px;
height:45px;
border:1px solid #333;
background-color:#fff;
position:relative;
top:-150px;
left: 185px;
}
.dojoxColorPickerWebSafePreview {
display:block;
width:25px;
height:25px;
position:relative;
top:-197px;
left:240px;
border:1px solid #333;
}
.dojoxColorPickerOptional {
position:relative;
top:-170px;
left:185px;
}
.dojoxColorPickerOptional input {
border:1px solid #a7a7a7;
width:25px;
padding:1px 3px 1px 3px;
line-height:1.1em;
}
.dojoxColorPickerRgb { position:absolute; top:0; left:0; }
.dojoxColorPickerHsv { position:absolute; top:0; left:50px; }
.dojoxColorPickerHex { position:absolute; top:73px; left:2px; }
.dojoxColorPickerHex input {
width:55px;
}