53 lines
766 B
CSS
53 lines
766 B
CSS
|
|
||
|
|
.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 {
|
||
|
|
background: url(../images/wheel.png) no-repeat;
|
||
|
|
width: 195px;
|
||
|
|
height: 195px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.farbtastic .overlay {
|
||
|
|
background: url(../images/mask.png) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.farbtastic .marker {
|
||
|
|
width: 17px;
|
||
|
|
height: 17px;
|
||
|
|
margin: -8px 0 0 -8px;
|
||
|
|
overflow: hidden;
|
||
|
|
background: url(../images/marker.png) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* farbtastic-rtl */
|
||
|
|
.rtl .farbtastic .color,
|
||
|
|
.rtl .farbtastic .overlay {
|
||
|
|
left: 0;
|
||
|
|
right: 47px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl .farbtastic .marker {
|
||
|
|
margin: -8px -8px 0 0;
|
||
|
|
}
|