+
.farbtastic {
position: relative;
}
+
.farbtastic * {
position: absolute;
cursor: crosshair;
}
-.farbtastic, .farbtastic .wheel {
+
+.farbtastic,
+.farbtastic .wheel {
width: 195px;
height: 195px;
}
-.farbtastic .color, .farbtastic .overlay {
+
+.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;
-}
\ No newline at end of file
+}
+
+
+/* farbtastic-rtl */
+.rtl .farbtastic .color,
+.rtl .farbtastic .overlay {
+ left: 0;
+ right: 47px;
+}
+
+.rtl .farbtastic .marker {
+ margin: -8px -8px 0 0;
+}
+
+