farbtastic.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /**
  2. * Farbtastic Color Picker 1.2
  3. * © 2008 Steven Wittens
  4. *
  5. * This program is free software; you can redistribute it and/or modify
  6. * it under the terms of the GNU General Public License as published by
  7. * the Free Software Foundation; either version 2 of the License, or
  8. * (at your option) any later version.
  9. *
  10. * This program is distributed in the hope that it will be useful,
  11. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  12. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  13. * GNU General Public License for more details.
  14. *
  15. * You should have received a copy of the GNU General Public License
  16. * along with this program; if not, write to the Free Software
  17. * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
  18. */
  19. .farbtastic {
  20. position: relative;
  21. }
  22. .farbtastic * {
  23. position: absolute;
  24. cursor: crosshair;
  25. }
  26. .farbtastic, .farbtastic .wheel {
  27. width: 195px;
  28. height: 195px;
  29. }
  30. .farbtastic .color, .farbtastic .overlay {
  31. top: 47px;
  32. left: 47px;
  33. width: 101px;
  34. height: 101px;
  35. }
  36. .farbtastic .wheel {
  37. background: url(wheel.png) no-repeat;
  38. width: 195px;
  39. height: 195px;
  40. }
  41. .farbtastic .overlay {
  42. background: url(mask.png) no-repeat;
  43. }
  44. .farbtastic .marker {
  45. width: 17px;
  46. height: 17px;
  47. margin: -8px 0 0 -8px;
  48. overflow: hidden;
  49. background: url(marker.png) no-repeat;
  50. }