You are here

Home » API reference » Zircon Profile 8

farbtastic.css in Zircon Profile 8

Same filename and directory in other branches
  1. 8.0 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. 

  2. .farbtastic {

  3.   position: relative;

  4. }

  5. .farbtastic * {

  6.   position: absolute;

  7.   cursor: crosshair;

  8. }

  9. .farbtastic,

  10. .farbtastic .wheel {

  11.   width: 195px;

  12.   height: 195px;

  13. }

  14. .farbtastic .color,

  15. .farbtastic .overlay {

  16.   top: 47px;

  17.   left: 47px;

  18.   width: 101px;

  19.   height: 101px;

  20. }

  21. .farbtastic .wheel {

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

  23.   width: 195px;

  24.   height: 195px;

  25. }

  26. .farbtastic .overlay {

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

  28. }

  29. .farbtastic .marker {

  30.   width: 17px;

  31.   height: 17px;

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

  33.   overflow: hidden;

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

  35. }

  36.