From 7ae059e243bbbc53a745db17b1d6b5be4eaabe10 Mon Sep 17 00:00:00 2001 From: Kalista Payne Date: Fri, 27 Mar 2026 14:44:57 -0500 Subject: [PATCH] fix(sprites): restore missing animations --- website/client/src/assets/css/sprites.css | 136 +++++++++++++++++++++- 1 file changed, 134 insertions(+), 2 deletions(-) diff --git a/website/client/src/assets/css/sprites.css b/website/client/src/assets/css/sprites.css index aa64fe9ef5..bdefa886d8 100755 --- a/website/client/src/assets/css/sprites.css +++ b/website/client/src/assets/css/sprites.css @@ -1,3 +1,68 @@ +.quest_lostMasterclasser4 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser4.gif") no-repeat; + width: 219px; + height: 219px; +} + +.quest_windup { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_windup.gif") no-repeat; + width: 219px; + height: 219px; +} + +.quest_solarSystem { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_solarSystem.gif") no-repeat; + width: 219px; + height: 219px; +} + +.quest_virtualpet { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_virtualpet.gif") no-repeat; + width: 219px; + height: 219px; +} + +.quest_alien { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_alien.gif") no-repeat; + width: 219px; + height: 219px; +} + +.Pet_HatchingPotion_Dessert, .Pet_HatchingPotion_Veggie, .Pet_HatchingPotion_Windup, +.Pet_HatchingPotion_VirtualPet, .Pet_HatchingPotion_Fungi, .Pet_HatchingPotion_Cryptid, +.Pet_HatchingPotion_Alien { + width: 68px; + height: 68px; +} + +.Pet_HatchingPotion_Dessert { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet_HatchingPotion_Dessert.gif") no-repeat; +} + +.Pet_HatchingPotion_Veggie { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet_HatchingPotion_Veggie.gif") no-repeat; +} + +.Pet_HatchingPotion_Windup { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet_HatchingPotion_Windup.gif") no-repeat; +} + +.Pet_HatchingPotion_VirtualPet { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet_HatchingPotion_VirtualPet.gif") no-repeat; +} + +.Pet_HatchingPotion_Fungi { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet_HatchingPotion_Fungi.gif") no-repeat; +} + +.Pet_HatchingPotion_Cryptid { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet_HatchingPotion_Cryptid.gif") no-repeat; +} + +.Pet_HatchingPotion_Alien { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet_HatchingPotion_Alien.gif") no-repeat; +} + .Gems { display:inline-block; margin-right:5px; @@ -26,7 +91,6 @@ margin-left: -3px; margin-top: -18px; } - .slim_armor_special_0, .broad_armor_special_0, .shield_special_0 { width: 90px; height: 90px; @@ -34,6 +98,7 @@ /* Critical */ .weapon_special_critical { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/weapon_special_critical.gif") no-repeat; width: 90px; height: 90px; margin-left:-12px; @@ -44,7 +109,6 @@ .weapon_special_1 { margin-left: -12px; } - .broad_armor_special_1, .slim_armor_special_1, .head_special_1 { width: 90px; height: 90px; @@ -53,15 +117,36 @@ .back_special_heroicAureole { width: 114px; height: 90px; + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/back_special_heroicAureole.gif") no-repeat; } +.head_special_0 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Equip-ShadeHelmet.gif") no-repeat; +} .head_special_1 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/ContributorOnly-Equip-CrystalHelmet.gif") no-repeat; margin-top: 3px; } +.broad_armor_special_0,.slim_armor_special_0 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Equip-ShadeArmor.gif") no-repeat; +} +.broad_armor_special_1,.slim_armor_special_1 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/ContributorOnly-Equip-CrystalArmor.gif") no-repeat; +} + +.shield_special_0 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Shield-TormentedSkull.gif") no-repeat; +} + +.weapon_special_0 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Weapon-DarkSoulsBlade.gif") no-repeat; +} + .Pet-Wolf-Cerberus { width: 105px; height: 72px; + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Pet-CerberusPup.gif") no-repeat; } .broad_armor_special_ks2019, .slim_armor_special_ks2019, .eyewear_special_ks2019, .head_special_ks2019, .shield_special_ks2019 { @@ -69,17 +154,36 @@ height: 120px; } +.broad_armor_special_ks2019, .slim_armor_special_ks2019 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Equip-MythicGryphonArmor.gif") no-repeat; +} + +.eyewear_special_ks2019 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Equip-MythicGryphonVisor.gif") no-repeat; +} + +.head_special_ks2019 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Equip-MythicGryphonHelm.gif") no-repeat; +} + +.shield_special_ks2019 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Equip-MythicGryphonShield.gif") no-repeat; +} + .weapon_special_ks2019 { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Equip-MythicGryphonGlaive.gif") no-repeat; width: 120px; height: 120px; } .Pet-Gryphon-Gryphatrice { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Pet-Gryphatrice.gif") no-repeat; width: 81px; height: 99px; } .Pet-Gryphatrice-Jubilant { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Pet-Gryphatrice-Jubilant.gif") no-repeat; width: 81px; height: 96px; } @@ -89,11 +193,39 @@ height: 135px; } +.Mount_Head_Gryphon-Gryphatrice { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Mount-Head-Gryphatrice.gif") no-repeat; +} + +.Mount_Body_Gryphon-Gryphatrice { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/BackerOnly-Mount-Body-Gryphatrice.gif") no-repeat; +} + +.Mount_Head_Dragon-Hydra { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Mount_Head_Dragon-Hydra.gif") no-repeat; +} + +.Mount_Body_Dragon-Hydra { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/Mount_Body_Dragon-Hydra.gif") no-repeat; +} + .background_airship, .background_clocktower, .background_steamworks { width: 141px; height: 147px; } +.background_airship { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_airship.gif") no-repeat; +} + +.background_clocktower { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_clocktower.gif") no-repeat; +} + +.background_steamworks { + background: url("https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_steamworks.gif") no-repeat; +} + [class*="Mount_Head_"], [class*="Mount_Body_"] { margin-top:18px; /* Sprite accommodates 105x123 box */