.sprite { width: 32px; height: 32px; position: absolute; } .animate { background-position: left bottom !important; } .spriteUtils { position: absolute; -webkit-transform: scale(0.7); transform: scale(0.7); transform-origin: 0; } .flower { width: 32px; height: 32px; background: url(../img/objectlayer.png) 125px -29px; } .item_item_schatz { background: url(../img/items.png) -220px -91px; width: 30px; background-size: 500px; margin-left: 5px; margin-top: 5px; } .tree1 { width: 60px; height: 60px; z-index: 110 !important; background: url(../img/objectlayer.png) 315px -70px; } .stone1 { width: 32px; height: 35px; background: url(../img/objectlayer.png) 158px -65px; } .default_ship { width: 70px; position: relative; top: -24px; left: -33px; } .guy { width: 32px; height: 32px; position: relative; top: -13px; left: -13px; background: url(../img/guy_sprite.png) 0px 0px; -webkit-transform: scale(0.7); transform: scale(0.7); transform-origin: 0; } /* Items */ .item_boots_boots1 { background: url(../img/items.png) 0px -95px; width: 30px; background-size: 500px; margin-left: 5px; margin-top: 5px; } .item_boots_boots2 { background: url(../img/items.png) -32px -95px; width: 30px; background-size: 500px; margin-left: 5px; margin-top: 5px; } .item_boots_boots3 { background: url(../img/items.png) -64px -94px; width: 30px; background-size: 500px; margin-left: 5px; margin-top: 5px; } .item_boots_boots4 { background: url(../img/items.png) -96px -95px; width: 30px; background-size: 500px; margin-left: 5px; margin-top: 5px; } .item_boots_boots5 { background: url(../img/items.png) -125px -94px; width: 30px; background-size: 500px; margin-left: 5px; margin-top: 5px; } .item_tool_axe1 { background: url(../img/items.png) 0px -208px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_tool_axe2 { background: url(../img/items.png) -28px -208px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_tool_axe3 { background: url(../img/items.png) -60px -208px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_tool_axe4 { background: url(../img/items.png) -90px -208px; width: 30px; background-size: 477px; margin-left: 5px; margin-top: 5px; } .item_tool_axe5 { background: url(../img/items.png) -119px -208px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_head_head1 { background: url(../img/items.png) -1px 0px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_head_head2 { background: url(../img/items.png) -30px 0px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_head_head3 { background: url(../img/items.png) -60px 0px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_head_head4 { background: url(../img/items.png) -90px 0px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_head_head5 { background: url(../img/items.png) -120px 0px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_legs_legs1 { background: url(../img/items.png) 0px -59px; width: 30px; background-size: 480px; margin-left: 5px; margin-top: 5px; } .item_legs_legs5 { background: url(../img/items.png) -120px -59px; width: 30px; background-size: 480px; margin-left: 5px; margin-top: 5px; } .item_legs_legs4 { background: url(../img/items.png) -90px -59px; width: 30px; background-size: 480px; margin-left: 5px; margin-top: 5px; } .item_legs_legs3 { background: url(../img/items.png) -60px -59px; width: 30px; background-size: 480px; margin-left: 5px; margin-top: 5px; } .item_legs_legs2 { background: url(../img/items.png) -30px -59px; width: 30px; background-size: 480px; margin-left: 5px; margin-top: 5px; } .item_chest_chest1 { background: url(../img/items.png) 0px -28px; width: 30px; background-size: 480px; margin-left: 5px; margin-top: 5px; } .item_chest_chest2 { background: url(../img/items.png) -30px -28px; width: 30px; background-size: 480px; margin-left: 5px; margin-top: 5px; } .item_chest_chest3 { background: url(../img/items.png) -59px -28px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_chest_chest4 { background: url(../img/items.png) -89px -28px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_chest_chest5 { background: url(../img/items.png) -120px -28px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_weapon_sword1 { background: url(../img/items.png) 0px -120px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_weapon_sword2 { background: url(../img/items.png) -29px -120px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_weapon_sword3 { background: url(../img/items.png) -60px -120px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_weapon_sword4 { background: url(../img/items.png) -90px -120px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_weapon_sword5 { background: url(../img/items.png) -120px -120px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_item_spaten3 { background: url(../img/items.png) -59px -149px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_weapon_stick1 { background: url(../img/items.png) -150px -91px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_item_bone0 { background: url(../img/items.png) -356px -29px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_item_seemen0 { background: url(../img/items.png) -266px 1px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_consumable_fish1 { background: url(../img/items.png) -268px -146px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_consumable_fish2 { background: url(../img/items.png) -298px -148px; width: 30px; background-size: 476px; margin-left: 5px; margin-top: 5px; } .item_item_dimond1 { background: url(../img/items.png) -350px -150px; width: 50px; background-size: 800px; opacity: 25%; } .item_item_woods1 { background: url(../img/items.png) -349px -33px; width: 30px; background-size: 506px; margin-left: 5px; margin-top: 5px; } /* Slot Imgs */ .slot_head { background: url(../img/items.png) -100px 0px; width: 50px; background-size: 800px; opacity: 25%; } .slot_chest { background: url(../img/items.png) -50px -48px; width: 50px; background-size: 800px; opacity: 25%; } .slot_legs { background: url(../img/items.png) -50px -98px; width: 50px; background-size: 800px; opacity: 25%; } .slot_boots { background: url(../img/items.png) -50px -150px; width: 50px; background-size: 800px; opacity: 25%; } .slot_weapon { background: url(../img/items.png) 0px -200px; width: 50px; background-size: 800px; opacity: 25%; } .slot_tool { background: url(../img/items.png) 0px -348px; width: 50px; background-size: 800px; opacity: 25%; } .slot_item { background: url(../img/items.png) -350px -150px; width: 50px; background-size: 800px; opacity: 25%; } /* Guy */ .guy1-0-0 { background: url(../img/guy_sprite.png) 0px 0px; } .guy1-0-1 { background: url(../img/guy_sprite.png) -32px 0px; } .guy1-0-2 { background: url(../img/guy_sprite.png) -64px 0px; } .guy0--1-0 { background: url(../img/guy_sprite.png) 0px -32px; } .guy0--1-1 { background: url(../img/guy_sprite.png) -32px -32px; } .guy0--1-2 { background: url(../img/guy_sprite.png) -64px -32px; } .guy0-1-0 { background: url(../img/guy_sprite.png) 0px 192px; } .guy0-1-1 { background: url(../img/guy_sprite.png) -32px 192px; } .guy0-1-2 { background: url(../img/guy_sprite.png) -64px 192px; } .guy-1-0-0 { background: url(../img/guy_sprite.png) 0px 160px; } .guy-1-0-1 { background: url(../img/guy_sprite.png) -32px 160px; } .guy-1-0-2 { background: url(../img/guy_sprite.png) -64px 160px; } .guy-1--1-0 { background: url(../img/guy_sprite.png) -96px 224px; } .guy-1--1-1 { background: url(../img/guy_sprite.png) -128px 224px; } .guy-1--1-2 { background: url(../img/guy_sprite.png) -160px 224px; } .guy-1-1-0 { background: url(../img/guy_sprite.png) -96px 160px; } .guy-1-1-1 { background: url(../img/guy_sprite.png) -128px 160px; } .guy-1-1-2 { background: url(../img/guy_sprite.png) -160px 160px; } .guy1-1-0 { background: url(../img/guy_sprite.png) -96px -64px; } .guy1-1-1 { background: url(../img/guy_sprite.png) -128px -64px; } .guy1-1-2 { background: url(../img/guy_sprite.png) -160px -64px; } .guy1--1-0 { background: url(../img/guy_sprite.png) -96px 0px; } .guy1--1-1 { background: url(../img/guy_sprite.png) -128px 0px; } .guy1--1-2 { background: url(../img/guy_sprite.png) -160px 0px; } #main { -webkit-transform: scale(1.5); transform: scale(2); transform-origin: 0; } .fass { width: 32px; height: 43px; background: url(../img/objectlayer.png) 157px -18px; } .forest { width: 46px; height: 46px; background: url(../img/ground_tiles.png) -135px -17px; } .treasure-closed { width: 34px; height: 36px; background: url(../img/chest.png) 95px -221px; } .treasure-open { width: 34px; height: 36px; background: url(../img/chest.png) 55px -213px; } .water { background: url(../img/ground_tiles.png) 192px 254px; } .sandhaufen { background: url(../img/ground_tiles.png) 125px -121px; } .erdhaufen { background: url(../img/ground_tiles.png) 125px -197px; } .water_1 { background: url(../img/ground_tiles.png) -1px -1px; } .water_2 { background: url(../img/ground_tiles.png) -98px -1px; } .ground { background: url(../img/ground_tiles.png) 640px 541px; } .leftRight_1 { background: url(../img/ground_tiles.png) 224px 285px; } .leftRight_2 { background: url(../img/ground_tiles.png) 224px 414px; } .leftRight_3 { background: url(../img/ground_tiles.png) 224px 541px; } .leftRight_5 { background: url(../img/ground_tiles.png) 414px 544px; } .grass { background: url(../img/ground_tiles.png) 640px 635px; } .leftRightT_1 { background: url(../img/ground_tiles.png) 192px 317px; } .leftRightTT_1 { background: url(../img/ground_tiles.png) 224px 253px; } .leftRightT_2 { background: url(../img/ground_tiles.png) 192px 445px; } .leftRightT_3 { background: url(../img/ground_tiles.png) 160px 510px; } .leftRightT_5 { background: url(../img/ground_tiles.png) 383px 540px; } .topDown_1 { background: url(../img/ground_tiles.png) 256px 253px; } .topDown_2 { background: url(../img/ground_tiles.png) 252px 381px; } .topDown_3 { background: url(../img/ground_tiles.png) 256px 509px; } .topDown_5 { background: url(../img/ground_tiles.png) 448px 509px; } .rightLeft_1 { background: url(../img/ground_tiles.png) 288px 285px; } .rightLeft_2 { background: url(../img/ground_tiles.png) 288px 413px; } .rightLeft_3 { background: url(../img/ground_tiles.png) 288px 541px; } .rightLeft_5 { background: url(../img/ground_tiles.png) 480px 541px; } .rightLeftT_1 { background: url(../img/ground_tiles.png) 160px 317px; } .rightLeftTT_1 { background: url(../img/ground_tiles.png) 288px 254px; } .rightLeftT_2 { background: url(../img/ground_tiles.png) 160px 445px; } .rightLeftT_3 { background: url(../img/ground_tiles.png) 192px 509px; } .rightLeftT_5 { background: url(../img/ground_tiles.png) 352px 541px; } .downTop_1 { background: url(../img/ground_tiles.png) 256px 317px; } .downTop_2 { background: url(../img/ground_tiles.png) 256px 445px; } .downTop_3 { background: url(../img/ground_tiles.png) 256px 573px; } .downTop_5 { background: url(../img/ground_tiles.png) 448px 573px; } .rightLeftB_1 { background: url(../img/ground_tiles.png) 192px 285px; } .rightLeftBB_1 { background: url(../img/ground_tiles.png) 224px 317px; } .leftRightB_1 { background: url(../img/ground_tiles.png) 160px 285px; } .leftRightBB_1 { background: url(../img/ground_tiles.png) 288px 317px; } .leftRightB_2 { background: url(../img/ground_tiles.png) 192px 413px; } .leftRightB_3 { background: url(../img/ground_tiles.png) 160px 541px; } .leftRightB_5 { background: url(../img/ground_tiles.png) 383px 509px; } .rightLeftB_2 { background: url(../img/ground_tiles.png) 160px 413px; } .rightLeftB_3 { background: url(../img/ground_tiles.png) 192px 541px; } .rightLeftB_5 { background: url(../img/ground_tiles.png) 352px 509px; } .rightLeftBU_2 { background: url(../img/ground_tiles.png) 288px 445px; } .rightLeftBU_3 { background: url(../img/ground_tiles.png) 288px 573px; } .rightLeftBU_5 { background: url(../img/ground_tiles.png) 480px 573px; } .leftRightBU_2 { background: url(../img/ground_tiles.png) 224px 445px; } .leftRightBU_3 { background: url(../img/ground_tiles.png) 224px 573px; } .leftRightBU_5 { background: url(../img/ground_tiles.png) 416px 573px; } .rightLeftTU_2 { background: url(../img/ground_tiles.png) 224px 381px; } .rightLeftTU_3 { background: url(../img/ground_tiles.png) 224px 509px; } .rightLeftTU_5 { background: url(../img/ground_tiles.png) 416px 509px; } .leftRightTU_2 { background: url(../img/ground_tiles.png) 288px 381px; } .leftRightTU_3 { background: url(../img/ground_tiles.png) 288px 509px; } .leftRightTU_5 { background: url(../img/ground_tiles.png) 480px 509px; }