.picker { display: inline-block; } .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(wheel.png) no-repeat; width: 195px; height: 195px; } .farbtastic .overlay { background: url(mask.png) no-repeat; } .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(marker.png) no-repeat; } .colorValue { border: 0; width: 105px; padding-left: 5px } .insertColorValue { background: #888; color: #fff; height: 18px; width: 60px; border: 0; margin-left: 5px; cursor: pointer }