191 lines
3.6 KiB
CSS
191 lines
3.6 KiB
CSS
|
#dhtmlgoodies_colorPicker{
|
||
|
position:absolute;
|
||
|
width:250px;
|
||
|
padding-bottom:1px;
|
||
|
background-color:#FFF;
|
||
|
border:1px solid #317082;
|
||
|
|
||
|
width: 252px; /* IE 5.x */
|
||
|
width/* */:/**/250px; /* Other browsers */
|
||
|
width: /**/250px;
|
||
|
|
||
|
}
|
||
|
|
||
|
#dhtmlgoodies_colorPicker .colorPicker_topRow{
|
||
|
padding-bottom:1px;
|
||
|
border-bottom:3px double #317082;
|
||
|
background-color:#E2EBED;
|
||
|
padding-left:2px;
|
||
|
|
||
|
width: 250px; /* IE 5.x */
|
||
|
width/* */:/**/248px; /* Other browsers */
|
||
|
width: /**/248px;
|
||
|
|
||
|
height: 20px; /* IE 5.x */
|
||
|
height/* */:/**/16px; /* Other browsers */
|
||
|
height: /**/16px;
|
||
|
|
||
|
}
|
||
|
|
||
|
#dhtmlgoodies_colorPicker .colorPicker_statusBar{
|
||
|
height:13px;
|
||
|
padding-bottom:2px;
|
||
|
width:248px;
|
||
|
border-top:3px double #317082;
|
||
|
background-color:#E2EBED;
|
||
|
padding-left:2px;
|
||
|
clear:both;
|
||
|
|
||
|
width: 250px; /* IE 5.x */
|
||
|
width/* */:/**/248px; /* Other browsers */
|
||
|
width: /**/248px;
|
||
|
|
||
|
height: 18px; /* IE 5.x */
|
||
|
height/* */:/**/13px; /* Other browsers */
|
||
|
height: /**/13px;
|
||
|
|
||
|
}
|
||
|
|
||
|
#dhtmlgoodies_colorPicker .colorSquare{
|
||
|
margin-left:1px;
|
||
|
margin-bottom:1px;
|
||
|
float:left;
|
||
|
border:1px solid #000;
|
||
|
cursor:pointer;
|
||
|
|
||
|
width: 12px; /* IE 5.x */
|
||
|
width/* */:/**/10px; /* Other browsers */
|
||
|
width: /**/10px;
|
||
|
|
||
|
height: 12px; /* IE 5.x */
|
||
|
height/* */:/**/10px; /* Other browsers */
|
||
|
height: /**/10px;
|
||
|
|
||
|
}
|
||
|
|
||
|
.colorPickerTab_inactive,.colorPickerTab_active{
|
||
|
|
||
|
height:17px;
|
||
|
padding-left:4px;
|
||
|
cursor:pointer;
|
||
|
|
||
|
|
||
|
}
|
||
|
.colorPickerTab_inactive span{
|
||
|
background-image:url('tab_left_inactive.gif');
|
||
|
}
|
||
|
|
||
|
.colorPickerTab_active span{
|
||
|
background-image:url('tab_left_active.gif');
|
||
|
|
||
|
}
|
||
|
.colorPickerTab_inactive span, .colorPickerTab_active span{
|
||
|
line-height:16px;
|
||
|
font-weight:bold;
|
||
|
font-family:arial;
|
||
|
font-size:11px;
|
||
|
padding-top:1px;
|
||
|
vertical-align:middle;
|
||
|
background-position:top left;
|
||
|
background-repeat: no-repeat;
|
||
|
float:left;
|
||
|
padding-left:6px;
|
||
|
-moz-user-select:no;
|
||
|
}
|
||
|
.colorPickerTab_inactive img,.colorPickerTab_active img{
|
||
|
float:left;
|
||
|
}
|
||
|
.colorPickerCloseButton{
|
||
|
width:11px;
|
||
|
height:11px;
|
||
|
text-align:center;
|
||
|
line-height:10px;
|
||
|
border:1px solid #317082;
|
||
|
position:absolute;
|
||
|
right:1px;
|
||
|
font-size:12px;
|
||
|
font-weight:bold;
|
||
|
top:1px;
|
||
|
padding:1px;
|
||
|
cursor:pointer;
|
||
|
|
||
|
width: 15px; /* IE 5.x */
|
||
|
width/* */:/**/11px; /* Other browsers */
|
||
|
width: /**/11px;
|
||
|
|
||
|
height: 15px; /* IE 5.x */
|
||
|
height/* */:/**/11px; /* Other browsers */
|
||
|
height: /**/11px;
|
||
|
|
||
|
|
||
|
}
|
||
|
#colorPicker_statusBarTxt{
|
||
|
font-size:11px;
|
||
|
font-family:arial;
|
||
|
vertical-align:top;
|
||
|
line-height:13px;
|
||
|
|
||
|
}
|
||
|
form{
|
||
|
padding-left:5px;
|
||
|
}
|
||
|
|
||
|
.form_widget_amount_slider{
|
||
|
border-top:1px solid #9d9c99;
|
||
|
border-left:1px solid #9d9c99;
|
||
|
border-bottom:1px solid #eee;
|
||
|
border-right:1px solid #eee;
|
||
|
background-color:#f0ede0;
|
||
|
position:absolute;
|
||
|
bottom:0px;
|
||
|
|
||
|
width: 5px; /* IE 5.x */
|
||
|
width/* */:/**/3px; /* Other browsers */
|
||
|
width: /**/3px;
|
||
|
|
||
|
height: 5px; /* IE 5.x */
|
||
|
height/* */:/**/3px; /* Other browsers */
|
||
|
height: /**/3px;
|
||
|
|
||
|
}
|
||
|
.colorSliderLabel{
|
||
|
width:15px;
|
||
|
height:20px;
|
||
|
float:left;
|
||
|
font-size:11px;
|
||
|
font-weight:bold;
|
||
|
}
|
||
|
.colorSlider{
|
||
|
width:175px;
|
||
|
height:20px;
|
||
|
float:left;
|
||
|
}
|
||
|
.colorInput{
|
||
|
width:45px;
|
||
|
height:20px;
|
||
|
float:left;
|
||
|
}
|
||
|
.colorPreviewDiv{
|
||
|
width:186px;
|
||
|
margin-right:2px;
|
||
|
margin-top:1px;
|
||
|
border:1px solid #CCC;
|
||
|
height:20px;
|
||
|
float:left;
|
||
|
cursor:pointer;
|
||
|
|
||
|
width: 188px; /* IE 5.x */
|
||
|
width/* */:/**/186px; /* Other browsers */
|
||
|
width: /**/186px;
|
||
|
|
||
|
height: 22px; /* IE 5.x */
|
||
|
height/* */:/**/20px; /* Other browsers */
|
||
|
height: /**/20px;
|
||
|
|
||
|
|
||
|
}
|
||
|
.colorCodeDiv{
|
||
|
width:50px;
|
||
|
height:20px;
|
||
|
float:left;
|
||
|
}
|