2009-04-14 02:30:25 +09:00
|
|
|
.farbtastic {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.farbtastic * {
|
|
|
|
position: absolute;
|
|
|
|
cursor: crosshair;
|
|
|
|
}
|
|
|
|
.farbtastic, .farbtastic .wheel {
|
|
|
|
width: 195px;
|
|
|
|
height: 195px;
|
|
|
|
}
|
|
|
|
.farbtastic .color, .farbtastic .overlay {
|
|
|
|
top: 47px;
|
|
|
|
left: 47px;
|
|
|
|
width: 101px;
|
|
|
|
height: 101px;
|
|
|
|
}
|
|
|
|
.farbtastic .wheel {
|
2009-04-15 08:32:09 +09:00
|
|
|
background: url(../../../js/farbtastic/wheel.png) no-repeat;
|
2009-04-14 02:30:25 +09:00
|
|
|
width: 195px;
|
|
|
|
height: 195px;
|
|
|
|
}
|
|
|
|
.farbtastic .overlay {
|
2009-04-15 08:32:09 +09:00
|
|
|
background: url(../../../js/farbtastic/mask.png) no-repeat;
|
2009-04-14 02:30:25 +09:00
|
|
|
}
|
|
|
|
.farbtastic .marker {
|
|
|
|
width: 17px;
|
|
|
|
height: 17px;
|
|
|
|
margin: -8px 0 0 -8px;
|
|
|
|
overflow: hidden;
|
2009-04-15 08:32:09 +09:00
|
|
|
background: url(../../../js/farbtastic/marker.png) no-repeat;
|
2009-04-14 02:30:25 +09:00
|
|
|
}
|