farbtastic.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(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;
}

File

drupal/misc/farbtastic/farbtastic.css
View source
  1. .farbtastic {
  2. position: relative;
  3. }
  4. .farbtastic * {
  5. position: absolute;
  6. cursor: crosshair;
  7. }
  8. .farbtastic,
  9. .farbtastic .wheel {
  10. width: 195px;
  11. height: 195px;
  12. }
  13. .farbtastic .color,
  14. .farbtastic .overlay {
  15. top: 47px;
  16. left: 47px;
  17. width: 101px;
  18. height: 101px;
  19. }
  20. .farbtastic .wheel {
  21. background: url(wheel.png) no-repeat;
  22. width: 195px;
  23. height: 195px;
  24. }
  25. .farbtastic .overlay {
  26. background: url(mask.png) no-repeat;
  27. }
  28. .farbtastic .marker {
  29. width: 17px;
  30. height: 17px;
  31. margin: -8px 0 0 -8px;
  32. overflow: hidden;
  33. background: url(marker.png) no-repeat;
  34. }