Files
habitica/website/client/assets/css/sprites/spritesmith-main-9.css
T
negue 0a691ffb4f [WIP] new client - seasonal-shop (#9018)
* extract seasonal-shop config - use summer season items (to work on)

* add suggested border to shopItems

* refactor getOfficialPinnedItems (now includes the seasonal gear)

* refactor shops.getSeasonalShop - add featured items to result - add the set to special equipment items

* feat(content): Fall 2017 seasonal gear
Also adds set keys for all prior seasonal gear.

* show item limited time (buyModal & shopItem)

* select seasonal fall sets

* WIP(seasonal-shop): placeholder Fall 2017 items

* fix lint

* sprites

* styling + fix purchase of seasonal spells

* compile sprites

* fixes: check isPinned with officialItems

* enable purchase of seasonal items for testing

* fix shop apis

* add featuredItems to market

* quest shop: add featuredItems to api

* tiem travelers shop: add featuredItems to api

* fix gear types filter

* feat(content): Fall 2017 compleat

* chore(sprites): compile

* show opened shop state (npc+background)

* add opened seasonal npc

* current seasonal users class set = purchase by gold - lock other sets of the current season

* hide event badge in seasonal shop - dot only for suggested items - cursor: pointer on shopItems

* refresh rewards column list (seasonal gear won't refresh it on purchase)

* fix duplicate seasonal gear -> remove special items from the old reward gear (which is used to reset the pinned gears)

* every current season gear is purchased by gold - prevent buyModal on locked items

* use the current event date range

* list seasonal sets by event date

* use custom method instead of updateStore to list the pinnable gear

* change daterange to 10-31

* fix start quest modal from items - disable invite quest button if a quest is already active

* toggle pin in buy-dialogs

* check if the item is not undefined/null - renamed the watch function
2017-09-20 19:28:11 -05:00

841 lines
22 KiB
CSS

.weapon_special_2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -637px;
width: 90px;
height: 90px;
}
.weapon_special_3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1027px -1480px;
width: 90px;
height: 90px;
}
.weapon_special_bardInstrument {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -728px;
width: 90px;
height: 90px;
}
.weapon_special_fencingFoil {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -910px;
width: 90px;
height: 90px;
}
.weapon_special_lunarScythe {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -1001px;
width: 90px;
height: 90px;
}
.weapon_special_mammothRiderSpear {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -1092px;
width: 90px;
height: 90px;
}
.weapon_special_nomadsScimitar {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -1274px;
width: 90px;
height: 90px;
}
.weapon_special_pageBanner {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -1365px;
width: 90px;
height: 90px;
}
.weapon_special_roguishRainbowMessage {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -1456px;
width: 90px;
height: 90px;
}
.weapon_special_skeletonKey {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -1547px;
width: 90px;
height: 90px;
}
.weapon_special_tachi {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -481px -1480px;
width: 90px;
height: 90px;
}
.weapon_special_taskwoodsLantern {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -572px -1480px;
width: 90px;
height: 90px;
}
.weapon_special_tridentOfCrashingTides {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -663px -1480px;
width: 90px;
height: 90px;
}
.weapon_warrior_0 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -754px -1480px;
width: 90px;
height: 90px;
}
.weapon_warrior_1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -845px -1480px;
width: 90px;
height: 90px;
}
.weapon_warrior_2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -936px -1480px;
width: 90px;
height: 90px;
}
.weapon_warrior_3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1118px -1480px;
width: 90px;
height: 90px;
}
.weapon_warrior_4 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1300px -1480px;
width: 90px;
height: 90px;
}
.weapon_warrior_5 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1391px -1480px;
width: 90px;
height: 90px;
}
.weapon_warrior_6 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1482px -1480px;
width: 90px;
height: 90px;
}
.weapon_wizard_0 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1573px -1480px;
width: 90px;
height: 90px;
}
.weapon_wizard_1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px 0px;
width: 90px;
height: 90px;
}
.weapon_wizard_2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -91px;
width: 90px;
height: 90px;
}
.weapon_wizard_3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -182px;
width: 90px;
height: 90px;
}
.weapon_wizard_4 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -273px;
width: 90px;
height: 90px;
}
.weapon_wizard_5 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -364px;
width: 90px;
height: 90px;
}
.weapon_wizard_6 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -455px;
width: 90px;
height: 90px;
}
.Pet_Currency_Gem {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -781px -1664px;
width: 68px;
height: 68px;
}
.Pet_Currency_Gem1x {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1840px -73px;
width: 15px;
height: 13px;
}
.Pet_Currency_Gem2x {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -1084px;
width: 30px;
height: 26px;
}
.PixelPaw-Gold {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -170px;
width: 51px;
height: 51px;
}
.PixelPaw {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -222px;
width: 51px;
height: 51px;
}
.PixelPaw002 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -274px;
width: 51px;
height: 51px;
}
.avatar_floral_healer {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1374px -1299px;
width: 99px;
height: 99px;
}
.avatar_floral_rogue {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1174px -1299px;
width: 99px;
height: 99px;
}
.avatar_floral_warrior {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -381px -1480px;
width: 99px;
height: 99px;
}
.avatar_floral_wizard {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1274px -1299px;
width: 99px;
height: 99px;
}
.empty_bottles {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1402px -1664px;
width: 64px;
height: 54px;
}
.ghost {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -1183px;
width: 90px;
height: 90px;
}
.inventory_present {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -430px;
width: 48px;
height: 51px;
}
.inventory_present_01 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -326px;
width: 48px;
height: 51px;
}
.inventory_present_02 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -378px;
width: 48px;
height: 51px;
}
.inventory_present_03 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -950px;
width: 48px;
height: 51px;
}
.inventory_present_04 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -898px;
width: 48px;
height: 51px;
}
.inventory_present_05 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -846px;
width: 48px;
height: 51px;
}
.inventory_present_06 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -794px;
width: 48px;
height: 51px;
}
.inventory_present_07 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -742px;
width: 48px;
height: 51px;
}
.inventory_present_08 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -690px;
width: 48px;
height: 51px;
}
.inventory_present_09 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -638px;
width: 48px;
height: 51px;
}
.inventory_present_10 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -586px;
width: 48px;
height: 51px;
}
.inventory_present_11 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -534px;
width: 48px;
height: 51px;
}
.inventory_present_12 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -482px;
width: 48px;
height: 51px;
}
.inventory_special_birthday {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -367px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_congrats {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -436px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_fortify {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -505px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_getwell {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -643px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_goodluck {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -712px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_greeting {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -91px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_nye {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -850px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_opaquePotion {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -160px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_seafoam {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1333px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_shinySeed {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1264px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_snowball {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1195px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_spookySparkles {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1126px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_thankyou {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1057px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_trinket {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -988px -1664px;
width: 68px;
height: 68px;
}
.inventory_special_valentine {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -919px -1664px;
width: 68px;
height: 68px;
}
.knockout {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -1397px;
width: 120px;
height: 47px;
}
.pet_key {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -574px -1664px;
width: 68px;
height: 68px;
}
.rebirth_orb {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -298px -1664px;
width: 68px;
height: 68px;
}
.seafoam_star {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -1664px;
width: 90px;
height: 90px;
}
.shop_armoire {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -229px -1664px;
width: 68px;
height: 68px;
}
.snowman {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1209px -1480px;
width: 90px;
height: 90px;
}
.zzz {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -1043px;
width: 40px;
height: 40px;
}
.zzz_light {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -1002px;
width: 40px;
height: 40px;
}
.npc_alex {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -724px;
width: 162px;
height: 138px;
}
.npc_aprilFool {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1379px -1112px;
width: 120px;
height: 120px;
}
.npc_bailey {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px 0px;
width: 60px;
height: 72px;
}
.npc_daniel {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -1141px;
width: 135px;
height: 123px;
}
.npc_ian {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1013px -1299px;
width: 75px;
height: 135px;
}
.npc_justin {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1089px -1299px;
width: 84px;
height: 120px;
}
.npc_justin_head {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1803px -73px;
width: 36px;
height: 96px;
}
.npc_matt {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -817px -1299px;
width: 195px;
height: 138px;
}
.npc_sabe {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -546px;
width: 90px;
height: 90px;
}
.npc_timetravelers {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -425px -1299px;
width: 195px;
height: 138px;
}
.npc_timetravelers_active {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -621px -1299px;
width: 195px;
height: 138px;
}
.npc_tyler {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1712px -819px;
width: 90px;
height: 90px;
}
.npc_vicky {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1474px -1299px;
width: 59px;
height: 82px;
}
.seasonalshop_closed {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -863px;
width: 162px;
height: 138px;
}
.seasonalshop_open {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -1002px;
width: 162px;
height: 138px;
}
.quest_armadillo {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -440px 0px;
width: 219px;
height: 219px;
}
.quest_atom1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -877px -1112px;
width: 250px;
height: 150px;
}
.quest_atom2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -217px -1299px;
width: 207px;
height: 138px;
}
.quest_atom3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -1299px;
width: 216px;
height: 180px;
}
.quest_axolotl {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -660px -892px;
width: 219px;
height: 219px;
}
.quest_basilist {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -191px -1480px;
width: 189px;
height: 141px;
}
.quest_beetle {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1320px -862px;
width: 204px;
height: 201px;
}
.quest_bunny {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1102px -892px;
width: 210px;
height: 186px;
}
.quest_butterfly {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -232px;
width: 219px;
height: 219px;
}
.quest_cheetah {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -220px -232px;
width: 219px;
height: 219px;
}
.quest_cow {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px 0px;
width: 174px;
height: 213px;
}
.quest_dilatory {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -660px 0px;
width: 219px;
height: 219px;
}
.quest_dilatoryDistress1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1320px -651px;
width: 210px;
height: 210px;
}
.quest_dilatoryDistress2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -573px;
width: 150px;
height: 150px;
}
.quest_dilatoryDistress3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -452px;
width: 219px;
height: 219px;
}
.quest_dilatory_derby {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -440px -232px;
width: 219px;
height: 219px;
}
.quest_dustbunnies {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -220px -452px;
width: 219px;
height: 219px;
}
.quest_egg {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -214px;
width: 165px;
height: 207px;
}
.quest_evilsanta {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -1265px;
width: 118px;
height: 131px;
}
.quest_evilsanta2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -672px;
width: 219px;
height: 219px;
}
.quest_falcon {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -880px -672px;
width: 219px;
height: 219px;
}
.quest_ferret {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -220px 0px;
width: 219px;
height: 219px;
}
.quest_frog {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -880px -892px;
width: 221px;
height: 213px;
}
.quest_ghost_stag {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1100px 0px;
width: 219px;
height: 219px;
}
.quest_goldenknight1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1100px -660px;
width: 219px;
height: 219px;
}
.quest_goldenknight2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1128px -1112px;
width: 250px;
height: 150px;
}
.quest_goldenknight3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px 0px;
width: 219px;
height: 231px;
}
.quest_gryphon {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -660px -1112px;
width: 216px;
height: 177px;
}
.quest_guineapig {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -220px -892px;
width: 219px;
height: 219px;
}
.quest_harpy {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -892px;
width: 219px;
height: 219px;
}
.quest_hedgehog {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -1112px;
width: 219px;
height: 186px;
}
.quest_hippo {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1100px -440px;
width: 219px;
height: 219px;
}
.quest_horse {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1100px -220px;
width: 219px;
height: 219px;
}
.quest_kraken {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -443px -1112px;
width: 216px;
height: 177px;
}
.quest_mayhemMistiflying1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1537px -422px;
width: 150px;
height: 150px;
}
.quest_mayhemMistiflying2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -660px -672px;
width: 219px;
height: 219px;
}
.quest_mayhemMistiflying3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -440px -672px;
width: 219px;
height: 219px;
}
.quest_monkey {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -220px -672px;
width: 219px;
height: 219px;
}
.quest_moon1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1320px 0px;
width: 216px;
height: 216px;
}
.quest_moon2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -880px -440px;
width: 219px;
height: 219px;
}
.quest_moon3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -880px -220px;
width: 219px;
height: 219px;
}
.quest_moonstone1 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -880px 0px;
width: 219px;
height: 219px;
}
.quest_moonstone2 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -660px -452px;
width: 219px;
height: 219px;
}
.quest_moonstone3 {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -440px -452px;
width: 219px;
height: 219px;
}
.quest_nudibranch {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1320px -217px;
width: 216px;
height: 216px;
}
.quest_octopus {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -220px -1112px;
width: 222px;
height: 177px;
}
.quest_owl {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -660px -220px;
width: 219px;
height: 219px;
}
.quest_peacock {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -1320px -434px;
width: 216px;
height: 216px;
}
.quest_penguin {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: 0px -1480px;
width: 190px;
height: 183px;
}
.quest_rat {
background-image: url(/static/sprites/spritesmith-main-9.png);
background-position: -440px -892px;
width: 219px;
height: 219px;
}