farbtastic.css

Same filename in other branches
  1. 7.x misc/farbtastic/farbtastic.css
  2. 8.9.x core/assets/vendor/farbtastic/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

core/assets/vendor/farbtastic/farbtastic.css

View source 
  1. .farbtastic {

  2.   position: relative;

  3. }

  4. .farbtastic * {

  5.   position: absolute;

  6.   cursor: crosshair;

  7. }

  8. .farbtastic, .farbtastic .wheel {

  9.   width: 195px;

  10.   height: 195px;

  11. }

  12. .farbtastic .color, .farbtastic .overlay {

  13.   top: 47px;

  14.   left: 47px;

  15.   width: 101px;

  16.   height: 101px;

  17. }

  18. .farbtastic .wheel {

  19.   background: url(wheel.png) no-repeat;

  20.   width: 195px;

  21.   height: 195px;

  22. }

  23. .farbtastic .overlay {

  24.   background: url(mask.png) no-repeat;

  25. }

  26. .farbtastic .marker {

  27.   width: 17px;

  28.   height: 17px;

  29.   margin: -8px 0 0 -8px;

  30.   overflow: hidden; 

  31.   background: url(marker.png) no-repeat;

  32. }

  33.

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.