2011-08-21 11:38:14 -04:00
|
|
|
|
2008-08-28 13:42:21 -04:00
|
|
|
.farbtastic {
|
|
|
|
position: relative;
|
|
|
|
}
|
2011-08-21 11:38:14 -04:00
|
|
|
|
2008-08-28 13:42:21 -04:00
|
|
|
.farbtastic * {
|
|
|
|
position: absolute;
|
|
|
|
cursor: crosshair;
|
|
|
|
}
|
2011-08-21 11:38:14 -04:00
|
|
|
|
|
|
|
.farbtastic,
|
|
|
|
.farbtastic .wheel {
|
2008-08-28 13:42:21 -04:00
|
|
|
width: 195px;
|
|
|
|
height: 195px;
|
|
|
|
}
|
2011-08-21 11:38:14 -04:00
|
|
|
|
|
|
|
.farbtastic .color,
|
|
|
|
.farbtastic .overlay {
|
2008-08-28 13:42:21 -04:00
|
|
|
top: 47px;
|
|
|
|
left: 47px;
|
|
|
|
width: 101px;
|
|
|
|
height: 101px;
|
|
|
|
}
|
2011-08-21 11:38:14 -04:00
|
|
|
|
2008-08-28 13:42:21 -04:00
|
|
|
.farbtastic .wheel {
|
|
|
|
background: url(../images/wheel.png) no-repeat;
|
|
|
|
width: 195px;
|
|
|
|
height: 195px;
|
|
|
|
}
|
2011-08-21 11:38:14 -04:00
|
|
|
|
2008-08-28 13:42:21 -04:00
|
|
|
.farbtastic .overlay {
|
|
|
|
background: url(../images/mask.png) no-repeat;
|
|
|
|
}
|
2011-08-21 11:38:14 -04:00
|
|
|
|
2008-08-28 13:42:21 -04:00
|
|
|
.farbtastic .marker {
|
|
|
|
width: 17px;
|
|
|
|
height: 17px;
|
|
|
|
margin: -8px 0 0 -8px;
|
2008-12-09 13:03:31 -05:00
|
|
|
overflow: hidden;
|
2008-08-28 13:42:21 -04:00
|
|
|
background: url(../images/marker.png) no-repeat;
|
2011-08-21 11:38:14 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* farbtastic-rtl */
|
|
|
|
.rtl .farbtastic .color,
|
|
|
|
.rtl .farbtastic .overlay {
|
|
|
|
left: 0;
|
|
|
|
right: 47px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rtl .farbtastic .marker {
|
|
|
|
margin: -8px -8px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
|