User:Abcboy/Spinda/style.css

.spinda {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  vertical-align: middle;
}

.spinda-sprite, .spinda-spot {
  position: absolute;
}

.spinda-sprite {
  width: 100%;
  height: 100%;
}

.spinda-highlight {
  background: #F6E6AC;
}

.spinda-midtone {
  background: #E6D5A4;
}

.spinda-shadow {
  background: #C5B483;
}

.spinda-highlight .spinda-spot {
  background: #E0824B;
}

.spinda-midtone .spinda-spot {
  background: #E06735;
}

.spinda-shadow .spinda-spot {
  background: #B1501E;
}

.spinda-shiny .spinda-highlight .spinda-spot {
  background: #B4C55A;
}

.spinda-shiny .spinda-midtone .spinda-spot {
  background: #94A439;
}

.spinda-shiny .spinda-shadow .spinda-spot {
  background: #738318;
}

.spinda-spot-1 {
  width: 12px;
  height: 12px;
}

.spinda-spot-2 {
  width: 13px;
  height: 13px;
}

.spinda-spot-3 {
  width: 7px;
  height: 9px;
}

.spinda-spot-4 {
  width: 8px;
  height: 9px;
}