danielebarchiesi@0: danielebarchiesi@0: .farbtastic { danielebarchiesi@0: position: relative; danielebarchiesi@0: } danielebarchiesi@0: .farbtastic * { danielebarchiesi@0: position: absolute; danielebarchiesi@0: cursor: crosshair; danielebarchiesi@0: } danielebarchiesi@0: .farbtastic, danielebarchiesi@0: .farbtastic .wheel { danielebarchiesi@0: width: 195px; danielebarchiesi@0: height: 195px; danielebarchiesi@0: } danielebarchiesi@0: .farbtastic .color, danielebarchiesi@0: .farbtastic .overlay { danielebarchiesi@0: top: 47px; danielebarchiesi@0: left: 47px; danielebarchiesi@0: width: 101px; danielebarchiesi@0: height: 101px; danielebarchiesi@0: } danielebarchiesi@0: .farbtastic .wheel { danielebarchiesi@0: background: url(wheel.png) no-repeat; danielebarchiesi@0: width: 195px; danielebarchiesi@0: height: 195px; danielebarchiesi@0: } danielebarchiesi@0: .farbtastic .overlay { danielebarchiesi@0: background: url(mask.png) no-repeat; danielebarchiesi@0: } danielebarchiesi@0: .farbtastic .marker { danielebarchiesi@0: width: 17px; danielebarchiesi@0: height: 17px; danielebarchiesi@0: margin: -8px 0 0 -8px; danielebarchiesi@0: overflow: hidden; danielebarchiesi@0: background: url(marker.png) no-repeat; danielebarchiesi@0: } danielebarchiesi@0: