classes: spritesmith add pets

Gruntfile.js

@@ -3,9 +3,10 @@ module.exports = function(grunt) {
   grunt.initConfig({
     sprite:{
       all: {
-        src: 'img/sprites/images/*.png',
-        destImg: 'img/sprites/spritesmith.png',
-        destCSS: 'css/spritesmith.css',
+        src: 'img/sprites/spritesmith/**/*.png',
+        destImg: 'dist/spritesmith.png',
+        destCSS: 'dist/spritesmith.css',
+        algorithm: 'binary-tree',
         cssOpts: {
           'cssClass': function (item) {
             return '.sprite-' + item.name;
@@ -30,7 +31,7 @@ module.exports = function(grunt) {
             "css/achievements.css",
             "css/backer.css",
             "css/customizer.css",
-            "css/spritesmith.css"
+            "dist/spritesmith.css"
           ]
         }
       }

css/pet_sprites.css

@@ -1,99 +1,2 @@
-.Pet-Wolf-Zombie, .Pet-Wolf-White, .Pet-Wolf-Veteran, .Pet-Wolf-Skeleton, .Pet-Wolf-Shade, .Pet-Wolf-Red, .Pet-Wolf-Golden, .Pet-Wolf-Desert, .Pet-Wolf-CottonCandyPink, .Pet-Wolf-CottonCandyBlue, .Pet-TigerCub-Zombie, .Pet-TigerCub-White, .Pet-TigerCub-Skeleton, .Pet-TigerCub-Shade, .Pet-TigerCub-Red, .Pet-TigerCub-Golden, .Pet-TigerCub-Desert, .Pet-TigerCub-CottonCandyPink, .Pet-TigerCub-CottonCandyBlue, .Pet-TigerCub-Base, .Pet-PolarBearCub-Base, .Pet-PandaCub-Zombie, .Pet-PandaCub-White, .Pet-PandaCub-Skeleton, .Pet-PandaCub-Shade, .Pet-PandaCub-Red, .Pet-PandaCub-Golden, .Pet-PandaCub-Desert, .Pet-PandaCub-CottonCandyPink, .Pet-PandaCub-CottonCandyBlue, .Pet-PandaCub-Base, .Pet-LionCub-Zombie, .Pet-LionCub-White, .Pet-LionCub-Skeleton, .Pet-LionCub-Shade, .Pet-LionCub-Red, .Pet-LionCub-Golden, .Pet-LionCub-Desert, .Pet-LionCub-CottonCandyPink, .Pet-LionCub-CottonCandyBlue, .Pet-LionCub-Base, .Pet-Fox-Zombie, .Pet-Fox-White, .Pet-Fox-Skeleton, .Pet-Fox-Shade, .Pet-Fox-Red, .Pet-Fox-Golden, .Pet-Fox-Desert, .Pet-Fox-CottonCandyPink, .Pet-Fox-CottonCandyBlue, .Pet-Fox-Base, .Pet-FlyingPig-Zombie, .Pet-FlyingPig-White, .Pet-FlyingPig-Skeleton, .Pet-FlyingPig-Shade, .Pet-FlyingPig-Red, .Pet-FlyingPig-Golden, .Pet-FlyingPig-Desert, .Pet-FlyingPig-CottonCandyPink, .Pet-FlyingPig-CottonCandyBlue, .Pet-FlyingPig-Base, .Pet-Dragon-Zombie, .Pet-Dragon-White, .Pet-Dragon-Skeleton, .Pet-Dragon-Shade, .Pet-Dragon-Red, .Pet-Dragon-Golden, .Pet-Dragon-Desert, .Pet-Dragon-CottonCandyPink, .Pet-Dragon-CottonCandyBlue, .Pet-Dragon-Base, .Pet-Cactus-Skeleton, .Pet-Cactus-Red, .Pet-Cactus-Zombie, .Pet-Cactus-Shade, .Pet-Cactus-Golden, .Pet-Cactus-White, .Pet-Cactus-CottonCandyPink, .Pet-Cactus-CottonCandyBlue, .Pet-Cactus-Desert, .Pet-Cactus-Base, .Pet-BearCub-Zombie, .Pet-BearCub-White, .Pet-BearCub-Skeleton, .Pet-BearCub-Shade, .Pet-BearCub-Red, .Pet-BearCub-Golden, .Pet-BearCub-Desert, .Pet-BearCub-CottonCandyPink, .Pet-BearCub-CottonCandyBlue, .Pet-BearCub-Base, .Pet-Wolf-Base, .Pet-Turkey-Base {background: url("../img/sprites/pet_sprites.png") no-repeat}
-
-.Pet-Wolf-Zombie {background-position: 0 0; width: 81px; height: 99px}
-.Pet-Wolf-White {background-position: -81px 0; width: 81px; height: 99px}
-.Pet-Wolf-Veteran {background-position: -162px 0; width: 81px; height: 99px}
-.Pet-Wolf-Skeleton {background-position: -243px 0; width: 81px; height: 99px}
-.Pet-Wolf-Shade {background-position: -324px 0; width: 81px; height: 99px}
-.Pet-Wolf-Red {background-position: -405px 0; width: 81px; height: 99px}
-.Pet-Wolf-Golden {background-position: -486px 0; width: 81px; height: 99px}
-.Pet-Wolf-Desert {background-position: -567px 0; width: 81px; height: 99px}
-.Pet-Wolf-CottonCandyPink {background-position: -648px 0; width: 81px; height: 99px}
-.Pet-Wolf-CottonCandyBlue {background-position: -729px 0; width: 81px; height: 99px}
-.Pet-TigerCub-Zombie {background-position: -810px 0; width: 81px; height: 99px}
-.Pet-TigerCub-White {background-position: -891px 0; width: 81px; height: 99px}
-.Pet-TigerCub-Skeleton {background-position: -972px 0; width: 81px; height: 99px}
-.Pet-TigerCub-Shade {background-position: -1053px 0; width: 81px; height: 99px}
-.Pet-TigerCub-Red {background-position: -1134px 0; width: 81px; height: 99px}
-.Pet-TigerCub-Golden {background-position: -1215px 0; width: 81px; height: 99px}
-.Pet-TigerCub-Desert {background-position: -1296px 0; width: 81px; height: 99px}
-.Pet-TigerCub-CottonCandyPink {background-position: -1377px 0; width: 81px; height: 99px}
-.Pet-TigerCub-CottonCandyBlue {background-position: -1458px 0; width: 81px; height: 99px}
-.Pet-TigerCub-Base {background-position: -1539px 0; width: 81px; height: 99px}
-.Pet-PolarBearCub-Base {background-position: -1620px 0; width: 81px; height: 99px}
-.Pet-PandaCub-Zombie {background-position: -1701px 0; width: 81px; height: 99px}
-.Pet-PandaCub-White {background-position: -1782px 0; width: 81px; height: 99px}
-.Pet-PandaCub-Skeleton {background-position: -1863px 0; width: 81px; height: 99px}
-.Pet-PandaCub-Shade {background-position: -1944px 0; width: 81px; height: 99px}
-.Pet-PandaCub-Red {background-position: -2025px 0; width: 81px; height: 99px}
-.Pet-PandaCub-Golden {background-position: -2106px 0; width: 81px; height: 99px}
-.Pet-PandaCub-Desert {background-position: -2187px 0; width: 81px; height: 99px}
-.Pet-PandaCub-CottonCandyPink {background-position: -2268px 0; width: 81px; height: 99px}
-.Pet-PandaCub-CottonCandyBlue {background-position: -2349px 0; width: 81px; height: 99px}
-.Pet-PandaCub-Base {background-position: -2430px 0; width: 81px; height: 99px}
-.Pet-LionCub-Zombie {background-position: -2511px 0; width: 81px; height: 99px}
-.Pet-LionCub-White {background-position: -2592px 0; width: 81px; height: 99px}
-.Pet-LionCub-Skeleton {background-position: -2673px 0; width: 81px; height: 99px}
-.Pet-LionCub-Shade {background-position: -2754px 0; width: 81px; height: 99px}
-.Pet-LionCub-Red {background-position: -2835px 0; width: 81px; height: 99px}
-.Pet-LionCub-Golden {background-position: -2916px 0; width: 81px; height: 99px}
-.Pet-LionCub-Desert {background-position: -2997px 0; width: 81px; height: 99px}
-.Pet-LionCub-CottonCandyPink {background-position: -3078px 0; width: 81px; height: 99px}
-.Pet-LionCub-CottonCandyBlue {background-position: -3159px 0; width: 81px; height: 99px}
-.Pet-LionCub-Base {background-position: -3240px 0; width: 81px; height: 99px}
-.Pet-Fox-Zombie {background-position: -3321px 0; width: 81px; height: 99px}
-.Pet-Fox-White {background-position: -3402px 0; width: 81px; height: 99px}
-.Pet-Fox-Skeleton {background-position: -3483px 0; width: 81px; height: 99px}
-.Pet-Fox-Shade {background-position: -3564px 0; width: 81px; height: 99px}
-.Pet-Fox-Red {background-position: -3645px 0; width: 81px; height: 99px}
-.Pet-Fox-Golden {background-position: -3726px 0; width: 81px; height: 99px}
-.Pet-Fox-Desert {background-position: -3807px 0; width: 81px; height: 99px}
-.Pet-Fox-CottonCandyPink {background-position: -3888px 0; width: 81px; height: 99px}
-.Pet-Fox-CottonCandyBlue {background-position: -3969px 0; width: 81px; height: 99px}
-.Pet-Fox-Base {background-position: -4050px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-Zombie {background-position: -4131px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-White {background-position: -4212px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-Skeleton {background-position: -4293px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-Shade {background-position: -4374px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-Red {background-position: -4455px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-Golden {background-position: -4536px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-Desert {background-position: -4617px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-CottonCandyPink {background-position: -4698px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-CottonCandyBlue {background-position: -4779px 0; width: 81px; height: 99px}
-.Pet-FlyingPig-Base {background-position: -4860px 0; width: 81px; height: 99px}
-.Pet-Dragon-Zombie {background-position: -4941px 0; width: 81px; height: 99px}
-.Pet-Dragon-White {background-position: -5022px 0; width: 81px; height: 99px}
-.Pet-Dragon-Skeleton {background-position: -5103px 0; width: 81px; height: 99px}
-.Pet-Dragon-Shade {background-position: -5184px 0; width: 81px; height: 99px}
-.Pet-Dragon-Red {background-position: -5265px 0; width: 81px; height: 99px}
-.Pet-Dragon-Golden {background-position: -5346px 0; width: 81px; height: 99px}
-.Pet-Dragon-Desert {background-position: -5427px 0; width: 81px; height: 99px}
-.Pet-Dragon-CottonCandyPink {background-position: -5508px 0; width: 81px; height: 99px}
-.Pet-Dragon-CottonCandyBlue {background-position: -5589px 0; width: 81px; height: 99px}
-.Pet-Dragon-Base {background-position: -5670px 0; width: 81px; height: 99px}
-.Pet-Cactus-Zombie {background-position: -5913px 0; width: 81px; height: 99px}
-.Pet-Cactus-White {background-position: -6156px 0; width: 81px; height: 99px}
-.Pet-Cactus-Skeleton {background-position: -5751px 0; width: 81px; height: 99px}
-.Pet-Cactus-Red {background-position: -5832px 0; width: 81px; height: 99px}
-.Pet-Cactus-Shade {background-position: -5994px 0; width: 81px; height: 99px}
-.Pet-Cactus-Golden {background-position: -6075px 0; width: 81px; height: 99px}
-.Pet-Cactus-Desert {background-position: -6399px 0; width: 81px; height: 99px}
-.Pet-Cactus-CottonCandyPink {background-position: -6237px 0; width: 81px; height: 99px}
-.Pet-Cactus-CottonCandyBlue {background-position: -6318px 0; width: 81px; height: 99px}
-.Pet-Cactus-Base {background-position: -6480px 0; width: 81px; height: 99px}
-.Pet-BearCub-Zombie {background-position: -6561px 0; width: 81px; height: 99px}
-.Pet-BearCub-White {background-position: -6642px 0; width: 81px; height: 99px}
-.Pet-BearCub-Skeleton {background-position: -6723px 0; width: 81px; height: 99px}
-.Pet-BearCub-Shade {background-position: -6804px 0; width: 81px; height: 99px}
-.Pet-BearCub-Red {background-position: -6885px 0; width: 81px; height: 99px}
-.Pet-BearCub-Golden {background-position: -6966px 0; width: 81px; height: 99px}
-.Pet-BearCub-Desert {background-position: -7047px 0; width: 81px; height: 99px}
-.Pet-BearCub-CottonCandyPink {background-position: -7128px 0; width: 81px; height: 99px}
-.Pet-BearCub-CottonCandyBlue {background-position: -7209px 0; width: 81px; height: 99px}
-.Pet-BearCub-Base {background-position: -7290px 0; width: 81px; height: 99px}
-.Pet-Wolf-Base {background-position: -7371px 0; width: 81px; height: 99px}
-
-.Pet-Turkey-Base {background-position: -7452px 0; width: 81px; height: 99px}
-
 .Pet-Egg {background: url("../img/sprites/egg.png") no-repeat; width: 39px; height: 42px;}
 .Gems{background: url("../img/sprites/Egg_Sprite_Sheet.png"); background-position: -57px 50px; display:inline-block; margin-right:5px;border-style:none; width: 30px; height: 30px}

css/spritesmith.css

@@ -1,942 +0,0 @@
-.sprite-armor_healer_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -90px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_healer_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7020px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_healer_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -180px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_healer_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -270px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_healer_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -360px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_rogue_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -450px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_rogue_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -540px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_rogue_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -630px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_rogue_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -720px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_rogue_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -810px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_warrior_0 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -900px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_warrior_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -990px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_warrior_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1080px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_warrior_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1170px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_warrior_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1260px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_warrior_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1350px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_wizard_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1440px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_wizard_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1530px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_wizard_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1620px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_wizard_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1710px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-armor_wizard_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1800px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_1_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1890px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_1_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -1980px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_1_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2070px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_1_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2160px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_1_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2250px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_2_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2340px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_2_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2430px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_2_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2520px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_2_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2610px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_2_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2700px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_3_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2790px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_3_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2880px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_3_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -2970px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_3_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3060px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_bangs_3_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3150px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_1_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3240px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_1_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3330px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_1_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3420px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_1_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3510px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_1_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3600px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_2_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3690px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_2_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3780px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_2_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3870px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_2_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -3960px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_2_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4050px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_3_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4140px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_3_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4230px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_3_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4320px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_3_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4410px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_3_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4500px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_4_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4590px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_4_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4680px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_4_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4770px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_4_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4860px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_4_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -4950px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_5_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5040px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_5_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5130px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_5_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5220px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_5_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5310px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_5_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5400px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_6_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5490px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_6_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5580px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_6_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5670px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_6_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5760px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_6_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5850px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_7_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -5940px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_7_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6030px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_7_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6120px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_7_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6210px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_7_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6300px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_8_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6390px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_8_blond {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6480px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_8_brown {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6570px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_8_red {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6660px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-hair_base_8_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6750px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_healer_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6840px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_healer_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -6930px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_healer_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px 0px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_healer_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7110px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_healer_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7200px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_rogue_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7290px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_rogue_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7380px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_rogue_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7470px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_rogue_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7560px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_rogue_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7650px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_warrior_0 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7740px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_warrior_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7830px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_warrior_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -7920px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_warrior_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8010px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_warrior_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8100px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_warrior_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8190px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_wizard_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8280px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_wizard_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8370px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_wizard_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8460px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_wizard_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8550px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-head_wizard_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8640px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_healer_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8730px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_healer_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8820px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_healer_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -8910px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_healer_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9000px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_healer_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9090px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_warrior_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9180px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_warrior_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9270px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_warrior_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9360px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_warrior_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9450px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-shield_warrior_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9540px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_0ff591 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9630px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_2b43f6 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9720px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_800ed0 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9810px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_98461a {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9900px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_asian {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -9990px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_black {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10080px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_c06534 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10170px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_d7a9f7 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10260px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_dead {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10350px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_ea8349 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10440px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_eb052b {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10530px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_f5d70f {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10620px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_f69922 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10710px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_ghost {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10800px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_monster {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10890px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_orc {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -10980px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_pumpkin {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11070px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_rainbow {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11160px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_shadow {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11250px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_skeleton {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11340px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_white {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11430px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-skin_zombie {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11520px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_healer_0 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11610px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_healer_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11700px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_healer_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11790px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_healer_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11880px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_healer_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -11970px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_healer_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12060px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_healer_6 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12150px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_rogue_0 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12240px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_rogue_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12330px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_rogue_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12420px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_rogue_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12510px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_rogue_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12600px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_rogue_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12690px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_rogue_6 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12780px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_warrior_0 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12870px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_warrior_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -12960px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_warrior_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13050px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_warrior_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13140px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_warrior_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13230px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_warrior_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13320px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_warrior_6 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13410px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_wizard_0 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13500px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_wizard_1 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13590px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_wizard_2 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13680px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_wizard_3 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13770px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_wizard_4 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13860px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_wizard_5 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -13950px;
-  width: 90px;
-  height: 90px;
-}
-.sprite-weapon_wizard_6 {
-  background-image: url(../img/sprites/spritesmith.png);
-  background-position: 0px -14040px;
-  width: 90px;
-  height: 90px;
-}