.pan_navi_line { z-index:120; position:absolute; top:-26px; left:0px; } .pan_navi_line_item { position:relative; float:left; font-weight:bold; margin-right:-1px; background-color:#fff; padding:2px 2px; width:20px; height:20px; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; border:2px solid #885F49; border-bottom:0; } .pan_navi_line_item.number { width:14px; } .pan_navi_line_item:hover { transform:scale(1.05); background-color:#FFAF62; } .pan_navi_line_item_count { position:absolute; font-weight:bold; color:#fff; left:2px; top:2px; } .pan_navi_item_active { transform:scale(1.05); background-color:#0f0; } .pan_delete_gift { float:right; margin-left:5px; background:url(https://mff.wavecdn.net/mff/stadt/anullieren.gif); background-size:12px; width:12px; height:12px; } .pan_site_list { position:relative; float:left; margin:0px 5px; } .pan_site_list .current { position:relative; float:left; background-color:white; padding:5px; border-top:0px solid #885F49; width:20px; height:16px; text-align:center; } .pan_site_list .selector { position:relative; float:left; background-color:white; width:17px; height:26px; } .pan_site_list .selector .img { position:absolute; left:3px; border-style:solid; border-width:5px; height:0px; width:0px; } .pan_site_list .selector .img.up { top:5px; border-color:transparent transparent black transparent; } .pan_site_list .selector .img.down { top:11px; border-color:black transparent transparent transparent; } .pan_site_list .arrow { position:relative; float:left; width:20px; height:26px; background-color:#885F49; } .pan_site_list .arrow:hover { background-color:#B39056; } .pan_site_list .arrow:after { content:''; position:absolute; top:5px; border-style:solid; border-width:8px; height:0px; width:0px; } .pan_site_list .arrow.left { border-top-left-radius:2px; } .pan_site_list .arrow.left:after { left:-2px; border-color:transparent white transparent transparent; } .pan_site_list .arrow.right { border-top-right-radius:2px; } .pan_site_list .arrow.right:after { left:6px; border-color:transparent transparent transparent white; } .pan_site_list .list { display:none; position:absolute; top:26px; left:20px; width:47px; height:240px; overflow:auto; } .pan_site_list .list .line { position:relative; background-color:white; padding:5px; width:20px; border-top:1px solid #885F49; text-align:center; } @-moz-document url-prefix() { .pan_site_list .list .line { width:37px !important; } } .pan_site_list.scenes .list .line { width:20px; height:20px; } .pan_site_list .list .line:hover { background-color:#B39056; } .pan_site_list .tab { position:absolute; top:0px; left:0px; width:100%; height:100%; background-position:50% 50% !important; background-repeat:no-repeat !important; background-size:100%; } .pan_site_list .ttbox { top:0px; left:95px; white-space:nowrap; } .pan_collection_list { position:absolute; top:30px; left:-24px; width:24px; } .pan_collection_list .current { position:relative; height:50px; width:24px; overflow:hidden; } .pan_collection_list .current .back { position:absolute; top:-4px; left:-5px; width:35px !important; height:56px !important; background-size:100%; } .pan_collection_list .arrow { position:relative; width:100%; height:20px; background-color:#885F49; } .pan_collection_list .arrow:hover { background-color:#B39056; } .pan_collection_list .arrow.top { border-top-left-radius:2px; } .pan_collection_list .arrow.bottom { border-bottom-left-radius:2px; } .pan_collection_list .arrow:after { content:''; position:absolute; left:5px; border-style:solid; border-width:8px; height:0px; width:0px; } .pan_collection_list .arrow.top:after { top:-3px; border-color:transparent transparent white transparent; } .pan_collection_list .arrow.bottom:after { top:6px; border-color:white transparent transparent transparent; } #xmassheep1, #pansetshop .main .set .xmassheeps_1, #panscenes_page .xmassheeps_sheep1 { z-index:110; display:none; position:absolute; top:151px; left:8px; background:url(https://mff.wavecdn.net/mff/xmas/xmassheep1.gif); width:158px; height:251px; } #xmassheep2, #pansetshop .main .set .xmassheeps_2, #panscenes_page .xmassheeps_sheep2 { z-index:110; display:none; position:absolute; top:228px; left:169px; background:url(https://mff.wavecdn.net/mff/xmas/xmassheep2.gif); width:153px; height:219px; } #xmassheep3, #pansetshop .main .set .xmassheeps_3, #panscenes_page .xmassheeps_sheep3 { z-index:110; display:none; position:absolute; bottom:165px; left:321px; background:url(https://mff.wavecdn.net/mff/xmas/xmassheep3.gif); width:159px; height:239px; } #xmassheep4, #pansetshop .main .set .xmassheeps_4, #panscenes_page .xmassheeps_sheep4 { z-index:110; display:none; position:absolute; top:181px; right:8px; background:url(https://mff.wavecdn.net/mff/xmas/xmassheep4.gif); width:100px; height:147px; } #santaeyes, #panscenes_page .xmassheeps_add-ani1 { z-index:110; display:none; position:absolute; top:90px; left:273px; background:url(https://mff.wavecdn.net/mff/xmas/santaeyes.gif); width:33px; height:12px; } #xmassheep2_1, #pansetshop .main .set .xmassheeps2_1, #panscenes_page .xmassheeps2_sheep1 { z-index:110; display:none; position:absolute; bottom:119px; left:0px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_sheep1.gif); width:121px; height:353px; } #xmassheep2_2, #pansetshop .main .set .xmassheeps2_2, #panscenes_page .xmassheeps2_sheep2 { z-index:110; display:none; position:absolute; top:155px; left:118px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_sheep2.gif); width:219px; height:141px; } #xmassheep2_3, #pansetshop .main .set .xmassheeps2_3, #panscenes_page .xmassheeps2_sheep3 { z-index:110; display:none; position:absolute; bottom:119px; left:121px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_sheep3.gif); width:231px; height:165px; } #xmassheep2_4, #pansetshop .main .set .xmassheeps2_4, #panscenes_page .xmassheeps2_sheep4 { z-index:110; display:none; position:absolute; top:79px; right:118px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_sheep4.gif); width:140px; height:261px; } #xmassheep2_5, #pansetshop .main .set .xmassheeps2_5, #panscenes_page .xmassheeps2_sheep5 { z-index:110; display:none; position:absolute; top:121px; right:9px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_sheep5.gif); width:110px; height:205px; } #xmassheep2_6, #pansetshop .main .set .xmassheeps2_6, #panscenes_page .xmassheeps2_sheep6 { z-index:110; display:none; position:absolute; bottom:119px; right:0px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_sheep6.gif); width:240px; height:138px; } #santaeyes2, #panscenes_page .xmassheeps2_add-ani1 { z-index:110; display:none; position:absolute; top:111px; right:117px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_santa_blink.gif); width:32px; height:9px; } #fallingstar, #panscenes_page .xmassheeps2_add-ani2 { z-index:110; display:none; position:absolute; top:0px; left:77px; background:url(https://mff.wavecdn.net/mff/xmas/xmas2_falling_star.gif); width:218px; height:116px; } #xmassheep3_1, #pansetshop .main .set .xmassheeps3_1, #panscenes_page .xmassheeps3_sheep1 { z-index:110; display:none; position:absolute; top:36px; left:9px; background:url(https://mff.wavecdn.net/mff/xmas/xmas3_sheep1.gif); width:108px; height:248px; } #xmassheep3_2, #pansetshop .main .set .xmassheeps3_2, #panscenes_page .xmassheeps3_sheep2 { z-index:110; display:none; position:absolute; top:71px; left:122px; background:url(https://mff.wavecdn.net/mff/xmas/xmas3_sheep2.gif); width:194px; height:405px; } #xmassheep3_3, #pansetshop .main .set .xmassheeps3_3, #panscenes_page .xmassheeps3_sheep3 { z-index:110; display:none; position:absolute; bottom:128px; right:23px; background:url(https://mff.wavecdn.net/mff/xmas/xmas3_sheep3.gif); width:254px; height:386px; } #xmassheep3_4, #pansetshop .main .set .xmassheeps3_4, #panscenes_page .xmassheeps3_sheep4 { z-index:110; display:none; position:absolute; top:127px; right:8px; background:url(https://mff.wavecdn.net/mff/xmas/xmas3_sheep4.gif); width:156px; height:122px; } #xmassheep4_1, #pansetshop .main .set .xmassheeps4_1, #panscenes_page .xmassheeps4_sheep1 { z-index:110; display:none; position:absolute; bottom:119px; left:0px; background:url(https://mff.wavecdn.net/mff/xmas/xmas4_sheep1.gif); width:326px; height:150px; } #xmassheep4_2, #pansetshop .main .set .xmassheeps4_2, #panscenes_page .xmassheeps4_sheep2 { z-index:110; display:none; position:absolute; bottom:127px; right:17px; background:url(https://mff.wavecdn.net/mff/xmas/xmas4_sheep2.gif); width:225px; height:175px; } #xmassheep4_3, #pansetshop .main .set .xmassheeps4_3, #panscenes_page .xmassheeps4_sheep3 { z-index:110; display:none; position:absolute; bottom:302px; right:79px; background:url(https://mff.wavecdn.net/mff/xmas/xmas4_sheep3.gif); width:122px; height:144px; } #xmassheep4_4, #pansetshop .main .set .xmassheeps4_4, #panscenes_page .xmassheeps4_sheep4 { z-index:110; display:none; position:absolute; top:57px; left:8px; background:url(https://mff.wavecdn.net/mff/xmas/xmas4_sheep4.gif); width:106px; height:224px; } #xmassheep4_5, #pansetshop .main .set .xmassheeps4_5, #panscenes_page .xmassheeps4_sheep5 { z-index:110; display:none; position:absolute; top:158px; right:281px; background:url(https://mff.wavecdn.net/mff/xmas/xmas4_sheep5.gif); width:160px; height:167px; } #xmassheep4_6, #pansetshop .main .set .xmassheeps4_6, #panscenes_page .xmassheeps4_sheep6 { z-index:110; display:none; position:absolute; top:0px; right:122px; background:url(https://mff.wavecdn.net/mff/xmas/xmas4_sheep6.gif); width:184px; height:149px; } #xmassheep5_1, #pansetshop .main .set .xmassheeps5_1, #panscenes_page .xmassheeps5_sheep1 { z-index:110; display:none; position:absolute; bottom:302px; left:231px; background:url(https://mff.wavecdn.net/mff/xmas/xmas5_sheep1.gif); width:165px; height:113px; } #xmassheep5_2, #pansetshop .main .set .xmassheeps5_2, #panscenes_page .xmassheeps5_sheep2 { z-index:110; display:none; position:absolute; top:64px; left:235px; background:url(https://mff.wavecdn.net/mff/xmas/xmas5_sheep2.gif); width:168px; height:97px; } #xmassheep5_3, #pansetshop .main .set .xmassheeps5_3, #panscenes_page .xmassheeps5_sheep3 { z-index:110; display:none; position:absolute; bottom:310px; right:52px; background:url(https://mff.wavecdn.net/mff/xmas/xmas5_sheep3.gif); width:128px; height:107px; } #xmassheep5_4, #pansetshop .main .set .xmassheeps5_4, #panscenes_page .xmassheeps5_sheep4 { z-index:110; display:none; position:absolute; bottom:127px; left:52px; background:url(https://mff.wavecdn.net/mff/xmas/xmas5_sheep4.gif); width:469px; height:159px; } #xmassheep5_5, #pansetshop .main .set .xmassheeps5_5, #panscenes_page .xmassheeps5_sheep5 { z-index:110; display:none; position:absolute; top:47px; left:20px; background:url(https://mff.wavecdn.net/mff/xmas/xmas5_sheep5.gif); width:80px; height:91px; } #snowcastle, #panscenes_page .xmassheeps5_add-ani1 { z-index:110; display:none; position:absolute; top:8px; left:9px; background:url(https://mff.wavecdn.net/mff/xmas/xmas5_sheep5_static.jpg) 100% 100%; width:216px; height:296px; } #xmassheep6_1, #pansetshop .main .set .xmassheeps6_1, #panscenes_page .xmassheeps6_sheep1 { z-index:110; display:none; position:absolute; bottom:197px; left:29px; background:url(https://mff.wavecdn.net/mff/xmas/IceSkatingSheeps_02_FrightenedSheep.gif); width:142px; height:133px; } #xmassheep6_2, #pansetshop .main .set .xmassheeps6_2, #panscenes_page .xmassheeps6_sheep2 { z-index:110; display:none; position:absolute; top:224px; left:191px; background:url(https://mff.wavecdn.net/mff/xmas/IceSkatingSheeps_03_PirouetteSheep.gif); width:152px; height:166px; } #xmassheep6_3, #pansetshop .main .set .xmassheeps6_3, #panscenes_page .xmassheeps6_sheep3 { z-index:110; display:none; position:absolute; top:94px; left:139px; background:url(https://mff.wavecdn.net/mff/xmas/IceSkatingSheeps_04_ClumsySheep.gif); width:127px; height:127px; } #xmassheep6_4, #pansetshop .main .set .xmassheeps6_4, #panscenes_page .xmassheeps6_sheep4 { z-index:110; display:none; position:absolute; bottom:127px; right:9px; background:url(https://mff.wavecdn.net/mff/xmas/IceSkatingSheeps_05_SmallSheepAndPenguin.gif); width:212px; height:139px; } #xmassheep6_5, #pansetshop .main .set .xmassheeps6_5, #panscenes_page .xmassheeps6_sheep5 { z-index:110; display:none; position:absolute; top:54px; left:270px; background:url(https://mff.wavecdn.net/mff/xmas/IceSkatingSheeps_06_ZamboniSheep.gif); width:217px; height:123px; } #xmassheep6_6, #pansetshop .main .set .xmassheeps6_6, #panscenes_page .xmassheeps6_sheep6 { z-index:110; display:none; position:absolute; top:177px; right:8px; background:url(https://mff.wavecdn.net/mff/xmas/IceSkatingSheeps_07_HandSkatingSheep.gif); width:239px; height:152px; } #xmassheep7_1, #pansetshop .main .set .xmassheeps7_1, #panscenes_page .xmassheeps7_sheep1 { z-index:110; display:none; position:absolute; bottom:255px; left:11px; background:url(https://mff.wavecdn.net/mff/olympia/Skilift_Sheeps_05_ScaredSheep.gif); width:125px; height:168px; } #xmassheep7_2, #pansetshop .main .set .xmassheeps7_2, #panscenes_page .xmassheeps7_sheep2 { z-index:110; display:none; position:absolute; top:249px; left:179px; background:url(https://mff.wavecdn.net/mff/olympia/Skilift_Sheeps_04_FreezingSheep.gif); width:61px; height:97px; } #xmassheep7_3, #pansetshop .main .set .xmassheeps7_3, #panscenes_page .xmassheeps7_sheep3 { z-index:110; display:none; position:absolute; top:196px; left:366px; background:url(https://mff.wavecdn.net/mff/olympia/Skilift_Sheeps_03_PhoneSheep.gif); width:92px; height:130px; } #xmassheep7_4, #pansetshop .main .set .xmassheeps7_4, #panscenes_page .xmassheeps7_sheep4 { z-index:110; display:none; position:absolute; bottom:238px; right:233px; background:url(https://mff.wavecdn.net/mff/olympia/Skilift_Sheeps_02_AngrySheep.gif); width:82px; height:185px; } #xmassheep7_5, #pansetshop .main .set .xmassheeps7_5, #panscenes_page .xmassheeps7_sheep5 { z-index:110; display:none; position:absolute; top:239px; right:9px; background:url(https://mff.wavecdn.net/mff/olympia/Skilift_Sheeps_01_HangingSheep.gif); width:117px; height:225px; } #xmassheep8_1, #pansetshop .main .set .xmassheeps8_1, #panscenes_page .xmassheeps8_sheep1 { z-index:110; display:none; position:absolute; bottom:329px; left:215px; background:url(https://mff.wavecdn.net/mff/xmas/xmas8_6.gif); width:81px; height:67px; } #xmassheep8_2, #pansetshop .main .set .xmassheeps8_2, #panscenes_page .xmassheeps8_sheep2 { z-index:110; display:none; position:absolute; top:224px; left:434px; background:url(https://mff.wavecdn.net/mff/xmas/xmas8_5.gif); width:107px; height:83px; } #xmassheep8_3, #pansetshop .main .set .xmassheeps8_3, #panscenes_page .xmassheeps8_sheep3 { z-index:110; display:none; position:absolute; top:250px; left:311px; background:url(https://mff.wavecdn.net/mff/xmas/xmas8_4.gif); width:76px; height:106px; } #xmassheep8_4, #pansetshop .main .set .xmassheeps8_4, #panscenes_page .xmassheeps8_sheep4 { z-index:110; display:none; position:absolute; bottom:119px; right:89px; background:url(https://mff.wavecdn.net/mff/xmas/xmas8_3.gif); width:116px; height:132px; } #xmassheep8_5, #pansetshop .main .set .xmassheeps8_5, #panscenes_page .xmassheeps8_sheep5 { z-index:110; display:none; position:absolute; top:317px; left:180px; background:url(https://mff.wavecdn.net/mff/xmas/xmas8_2.gif); width:114px; height:159px; } #xmassheep8_6, #pansetshop .main .set .xmassheeps8_6, #panscenes_page .xmassheeps8_sheep6 { z-index:110; display:none; position:absolute; top:24px; right:350px; background:url(https://mff.wavecdn.net/mff/xmas/xmas8_1.gif); width:93px; height:113px; } #xmassheep9_1, #pansetshop .main .set .xmassheeps9_1, #panscenes_page .xmassheeps9_sheep1 { z-index:110; display:none; position:absolute; top:0px; right:30px; background:url(https://mff.wavecdn.net/mff/xmas/xmas9_1.gif); width:193px; height:186px; } #xmassheep9_2, #pansetshop .main .set .xmassheeps9_2, #panscenes_page .xmassheeps9_sheep2 { z-index:110; display:none; position:absolute; top:49px; left:122px; background:url(https://mff.wavecdn.net/mff/xmas/xmas9_2.gif); width:118px; height:127px; } #xmassheep9_3, #pansetshop .main .set .xmassheeps9_3, #panscenes_page .xmassheeps9_sheep3 { z-index:110; display:none; position:absolute; top:219px; left:153px; background:url(https://mff.wavecdn.net/mff/xmas/xmas9_3.gif); width:93px; height:139px; } #xmassheep9_4, #pansetshop .main .set .xmassheeps9_4, #panscenes_page .xmassheeps9_sheep4 { z-index:110; display:none; position:absolute; bottom:340px; right:223px; background:url(https://mff.wavecdn.net/mff/xmas/xmas9_4.gif); width:123px; height:123px; } #xmassheep9_5, #pansetshop .main .set .xmassheeps9_5, #panscenes_page .xmassheeps9_sheep5 { z-index:110; display:none; position:absolute; top:255px; left:337px; background:url(https://mff.wavecdn.net/mff/xmas/xmas9_5.gif); width:100px; height:127px; } #snowfall, #panscenes_page .xmassheeps9_add-ani1 { z-index:1; display:none; position:absolute; top:82px; right:129px; background:url(https://mff.wavecdn.net/mff/xmas/Snowglobe_Snow.gif); width:346px; height:315px; } #xmassheep13_1, #pansetshop .main .set .xmassheeps13_1, #panscenes_page .xmassheeps13_sheep1 { z-index:110; display:none; position:absolute; top:230px; right:0px; background:url(https://mff.wavecdn.net/mff/olympia/xmas13_1.gif); width:146px; height:154px; } #xmassheep13_2, #pansetshop .main .set .xmassheeps13_2, #panscenes_page .xmassheeps13_sheep2 { z-index:110; display:none; position:absolute; top:282px; left:232px; background:url(https://mff.wavecdn.net/mff/olympia/xmas13_2.gif); width:107px; height:129px; } #xmassheep13_3, #pansetshop .main .set .xmassheeps13_3, #panscenes_page .xmassheeps13_sheep3 { z-index:110; display:none; position:absolute; top:184px; left:102px; background:url(https://mff.wavecdn.net/mff/olympia/xmas13_3.gif); width:76px; height:109px; } #xmassheep13_4, #pansetshop .main .set .xmassheeps13_4, #panscenes_page .xmassheeps13_sheep4 { z-index:110; display:none; position:absolute; bottom:358px; right:146px; background:url(https://mff.wavecdn.net/mff/olympia/xmas13_4.gif); width:62px; height:79px; } #xmassheep13_5, #pansetshop .main .set .xmassheeps13_5, #panscenes_page .xmassheeps13_sheep5 { z-index:110; display:none; position:absolute; top:0px; left:218px; background:url(https://mff.wavecdn.net/mff/olympia/xmas13_5.gif); width:72px; height:148px; } #xmassheep13_6, #pansetshop .main .set .xmassheeps13_6, #panscenes_page .xmassheeps13_sheep6 { z-index:110; display:none; position:absolute; top:158px; left:305px; background:url(https://mff.wavecdn.net/mff/olympia/xmas13_6.gif); width:60px; height:97px; } #pyramiderotate, #panscenes_page .xmassheeps14_add-ani1 { z-index:110; display:none; position:absolute; top:28px; right:8px; background:url(https://mff.wavecdn.net/mff/xmas/xmastree2021_Pyramide.gif); width:64px; height:26px; } #xmassheep14_1, #pansetshop .main .set .xmassheeps14_1, #panscenes_page .xmassheeps14_sheep1 { z-index:110; display:none; position:absolute; top:auto; bottom:119px; left:0px; background:url(https://mff.wavecdn.net/mff/xmas/xmastree2021_Photo_Sheep.gif); width:209px; height:238px; } #xmassheep14_2, #pansetshop .main .set .xmassheeps14_2, #panscenes_page .xmassheeps14_sheep2 { z-index:110; display:none; position:absolute; top:115px; left:273px; background:url(https://mff.wavecdn.net/mff/xmas/xmastree2021_Cookie_Sheep.gif); width:84px; height:92px; } #xmassheep14_3, #pansetshop .main .set .xmassheeps14_3, #panscenes_page .xmassheeps14_sheep3 { z-index:110; display:none; position:absolute; top:115px; right:62px; background:url(https://mff.wavecdn.net/mff/xmas/xmastree2021_Grandma_Sheep.gif); width:119px; height:181px; } #xmassheep14_4, #pansetshop .main .set .xmassheeps14_4, #panscenes_page .xmassheeps14_sheep4 { z-index:110; display:none; position:absolute; bottom:146px; right:132px; background:url(https://mff.wavecdn.net/mff/xmas/xmastree2021_Present_Sheep.gif); width:157px; height:135px; } #xmassheep14_5, #pansetshop .main .set .xmassheeps14_5, #panscenes_page .xmassheeps14_sheep5 { z-index:110; display:none; position:absolute; top:213px; left:215px; background:url(https://mff.wavecdn.net/mff/xmas/xmastree2021_Flute_Sheep.gif); width:81px; height:136px; } #xmassheep15_1, #pansetshop .main .set .xmassheeps15_1, #panscenes_page .xmassheeps15_sheep1 { z-index:110; display:none; position:absolute; top:110px; left:245px; width:107px; height:111px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_HockeySheep_1Goaly_107x111.png); animation:xmassheeps15_1_ani 1.5s steps(22) infinite; } #xmassheep15_2, #pansetshop .main .set .xmassheeps15_2, #panscenes_page .xmassheeps15_sheep2 { z-index:110; display:none; position:absolute; top:120px; left:70px; width:74px; height:108px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_HockeySheep_4Tennisbat_74x108.png); animation:xmassheeps15_2_ani 1.5s steps(22) infinite; } #xmassheep15_3, #pansetshop .main .set .xmassheeps15_3, #panscenes_page .xmassheeps15_sheep3 { z-index:110; display:none; position:absolute; top:120px; right:70px; width:105px; height:116px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_HockeySheep_6Slip_105x116.png); animation:xmassheeps15_3_ani 1.5s steps(14) infinite; } #xmassheep15_4, #pansetshop .main .set .xmassheeps15_4, #panscenes_page .xmassheeps15_sheep4 { z-index:110; display:none; position:absolute; bottom:200px; left:50px; width:118px; height:147px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_HockeySheep_3Slip_118x147.png); animation:xmassheeps15_4_ani 1s steps(12) infinite; } #xmassheep15_5, #pansetshop .main .set .xmassheeps15_5, #panscenes_page .xmassheeps15_sheep5 { z-index:110; display:none; position:absolute; bottom:200px; right:50px; width:154px; height:189px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_HockeySheep_5Cheer_154x189.png); animation:xmassheeps15_5_ani 1.5s steps(18) infinite; } #xmassheep15_6, #pansetshop .main .set .xmassheeps15_6, #panscenes_page .xmassheeps15_sheep6 { z-index:110; display:none; position:absolute; bottom:135px; left:165px; width:256px; height:199px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_HockeySheep_2Miss_256x199.png); animation:xmassheeps15_6_ani 1.5s steps(18) infinite; } @keyframes xmassheeps15_1_ani { 100% { background-position:-2354px; } } @keyframes xmassheeps15_2_ani { 100% { background-position:-1628px; } } @keyframes xmassheeps15_3_ani { 100% { background-position:-1470px; } } @keyframes xmassheeps15_4_ani { 100% { background-position:-1416px; } } @keyframes xmassheeps15_5_ani { 100% { background-position:-2772px; } } @keyframes xmassheeps15_6_ani { 100% { background-position:-4608px; } } #xmas_mall_head, #panscenes_page .xmassheeps16_add-ani1 { z-index:110; display:none; position:absolute; top:102px; left:278px; width:58px; height:82px; background:url(https://mff.wavecdn.net/mff/xmas/Santa_Head_mall2.gif); } #xmas_mall_hands, #panscenes_page .xmassheeps16_add-ani2 { z-index:110; display:none; position:absolute; top:203px; left:336px; width:35px; height:39px; background:url(https://mff.wavecdn.net/mff/xmas/Santa_Hand_mall.gif); } #xmassheep16_1, #pansetshop .main .set .xmassheeps16_1, #mallsheep1, #pansetshop .main .set .mallsheeps1, #panscenes_page .xmassheeps16_sheep1 { z-index:110; display:none; position:absolute; top:51px; left:70px; width:126px; height:175px; background:url(https://mff.wavecdn.net/mff/xmas/mall_Decorating_Sheep.gif); } #xmassheep16_2, #pansetshop .main .set .xmassheeps16_2, #mallsheep2, #pansetshop .main .set .mallsheeps2, #panscenes_page .xmassheeps16_sheep2 { z-index:110; display:none; position:absolute; top:125px; right:38px; width:134px; height:160px; background:url(https://mff.wavecdn.net/mff/xmas/mall_Photo_Sheep.gif); } #xmassheep16_3, #pansetshop .main .set .xmassheeps16_3, #mallsheep3, #pansetshop .main .set .mallsheeps3, #panscenes_page .xmassheeps16_sheep3 { z-index:110; display:none; position:absolute; bottom:125px; left:8px; width:194px; height:216px; background:url(https://mff.wavecdn.net/mff/xmas/mall_MotherandKid_Sheep.gif); } #xmassheep16_4, #pansetshop .main .set .xmassheeps16_4, #mallsheep4, #pansetshop .main .set .mallsheeps4, #panscenes_page .xmassheeps16_sheep4 { z-index:110; display:none; position:absolute; bottom:127px; right:28px; width:281px; height:169px; background:url(https://mff.wavecdn.net/mff/xmas/mall_Letter_Sheep.gif); } #xmassheep16_5, #pansetshop .main .set .xmassheeps16_5, #mallsheep5, #pansetshop .main .set .mallsheeps5, #panscenes_page .xmassheeps16_sheep5 { z-index:110; display:none; position:absolute; top:184px; left:245px; width:85px; height:110px; background:url(https://mff.wavecdn.net/mff/xmas/mall_Excited_Sheep.gif); } #xmassheep17_1, #pansetshop .main .set .xmassheeps17_1, #panscenes_page .xmassheeps17_sheep1 { z-index:110; display:none; position:absolute; top:152px; left:231px; width:52px; height:64px; background:url(https://mff.wavecdn.net/mff/olympia/Watching_Sheep.gif); } #xmassheep17_2, #pansetshop .main .set .xmassheeps17_2, #panscenes_page .xmassheeps17_sheep2 { z-index:110; display:none; position:absolute; top:166px; left:10px; width:110px; height:144px; background:url(https://mff.wavecdn.net/mff/olympia/Waiting_Sheep.gif); } #xmassheep17_3, #pansetshop .main .set .xmassheeps17_3, #panscenes_page .xmassheeps17_sheep3 { z-index:110; display:none; position:absolute; top:207px; right:164px; width:100px; height:81px; background:url(https://mff.wavecdn.net/mff/olympia/Sleigh_Sheep.gif); } #xmassheep17_4, #pansetshop .main .set .xmassheeps17_4, #panscenes_page .xmassheeps17_sheep4 { z-index:110; display:none; position:absolute; bottom:421px; right:46px; width:97px; height:135px; background:url(https://mff.wavecdn.net/mff/olympia/Sitting_Sheep.gif); } #xmassheep17_5, #pansetshop .main .set .xmassheeps17_5, #panscenes_page .xmassheeps17_sheep5 { z-index:110; display:none; position:absolute; bottom:164px; left:154px; width:165px; height:134px; background:url(https://mff.wavecdn.net/mff/olympia/Fallen_Sheep.gif); } #xmassheep17_6, #pansetshop .main .set .xmassheeps17_6, #panscenes_page .xmassheeps17_sheep6 { z-index:110; display:none; position:absolute; top:34px; left:94px; width:105px; height:115px; background:url(https://mff.wavecdn.net/mff/olympia/Snowboard_Sheep.gif); } #xmassheep18_1, #pansetshop .main .set .xmassheeps18_1, #mallsheep6, #pansetshop .main .set .mallsheeps6, #panscenes_page .xmassheeps18_sheep1 { z-index:110; display:none; position:absolute; bottom:119px; right:0px; width:213px; height:216px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkasten_Christmas23_Sprite_Sheep_Drinking.png); animation:xmassheep18_1_ani 3s steps(60) infinite; } @keyframes xmassheep18_1_ani { 100% { background-position:-12780px; } } #xmassheep18_2, #pansetshop .main .set .xmassheeps18_2, #mallsheep7, #pansetshop .main .set .mallsheeps7, #panscenes_page .xmassheeps18_sheep2 { z-index:110; display:none; position:absolute; top:31px; left:267px; width:136px; height:248px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkasten_Christmas23_Sprite_Sheep_Elevator.png); animation:xmassheep18_2_ani 3s steps(60) infinite; } @keyframes xmassheep18_2_ani { 100% { background-position:-8160px; } } #xmassheep18_3, #pansetshop .main .set .xmassheeps18_3, #mallsheep8, #pansetshop .main .set .mallsheeps8, #panscenes_page .xmassheeps18_sheep3 { z-index:110; display:none; position:absolute; top:27px; right:18px; width:159px; height:223px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkasten_Christmas23_Sprite_Sheep_Escalator.png); animation:xmassheep18_3_ani 3s steps(60) infinite; } @keyframes xmassheep18_3_ani { 100% { background-position:-9540px; } } #xmassheep18_4, #pansetshop .main .set .xmassheeps18_4, #mallsheep9, #pansetshop .main .set .mallsheeps9, #panscenes_page .xmassheeps18_sheep4 { z-index:110; display:none; position:absolute; top:110px; left:136px; width:100px; height:157px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkasten_Christmas23_Sprite_Sheep_Gift.png); animation:xmassheep18_4_ani 3s steps(60) infinite; } @keyframes xmassheep18_4_ani { 100% { background-position:-6000px; } } #xmassheep18_5, #pansetshop .main .set .xmassheeps18_5, #mallsheep10, #pansetshop .main .set .mallsheeps10, #panscenes_page .xmassheeps18_sheep5 { z-index:110; display:none; position:absolute; bottom:139px; left:9px; width:150px; height:233px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkasten_Christmas23_Sprite_Sheep_Shopping.png); animation:xmassheep18_5_ani 3s steps(60) infinite; } @keyframes xmassheep18_5_ani { 100% { background-position:-9000px; } } #xmassheeps18_elevator_glow1, #panscenes_page .xmassheeps18_add-ani1 { z-index:110; display:none; position:absolute; top:270px; left:178px; width:84px; height:86px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkasten_Christmas23_Sprite_Escalator_1.png); animation:xmassheeps18_elevator_glow1_ani 3s steps(60) infinite; } @keyframes xmassheeps18_elevator_glow1_ani { 100% { background-position:-5040px; } } #xmassheep19_1, #pansetshop .main .set .xmassheeps19_1, #panscenes_page .xmassheeps19_sheep1 { z-index:110; display:none; position:absolute; top:45px; left:250px; width:88px; height:96px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_CurlingSheep1_88x96.png); animation:xmassheep19_1_ani 1s steps(16) infinite; } @keyframes xmassheep19_1_ani { 100% { background-position:-1408px; } } #xmassheep19_2, #pansetshop .main .set .xmassheeps19_2, #panscenes_page .xmassheeps19_sheep2 { z-index:110; display:none; position:absolute; bottom:200px; left:50px; width:109px; height:149px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_CurlingSheep2_109x149.png); animation:xmassheep19_2_ani 1s steps(12) infinite; } @keyframes xmassheep19_2_ani { 100% { background-position:-1308px; } } #xmassheep19_3, #pansetshop .main .set .xmassheeps19_3, #panscenes_page .xmassheeps19_sheep3 { z-index:110; display:none; position:absolute; top:85px; right:35px; width:160px; height:110px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_CurlingSheep3_160x110.png); animation:xmassheep19_3_ani 2s steps(30) infinite; } @keyframes xmassheep19_3_ani { 100% { background-position:-4800px; } } #xmassheep19_4, #pansetshop .main .set .xmassheeps19_4, #panscenes_page .xmassheeps19_sheep4 { z-index:110; display:none; position:absolute; bottom:150px; right:85px; width:131px; height:185px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_CurlingSheep4_131x214.png); animation:xmassheep19_4_ani 1s steps(16) infinite; } @keyframes xmassheep19_4_ani { 100% { background-position:-2096px; } } #xmassheep19_5, #pansetshop .main .set .xmassheeps19_5, #panscenes_page .xmassheeps19_sheep5 { z-index:110; display:none; position:absolute; top:39px; left:37px; width:82px; height:119px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_CurlingSheep5.gif); } #xmassheep19_6, #pansetshop .main .set .xmassheeps19_6, #panscenes_page .xmassheeps19_sheep6 { z-index:110; display:none; position:absolute; top:160px; left:230px; width:101px; height:116px; background:url(https://mff.wavecdn.net/mff/olympia/Setzkastenszene_CurlingSheep6_101x116.png); animation:xmassheep19_6_ani 1s steps(16) infinite; } @keyframes xmassheep19_6_ani { 100% { background-position:-1616px; } } #xmassheep20_1, #pansetshop .main .set .xmassheeps20_1, #mallsheep11, #pansetshop .main .set .mallsheeps11, #panscenes_page .xmassheeps20_sheep1 { z-index:110; display:none; position:absolute; top:221px; left:17px; width:95px; height:155px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkastenszene_MallSheep1_95x155.png); animation:xmassheep20_1_ani 2s steps(31) infinite; } @keyframes xmassheep20_1_ani { 100% { background-position:-2945px; } } #xmassheep20_2, #pansetshop .main .set .xmassheeps20_2, #mallsheep12, #pansetshop .main .set .mallsheeps12, #panscenes_page .xmassheeps20_sheep2 { z-index:110; display:none; position:absolute; top:176px; left:104px; width:84px; height:132px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkastenszene_MallSheep2_84x132.png); animation:xmassheep20_2_ani 2s steps(31) infinite; } @keyframes xmassheep20_2_ani { 100% { background-position:-2604px; } } #xmassheep20_3, #pansetshop .main .set .xmassheeps20_3, #mallsheep13, #pansetshop .main .set .mallsheeps13, #panscenes_page .xmassheeps20_sheep3 { z-index:110; display:none; position:absolute; top:190px; left:180px; width:154px; height:272px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkastenszene_MallSheep3_154x272.png); animation:xmassheep20_3_ani 2s steps(31) infinite; } @keyframes xmassheep20_3_ani { 100% { background-position:-4774px; } } #xmassheep20_4, #pansetshop .main .set .xmassheeps20_4, #mallsheep14, #pansetshop .main .set .mallsheeps14, #panscenes_page .xmassheeps20_sheep4 { z-index:110; display:none; position:absolute; top:219px; right:166px; width:73px; height:58px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkastenszene_MallSheep4_73x58.png); animation:xmassheep20_4_ani 2s steps(31) infinite; } @keyframes xmassheep20_4_ani { 100% { background-position:-2263px; } } #xmassheep20_5, #pansetshop .main .set .xmassheeps20_5, #mallsheep15, #pansetshop .main .set .mallsheeps15, #panscenes_page .xmassheeps20_sheep5 { z-index:110; display:none; position:absolute; top:211px; right:8px; width:84px; height:101px; background:url(https://mff.wavecdn.net/mff/xmas/Setzkastenszene_MallSheep5_84x101.png); animation:xmassheep20_5_ani 2s steps(31) infinite; } @keyframes xmassheep20_5_ani { 100% { background-position:-2604px; } } #panscenes_page .xmassheeps20_add-ani1 { z-index:110; display:none; position:absolute; top:265px; left:109px; width:60px; height:87px; background:url(https://mff.wavecdn.net/mff/xmas/xmas24_schnurr.png); } #xmassheep21_1, #pansetshop .main .set .xmassheeps21_1, #panscenes_page .xmassheeps21_sheep1 { z-index:110; display:none; position:absolute; top:235px; left:8px; width:130px; height:139px; background:url(https://mff.wavecdn.net/mff/olympia/ski24_Setzkastenszene_SkiingSheep1_130x139.png); animation:xmassheep21_1_ani 2s steps(61) infinite; } @keyframes xmassheep21_1_ani { 100% { background-position:-7930px; } } #xmassheep21_2, #pansetshop .main .set .xmassheeps21_2, #panscenes_page .xmassheeps21_sheep2 { z-index:110; display:none; position:absolute; top:195px; left:130px; width:175px; height:273px; background:url(https://mff.wavecdn.net/mff/olympia/ski24_Setzkastenszene_SkiingSheep2_175x273.png); animation:xmassheep21_2_ani 2s steps(61) infinite; } @keyframes xmassheep21_2_ani { 100% { background-position:-10675px; } } #xmassheep21_3, #pansetshop .main .set .xmassheeps21_3, #panscenes_page .xmassheeps21_sheep3 { z-index:110; display:none; position:absolute; top:145px; right:0px; width:273px; height:299px; background:url(https://mff.wavecdn.net/mff/olympia/ski24_Setzkastenszene_SkiingSheep3_273x299.png); animation:xmassheep21_3_ani 2s steps(61) infinite; } @keyframes xmassheep21_3_ani { 100% { background-position:-16653px; } } #xmassheep21_4, #pansetshop .main .set .xmassheeps21_4, #panscenes_page .xmassheeps21_sheep4 { z-index:110; display:none; position:absolute; top:45px; right:105px; width:61px; height:98px; background:url(https://mff.wavecdn.net/mff/olympia/ski24_Setzkastenszene_SkiingSheep4_61x98.png); animation:xmassheep21_4_ani 2s steps(61) infinite; } @keyframes xmassheep21_4_ani { 100% { background-position:-3721px; } } #xmassheep21_5, #pansetshop .main .set .xmassheeps21_5, #panscenes_page .xmassheeps21_sheep5 { z-index:110; display:none; position:absolute; top:75px; left:45px; width:81px; height:109px; background:url(https://mff.wavecdn.net/mff/olympia/ski24_Setzkastenszene_SkiingSheep5_81x109.png); animation:xmassheep21_5_ani 2s steps(61) infinite; } @keyframes xmassheep21_5_ani { 100% { background-position:-4941px; } } #beachsheep1, #pansetshop .main .set .beachsheep1, #panscenes_page .beachsheeps_sheep1 { z-index:110; display:none; position:absolute; bottom:132px; right:14px; width:207px; height:157px; background:url(https://mff.wavecdn.net/mff/beach/Mastermind22_Sheep1_SunningSheep_Spritesheet_207x157.png); animation:beachsheep1_ani 1.5s steps(22) infinite; } #beachsheep2, #pansetshop .main .set .beachsheep2, #panscenes_page .beachsheeps_sheep2 { z-index:111; display:none; position:absolute; bottom:132px; left:58px; width:196px; height:163px; background:url(https://mff.wavecdn.net/mff/beach/Mastermind22_Sheep2_SleepingSheep_Spritesheet_196x163.png); animation:beachsheep2_ani 2.5s steps(37) infinite; } #beachsheep3, #pansetshop .main .set .beachsheep3, #panscenes_page .beachsheeps_sheep3 { z-index:110; display:none; position:absolute; top:7px; right:14px; width:212px; height:204px; background:url(https://mff.wavecdn.net/mff/beach/Mastermind22_Sheep3_DiggingSheep_Spritesheet_212x204.png); animation:beachsheep3_ani 1.5s steps(20) infinite; } #beachsheep4, #pansetshop .main .set .beachsheep4, #panscenes_page .beachsheeps_sheep4 { z-index:110; display:none; position:absolute; top:55px; left:227px; width:139px; height:145px; background:url(https://mff.wavecdn.net/mff/beach/Mastermind22_Sheep4_IceCreamMerchant_Spritesheet_139x145.png); animation:beachsheep4_ani 2s steps(30) infinite; } #beachsheep5, #pansetshop .main .set .beachsheep5, #panscenes_page .beachsheeps_sheep5 { z-index:110; display:none; position:absolute; bottom:275px; left:260px; width:112px; height:122px; background:url(https://mff.wavecdn.net/mff/beach/Mastermind22_Sheep5_SunscreenSheep_Spritesheet_112x122.png); animation:beachsheep5_ani 2s steps(29) infinite; } #beachsheep6, #pansetshop .main .set .beachsheep6, #panscenes_page .beachsheeps_sheep6 { z-index:110; display:none; position:absolute; top:27px; left:7px; width:211px; height:269px; background:url(https://mff.wavecdn.net/mff/beach/Mastermind22_Sheep6_AirMattress_Spritesheet_211x269.png); animation:beachsheep6_ani 2.5s steps(38) infinite; } #beachsheep7, #pansetshop .main .set .beachsheep7, #panscenes_page .beachsheeps_sheep7 { z-index:111; display:none; position:absolute; bottom:140px; right:81px; width:105px; height:144px; background:url(https://mff.wavecdn.net/mff/beach/SchafsKnobelei23_Sheep6_BabySheep_Spritesheet_105x144.png); animation:beachsheep7_ani 2s steps(24) infinite; } #beachsheep8, #pansetshop .main .set .beachsheep8, #panscenes_page .beachsheeps_sheep8 { z-index:111; display:none; position:absolute; bottom:125px; left:7px; width:330px; height:167px; background:url(https://mff.wavecdn.net/mff/beach/SchafsKnobelei23_Sheep1_BeachballSheep_Spritesheet_330x167.png); animation:beachsheep8_ani 2s steps(25) infinite; } #beachsheep9, #pansetshop .main .set .beachsheep9, #panscenes_page .beachsheeps_sheep9 { z-index:110; display:none; position:absolute; top:7px; left:212px; width:126px; height:131px; background:url(https://mff.wavecdn.net/mff/beach/SchafsKnobelei23_Sheep4_LiveSaverSheep_Spritesheet_126x131.png); animation:beachsheep9_ani 4s steps(40) infinite; } #beachsheep10, #pansetshop .main .set .beachsheep10, #panscenes_page .beachsheeps_sheep10 { z-index:110; display:none; position:absolute; top:35px; right:28px; width:151px; height:104px; background:url(https://mff.wavecdn.net/mff/beach/SchafsKnobelei23_Sheep2_RelaxingSheep_Spritesheet_151x104.png); animation:beachsheep10_ani 2.5s steps(28) infinite; } #beachsheep11, #pansetshop .main .set .beachsheep11, #panscenes_page .beachsheeps_sheep11 { z-index:110; display:none; position:absolute; top:25px; left:12px; width:132px; height:127px; background:url(https://mff.wavecdn.net/mff/beach/SchafsKnobelei23_Sheep3_SnorkelingSheep_Spritesheet_132x127.png); animation:beachsheep11_ani 3.5s steps(35) infinite; } #beachsheep12, #pansetshop .main .set .beachsheep12, #panscenes_page .beachsheeps_sheep12 { z-index:110; display:none; position:absolute; top:192px; left:7px; width:578px; height:106px; background:url(https://mff.wavecdn.net/mff/beach/SchafsKnobelei23_Sheep5_SwimmerSheep_Spritesheet_578x106.png); animation:beachsheep12_ani 8s steps(80) infinite; } #beachsheep13, #pansetshop .main .set .beachsheep13, #panscenes_page .beachsheeps_sheep13 { z-index:110; display:none; position:absolute; top:34px; left:267px; width:91px; height:137px; background:url(https://mff.wavecdn.net/mff/beach/beach2025_IceEating_SpriteSheet_91x137.png); animation:beachsheep13_ani 2s steps(60) infinite; } #beachsheep14, #pansetshop .main .set .beachsheep14, #panscenes_page .beachsheeps_sheep14 { z-index:110; display:none; position:absolute; top:48px; left:123px; width:105px; height:88px; background:url(https://mff.wavecdn.net/mff/beach/beach2025_IceSelling_SpriteSheet_105x88.png); animation:beachsheep14_ani 2s steps(60) infinite; } #beachsheep15, #pansetshop .main .set .beachsheep15, #panscenes_page .beachsheeps_sheep15 { z-index:110; display:none; position:absolute; top:75px; right:61px; width:127px; height:139px; background:url(https://mff.wavecdn.net/mff/beach/beach2025_Reading_SpriteSheet_127x139.png); animation:beachsheep15_ani 2s steps(60) infinite; } #beachsheep16, #pansetshop .main .set .beachsheep16, #panscenes_page .beachsheeps_sheep16 { z-index:110; display:none; position:absolute; top:238px; right:26px; width:176px; height:154px; background:url(https://mff.wavecdn.net/mff/beach/beach2025_SandCastle_SpriteSheet_176x154.png); animation:beachsheep16_ani 2s steps(60) infinite; } #beachsheep17, #pansetshop .main .set .beachsheep17, #panscenes_page .beachsheeps_sheep17 { z-index:110; display:none; position:absolute; top:169px; left:82px; width:225px; height:253px; background:url(https://mff.wavecdn.net/mff/beach/beach2025_SandwichSeagull_SpriteSheet_225x253.png); animation:beachsheep17_ani 2s steps(60) infinite; } .beachsheep .ttbox { z-index:110; top:-20px; left:50%; width:120px; margin-left:-60px; text-align:center; } #beachsheep9tt.ttbox, #beachsheep10tt.ttbox, #beachsheep11tt.ttbox { top:auto; bottom:-20px; } @keyframes beachsheep1_ani { 100% { background-position:-4554px; } } @keyframes beachsheep2_ani { 100% { background-position:-7252px; } } @keyframes beachsheep3_ani { 100% { background-position:-4240px; } } @keyframes beachsheep4_ani { 100% { background-position:-4170px; } } @keyframes beachsheep5_ani { 100% { background-position:-3248px; } } @keyframes beachsheep6_ani { 100% { background-position:-8018px; } } @keyframes beachsheep7_ani { 100% { background-position:-2520px; } } @keyframes beachsheep8_ani { 100% { background-position:-8250px; } } @keyframes beachsheep9_ani { 100% { background-position:-5040px; } } @keyframes beachsheep10_ani { 100% { background-position:-4228px; } } @keyframes beachsheep11_ani { 100% { background-position:-4620px; } } @keyframes beachsheep12_ani { 100% { background-position:-46240px; } } @keyframes beachsheep13_ani { 100% { background-position:-5460px; } } @keyframes beachsheep14_ani { 100% { background-position:-6300px; } } @keyframes beachsheep15_ani { 100% { background-position:-7620px; } } @keyframes beachsheep16_ani { 100% { background-position:-10560px; } } @keyframes beachsheep17_ani { 100% { background-position:-13500px; } } .sportsheep { z-index:110; display:none; position:absolute; } #sportsheep1, #pansetshop .main .set .sportsheep_1, #panscenes_page .sportsheep_sheep1 { top:65px; left:8px; background:url(https://mff.wavecdn.net/mff/olympia/sportsheep1.gif); width:171px; height:271px; } #sportsheep2, #pansetshop .main .set .sportsheep_2, #panscenes_page .sportsheep_sheep2 { top:86px; left:183px; background:url(https://mff.wavecdn.net/mff/olympia/sportsheep2.gif); width:139px; height:207px; } #sportsheep3, #pansetshop .main .set .sportsheep_3, #panscenes_page .sportsheep_sheep3 { top:31px; left:348px; background:url(https://mff.wavecdn.net/mff/olympia/sportsheep3.gif); width:101px; height:216px; } #sportsheep4, #pansetshop .main .set .sportsheep_4, #panscenes_page .sportsheep_sheep4 { bottom:127px; left:178px; background:url(https://mff.wavecdn.net/mff/olympia/sportsheep4.gif); width:253px; height:165px; } #sportsheep5, #pansetshop .main .set .sportsheep_5, #panscenes_page .sportsheep_sheep5 { top:8px; right:9px; background:url(https://mff.wavecdn.net/mff/olympia/sportsheep5.gif); width:128px; height:306px; } #sportsheep2_1, #pansetshop .main .set .sportsheep2_1, #panscenes_page .sportsheep2_sheep1 { top:184px; left:219px; background:url(https://mff.wavecdn.net/mff/olympia/ApresSki_03_PartySheep.gif); width:80px; height:91px; } #sportsheep2_2, #pansetshop .main .set .sportsheep2_2, #panscenes_page .sportsheep2_sheep2 { top:290px; left:245px; background:url(https://mff.wavecdn.net/mff/olympia/ApresSki_01_JuggleSheep.gif); width:89px; height:82px; } #sportsheep2_3, #pansetshop .main .set .sportsheep2_3, #panscenes_page .sportsheep2_sheep3 { top:270px; left:373px; background:url(https://mff.wavecdn.net/mff/olympia/ApresSki_04_DancingSheep.gif); width:140px; height:153px; } #sportsheep2_4, #pansetshop .main .set .sportsheep2_4, #panscenes_page .sportsheep2_sheep4 { bottom:159px; left:102px; background:url(https://mff.wavecdn.net/mff/olympia/ApresSki_02a_SwayingSheep.gif); width:108px; height:124px; } #sportsheep2_5, #pansetshop .main .set .sportsheep2_5, #panscenes_page .sportsheep2_sheep5 { top:160px; right:8px; background:url(https://mff.wavecdn.net/mff/olympia/ApresSki_05_RocketSheep.gif); width:162px; height:105px; } #sportsheep2_6, #pansetshop .main .set .sportsheep2_6, #panscenes_page .sportsheep2_sheep6 { top:163px; left:134px; background:url(https://mff.wavecdn.net/mff/olympia/ApresSki_07_SparklerSheep.gif); width:89px; height:101px; } .birthdaysheep { position:absolute; bottom:0px; left:0px; width:592px; height:476px; } #birthdaysheep1, #pansetshop .main .set .birthday_1, #panscenes_page .birthdaysheeps_sheep1 { z-index:5; background:url(https://mff.wavecdn.net/mff/birthday/sheep1.gif); width:126px; height:192px; bottom:167px; left:16px; } #birthdaysheep2, #pansetshop .main .set .birthday_2, #panscenes_page .birthdaysheeps_sheep2 { z-index:4; background:url(https://mff.wavecdn.net/mff/birthday/sheep2.gif); width:129px; height:146px; bottom:263px; left:82px; } #birthdaysheep3, #pansetshop .main .set .birthday_3, #panscenes_page .birthdaysheeps_sheep3 { z-index:3; background:url(https://mff.wavecdn.net/mff/birthday/sheep3.gif); width:78px; height:109px; bottom:320px; left:124px; } #birthdaysheep4, #pansetshop .main .set .birthday_4, #panscenes_page .birthdaysheeps_sheep4 { z-index:2; background:url(https://mff.wavecdn.net/mff/birthday/sheep4.gif); width:89px; height:84px; bottom:368px; left:156px; } #birthdaysheep5, #pansetshop .main .set .birthday_5, #panscenes_page .birthdaysheeps_sheep5 { z-index:1; background:url(https://mff.wavecdn.net/mff/birthday/sheep5.gif); width:75px; height:58px; bottom:393px; left:252px; } #birthdaysheep6, #pansetshop .main .set .birthday_6, #panscenes_page .birthdaysheeps_sheep6 { z-index:2; background:url(https://mff.wavecdn.net/mff/birthday/sheep6.gif); width:90px; height:85px; bottom:373px; left:321px; } #birthdaysheep7, #pansetshop .main .set .birthday_7, #panscenes_page .birthdaysheeps_sheep7 { z-index:3; background:url(https://mff.wavecdn.net/mff/birthday/sheep7.gif); width:77px; height:125px; bottom:319px; left:393px; } #birthdaysheep8, #pansetshop .main .set .birthday_8, #panscenes_page .birthdaysheeps_sheep8 { z-index:4; background:url(https://mff.wavecdn.net/mff/birthday/sheep8.gif); width:94px; height:150px; bottom:260px; left:414px; } #birthdaysheep9, #pansetshop .main .set .birthday_9, #panscenes_page .birthdaysheeps_sheep9 { z-index:5; background:url(https://mff.wavecdn.net/mff/birthday/sheep9.gif); width:145px; height:144px; bottom:170px; left:420px; } #xmassheep10_1, #pansetshop .main .set .xmassheeps10_1, #panscenes_page .xmassheeps10_sheep1 { z-index:110; display:none; position:absolute; top:18px; right:170px; background:url(https://mff.wavecdn.net/mff/sleighparty/Spritesheets/Sheep_WUIIII_Spritesheet_60x85.png); width:60px; height:85px; animation:xmassheeps10_1_ani 2s steps(30) infinite; } @keyframes xmassheeps10_1_ani { 100% { background-position:-1800px; } } #xmassheep10_2, #pansetshop .main .set .xmassheeps10_2, #panscenes_page .xmassheeps10_sheep2 { z-index:110; display:none; position:absolute; top:68px; left:154px; background:url(https://mff.wavecdn.net/mff/sleighparty/Spritesheets/Sheep_Scared_Spritesheet_83x60.png); width:83px; height:60px; animation:xmassheeps10_2_ani 2s steps(30) infinite; } @keyframes xmassheeps10_2_ani { 100% { background-position:-2490px; } } #xmassheep10_3, #pansetshop .main .set .xmassheeps10_3, #panscenes_page .xmassheeps10_sheep3 { z-index:110; display:none; position:absolute; top:-37px; left:164px; background:url(https://mff.wavecdn.net/mff/sleighparty/Spritesheets/Sheep_HoldingOn_Spritesheet_70x62.png); width:70px; height:62px; animation:xmassheeps10_3_ani 2s steps(30) infinite; } @keyframes xmassheeps10_3_ani { 100% { background-position:-2100px; } } #xmassheep10_4, #pansetshop .main .set .xmassheeps10_4, #panscenes_page .xmassheeps10_sheep4 { z-index:110; display:none; position:absolute; bottom:-16px; right:30px; background:url(https://mff.wavecdn.net/mff/sleighparty/Spritesheets/Sheep_Lightstring_Spritesheet_79x63.png); width:79px; height:63px; animation:xmassheeps10_4_ani 2s steps(30) infinite; } @keyframes xmassheeps10_4_ani { 100% { background-position:-2370px; } } #xmassheep10_5, #pansetshop .main .set .xmassheeps10_5, #panscenes_page .xmassheeps10_sheep5 { z-index:110; display:none; position:absolute; top:13px; left:75px; background:url(https://mff.wavecdn.net/mff/sleighparty/Spritesheets/Sheep_Reindeer_Spritesheet_132x126.png); width:132px; height:126px; animation:xmassheeps10_5_ani 2s steps(30) infinite; } @keyframes xmassheeps10_5_ani { 100% { background-position:-3960px; } } #pan_mall2_box { z-index:110; display:none; position:absolute; top:7px; left:7px; width:578px; height:464px; overflow:hidden; } #pan_sledgeride_box .back { position:absolute; top:0px; left:0px; width:1400px; height:563px; background:url(https://mff.wavecdn.net/mff/sleighparty/NightSky.png); animation:sledgestarsky 20s linear infinite; } #pan_sledgeride_box { z-index:110; display:none; position:absolute; top:7px; left:7px; width:578px; height:464px; overflow:hidden; } #pan_sledgeride_box .back { position:absolute; top:0px; left:0px; width:1400px; height:563px; background:url(https://mff.wavecdn.net/mff/sleighparty/NightSky.png); animation:sledgestarsky 20s linear infinite; } @keyframes sledgestarsky { 0% { left:-700px; } 100% { left:0px; } } #pan_sledgeride_sledge { z-index:110; display:none; position:absolute; top:50px; right:20px; background:url(https://mff.wavecdn.net/mff/sleighparty/Sleigh.png); width:320px; height:245px; animation:alternate sledgeswing 1.5s ease-in-out infinite; } @keyframes sledgeswing { from { top:70px; right:5px; } to { top:50px; right:20px; } } #pan_sledgeride_sledge .lightchain { position:absolute; top:203px; right:36px; width:140px; height:96px; background:url(https://mff.wavecdn.net/mff/sleighparty/Spritesheets/Lightstring_Spritesheet_140x96.png); animation:sledge_lightchain_ani 2s steps(30) infinite; } @keyframes sledge_lightchain_ani { 100% { background-position:-4200px; } } #pan_sledgeride_sledge .packages { position:absolute; top:-44px; right:-122px; width:236px; height:176px; background:url(https://mff.wavecdn.net/mff/sleighparty/Spritesheets/Presents_Spritesheet_236x176.png); animation:sledge_packages 2s steps(22) infinite; } @keyframes sledge_packages { 100% { background-position:-5192px; } } #pan_sledgeride_horses { z-index:110; position:absolute; top:20px; left:-250px; background:url(https://mff.wavecdn.net/mff/sleighparty/Reindeer_back.png); width:378px; height:291px; animation:alternate sledgeswing2 1s ease-in-out infinite; transform-origin:378px 137px; } @keyframes sledgeswing2 { from { transform:rotate(0deg); } to { transform:rotate(5deg); } } #pan_sledgeride_horses .horsebutt { position:absolute; top:180px; left:0px; background:url(https://mff.wavecdn.net/mff/sleighparty/Reindeer_Front.png); width:172px; height:193px; animation:alternate sledge_horsebutt 1s ease-in-out infinite; } @keyframes sledge_horsebutt { from { top:180px; left:0px; } to { top:190px; left:-10px; } } #pan_sledgeride_horses .strained { position:absolute; top:190px; left:0px; background:url(https://mff.wavecdn.net/mff/sleighparty/Harness_Front.png); width:250px; height:161px; } #pan_sledgeride_horses .horse { position:absolute; top:25px; left:135px; background:url(https://mff.wavecdn.net/mff/sleighparty/Reindeer_Sheep.png); width:238px; height:263px; animation:alternate sledge_horse 1s ease-in-out infinite; } @keyframes sledge_horse { from { top:25px; left:135px; } to { top:30px; left:140px; } } #pan_sledgeride_cloud { z-index:110; display:none; position:absolute; bottom:-120px; left:-20px; width:1200px; height:300px; overflow:hidden; transform:rotate(-15deg); } #pan_sledgeride_cloud .inner { position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/sleighparty/Cloud_01.png); width:2400px; height:135px; animation:sledgecloud 2s linear infinite; } @keyframes sledgecloud { 0% { left:-1200px; } 100% { left:0px; } } #pan_sledgeride_cloud2 { z-index:110; display:none; position:absolute; bottom:190px; left:-20px; width:1200px; height:300px; overflow:hidden; transform:rotate(-15deg); } #pan_sledgeride_cloud2 .inner { position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/sleighparty/Cloud_02.png); width:2400px; height:115px; animation:sledgecloud2 3s linear infinite; } @keyframes sledgecloud2 { 0% { left:-1200px; } 100% { left:0px; } } #pan_bobsleigh_box, #pansetshop .main .set .overflowbox.xmassheeps11 { z-index:110; display:none; position:absolute; top:7px; left:7px; width:578px; height:464px; overflow:hidden; } #pansetshop .main .set .overflowbox.xmassheeps11 { display:block; left:0px; width:592px; height:470px; } #pan_bobsleigh_box .back, #pansetshop .main .set .back.xmassheeps11 { position:absolute; top:0px; left:0px; width:592px; height:476px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Bobsleigh_track.png); } #xmassheep11_1, #pansetshop .main .set .xmassheeps11_1, #panscenes_page .xmassheeps11_sheep1 { z-index:110; display:block; position:absolute; top:41px; right:95px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Spritesheets/Spritesheet_Sheep_Eating_95x90.png); width:95px; height:90px; animation:xmassheeps11_1_ani 1.5s steps(25) infinite; } @keyframes xmassheeps11_1_ani { 100% { background-position:-2375px; } } #xmassheep11_2, #pansetshop .main .set .xmassheeps11_2, #panscenes_page .xmassheeps11_sheep2 { z-index:110; display:block; position:absolute; top:0px; left:93px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Spritesheets/Spritesheet_Sheep_GoFaster_126x133.png); width:126px; height:133px; animation:xmassheeps11_2_ani 1.5s steps(25) infinite; } @keyframes xmassheeps11_2_ani { 100% { background-position:-3150px; } } #xmassheep11_3, #pansetshop .main .set .xmassheeps11_3, #panscenes_page .xmassheeps11_sheep3 { z-index:110; display:block; position:absolute; top:-75px; right:40px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Spritesheets/Spritesheet_Sheep_IcanFly_93x131.png); width:93px; height:131px; animation:xmassheeps11_3_ani 1.5s steps(25) infinite; } @keyframes xmassheeps11_3_ani { 100% { background-position:-2325px; } } #xmassheep11_4, #pansetshop .main .set .xmassheeps11_4, #panscenes_page .xmassheeps11_sheep4 { z-index:110; display:block; position:absolute; bottom:185px; right:-90px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Spritesheets/Spritesheet_Sheep_OhCrap_124x100.png); width:124px; height:100px; animation:xmassheeps11_4_ani 1.5s steps(25) infinite; } @keyframes xmassheeps11_4_ani { 100% { background-position:-3100px; } } #xmassheep11_5, #pansetshop .main .set .xmassheeps11_5, #panscenes_page .xmassheeps11_sheep5 { z-index:110; display:block; position:absolute; top:110px; right:10px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Spritesheets/Spritesheet_Sheep_WaitforMe_79x83.png); width:79px; height:83px; animation:xmassheeps11_5_ani 1.5s steps(25) infinite; } @keyframes xmassheeps11_5_ani { 100% { background-position:-1975px; } } #pan_bobsleigh_box .bobsleigh, #pansetshop .main .set .bobsleigh { position:absolute; top:160px; left:-15px; width:420px; height:286px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Bobsleigh.png); animation:alternate bobsleighswing 0.5s ease-in-out infinite; } @keyframes bobsleighswing { from { top:170px; left:-15px; } to { top:160px; left:5px; } } #pan_bobsleigh_box .bobsleigh .flyingsnow, #pansetshop .main .set .bobsleigh .flyingsnow { position:absolute; top:-20px; left:110px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Spritesheets/Spritesheet_FlyingSnow_390x289.png); width:390px; height:289px; animation:flyingsnow_ani 1s steps(13) infinite; } @keyframes flyingsnow_ani { 100% { background-position:-5070px; } } #pan_bobsleigh_box .banners, #pansetshop .main .set .banners { position:absolute; top:-10px; left:-50px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Banner_Ani.gif); width:640px; height:480px; } #pan_bobsleigh_box .snowwall, #pansetshop .main .set .snowwall { position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/bobsleigh/Snow_seamless.png); width:1662px; height:669px; animation:snowwall 0.5s linear infinite; } @keyframes snowwall { 0% { left:-831px; } 100% { left:0px; } } #xmassheep12_back { position:absolute; top:-43px; left:-54px; width:700px; height:563px; background-image:url(https://mff.wavecdn.net/mff/gingerbreadhouse/SetzkastenSzene_Christmas2020_BG.png) !important; transform:scale(0.825); } #xmassheep12_1, #pansetshop .main .set .xmassheeps12_1, #panscenes_page .xmassheeps12_sheep1 { z-index:110; display:none; position:absolute; bottom:140px; left:467px; background:url(https://mff.wavecdn.net/mff/gingerbreadhouse/Sheep_DoorEater_Spritesheet_53x85.png); width:53px; height:85px; animation:xmassheep12_1_ani 2s steps(28) infinite; } @keyframes xmassheep12_1_ani { 100% { background-position:-1484px; } } #xmassheep12_2, #pansetshop .main .set .xmassheeps12_2, #panscenes_page .xmassheeps12_sheep2 { z-index:110; display:none; position:absolute; top:100px; left:76px; background:url(https://mff.wavecdn.net/mff/gingerbreadhouse/Sheep_RoofPainter_Spritesheet_123x222.png); width:123px; height:222px; animation:xmassheep12_2_ani 2s steps(29) infinite; } @keyframes xmassheep12_2_ani { 100% { background-position:-3567px; } } #xmassheep12_3, #pansetshop .main .set .xmassheeps12_3, #panscenes_page .xmassheeps12_sheep3 { z-index:110; display:none; position:absolute; top:266px; left:201px; background:url(https://mff.wavecdn.net/mff/gingerbreadhouse/Sheep_Jumping_Spritesheet_197x245.png); width:197px; height:245px; animation:xmassheep12_3_ani 1s steps(13) infinite; } @keyframes xmassheep12_3_ani { 100% { background-position:-2561px; } } #xmassheep12_4, #pansetshop .main .set .xmassheeps12_4, #panscenes_page .xmassheeps12_sheep4 { z-index:110; display:none; position:absolute; bottom:28px; right:0px; background:url(https://mff.wavecdn.net/mff/gingerbreadhouse/Sheep_Snow_Spritesheet_197x141.png); width:197px; height:141px; animation:xmassheep12_4_ani 1.5s steps(21) infinite; } @keyframes xmassheep12_4_ani { 100% { background-position:-4137px; } } #xmassheep12_5, #pansetshop .main .set .xmassheeps12_5, #panscenes_page .xmassheeps12_sheep5 { z-index:110; display:none; position:absolute; top:0px; left:276px; background:url(https://mff.wavecdn.net/mff/gingerbreadhouse/Sheep_CottonCandy_Spritesheet_198x200.png); width:198px; height:200px; animation:xmassheep12_5_ani 2s steps(34) infinite; } @keyframes xmassheep12_5_ani { 100% { background-position:-6732px; } } .soccersheep { position:absolute; display:none; } #soccersheep1, #panscenes_page .soccersheps_sheep1 { top:14px; left:197px; background:url(https://mff.wavecdn.net/mff/em/1.gif) top left no-repeat; width:170px; height:76px; } #soccersheep2, #panscenes_page .soccersheps_sheep2 { top:102px; right:13px; background:url(https://mff.wavecdn.net/mff/em/2.gif) top left no-repeat; width:106px; height:91px; } #soccersheep3, #panscenes_page .soccersheps_sheep3 { top:110px; left:314px; background:url(https://mff.wavecdn.net/mff/em/3.gif) top left no-repeat; width:131px; height:77px; } #soccersheep4, #panscenes_page .soccersheps_sheep4 { top:86px; left:136px; background:url(https://mff.wavecdn.net/mff/em/4.gif) top left no-repeat; width:155px; height:129px; } #soccersheep5, #panscenes_page .soccersheps_sheep5 { top:126px; left:0px; background:url(https://mff.wavecdn.net/mff/em/5.gif) top left no-repeat; width:113px; height:75px; } #soccersheep6, #panscenes_page .soccersheps_sheep6 { top:200px; left:302px; background:url(https://mff.wavecdn.net/mff/em/6.gif) top left no-repeat; width:128px; height:90px; } #soccersheep7, #panscenes_page .soccersheps_sheep7 { top:210px; left:142px; background:url(https://mff.wavecdn.net/mff/em/7.gif) top left no-repeat; width:109px; height:97px; } #soccersheep8, #panscenes_page .soccersheps_sheep8 { bottom:189px; right:-40px; background:url(https://mff.wavecdn.net/mff/em/8.gif) top left no-repeat; width:194px; height:104px; } #soccersheep9, #panscenes_page .soccersheps_sheep9 { bottom:139px; left:39px; background:url(https://mff.wavecdn.net/mff/em/9.gif) top left no-repeat; width:117px; height:153px; } #soccersheep10, #panscenes_page .soccersheps_sheep10 { bottom:206px; left:300px; background:url(https://mff.wavecdn.net/mff/em/10.gif) top left no-repeat; width:110px; height:93px; } #soccersheep11, #panscenes_page .soccersheps_sheep11 { bottom:94px; left:195px; background:url(https://mff.wavecdn.net/mff/em/11.gif) top left no-repeat; width:138px; height:127px; } #soccersheep12, #panscenes_page .soccersheps_sheep12 { top:0px; right:55px; background:url(https://mff.wavecdn.net/mff/em/12.gif) top left no-repeat; width:97px; height:84px; } #soccersheep13, #panscenes_page .soccersheps_sheep13 { bottom:146px; left:209px; background:url(https://mff.wavecdn.net/mff/wm/13.gif) top left no-repeat; width:150px; height:110px; } #soccersheep14, #panscenes_page .soccersheps_sheep14 { bottom:251px; left:25px; background:url(https://mff.wavecdn.net/mff/wm/14.gif) top left no-repeat; width:109px; height:93px; } #soccersheep15, #panscenes_page .soccersheps_sheep15 { bottom:252px; right:36px; background:url(https://mff.wavecdn.net/mff/wm/15.gif) top left no-repeat; width:138px; height:93px; } #soccersheep16, #panscenes_page .soccersheps_sheep16 { bottom:258px; left:234px; background:url(https://mff.wavecdn.net/mff/wm/16.gif) top left no-repeat; width:124px; height:93px; } #soccersheep17, #panscenes_page .soccersheps_sheep17 { top:114px; right:27px; background:url(https://mff.wavecdn.net/mff/wm/17.gif) top left no-repeat; width:97px; height:116px; } #soccersheep18, #panscenes_page .soccersheps_sheep18 { top:139px; left:314px; background:url(https://mff.wavecdn.net/mff/wm/18.gif) top left no-repeat; width:127px; height:84px; } #soccersheep19, #panscenes_page .soccersheps_sheep19 { top:117px; left:158px; background:url(https://mff.wavecdn.net/mff/wm/19.gif) top left no-repeat; width:96px; height:134px; } #soccersheep20, #panscenes_page .soccersheps_sheep20 { top:141px; left:6px; background:url(https://mff.wavecdn.net/mff/wm/20.gif) top left no-repeat; width:115px; height:97px; } #soccersheep21, #panscenes_page .soccersheps_sheep21 { top:12px; right:70px; background:url(https://mff.wavecdn.net/mff/wm/21.gif) top left no-repeat; width:116px; height:99px; } #soccersheep22, #panscenes_page .soccersheps_sheep22 { top:27px; left:89px; background:url(https://mff.wavecdn.net/mff/wm/22.gif) top left no-repeat; width:89px; height:92px; } #soccersheep23, #panscenes_page .soccersheps_sheep23 { top:0px; left:244px; background:url(https://mff.wavecdn.net/mff/wm/23.gif) top left no-repeat; width:112px; height:116px; } #soccersheep_navi, #beachsheep_navi, #mallsheep_navi { z-index:111; display:none; position:absolute; top:10px; left:10px; } #soccersheep_navi .arrow, #beachsheep_navi .arrow, #mallsheep_navi .arrow { width:38px; height:30px; background-image:url(https://mff.wavecdn.net/mff/ButterflyHouse_SitchArrows_38x30.png); } #soccersheep_navi .arrow:hover, #beachsheep_navi .arrow:hover, #mallsheep_navi .arrow:hover { background-position-y:-30px; } #soccersheep_navi_up, #beachsheep_navi_up, #mallsheep_navi_up { position:absolute; top:10px; left:5px; transform:rotate(90deg); } #soccersheep_navi_down, #soccersheep_navi_bottomside, #beachsheep_navi_down, #mallsheep_navi_down { position:absolute; top:355px; left:0px; top:415px; left:5px; transform:rotate(-90deg); } #soccersheep_navi_left, #soccersheep_navi_leftside, #mallsheep_navi_left, #mallsheep_navi_leftside { position:absolute; top:10px; left:5px; } #soccersheep_navi_right, #soccersheep_navi_rightside, #mallsheep_navi_right, #mallsheep_navi_rightside { position:absolute; top:10px; left:490px; left:525px; transform:scaleX(-1); } #soccersheep_navi_upside { position:absolute; top:10px; left:45px; left:45px; transform:rotate(90deg); } #soccersheep24, #panscenes_page .soccersheps_sheep24 { top:8px; left:199px; background:url(https://mff.wavecdn.net/mff/em/24.gif); width:104px; height:88px; } #soccersheep25, #panscenes_page .soccersheps_sheep25 { top:31px; left:360px; background:url(https://mff.wavecdn.net/mff/em/25.gif); width:72px; height:83px; } #soccersheep26, #panscenes_page .soccersheps_sheep26 { top:332px; left:436px; background:url(https://mff.wavecdn.net/mff/em/26.gif); width:119px; height:84px; } #soccersheep27, #panscenes_page .soccersheps_sheep27 { top:120px; left:345px; background:url(https://mff.wavecdn.net/mff/em/27.gif); width:110px; height:66px; } #soccersheep28, #panscenes_page .soccersheps_sheep28 { top:9px; left:52px; background:url(https://mff.wavecdn.net/mff/em/28.gif); width:117px; height:112px; } #soccersheep29, #panscenes_page .soccersheps_sheep29 { top:272px; left:50px; background:url(https://mff.wavecdn.net/mff/em/29.gif); width:112px; height:196px; } #soccersheep30, #panscenes_page .soccersheps_sheep30 { top:243px; left:195px; background:url(https://mff.wavecdn.net/mff/em/30.gif); width:103px; height:111px; } #soccersheep31, #panscenes_page .soccersheps_sheep31 { top:119px; left:192px; background:url(https://mff.wavecdn.net/mff/em/31.gif); width:108px; height:82px; } #soccersheep32, #panscenes_page .soccersheps_sheep32 { top:315px; left:290px; background:url(https://mff.wavecdn.net/mff/em/32.gif); width:120px; height:91px; } #soccersheep33, #panscenes_page .soccersheps_sheep33 { top:207px; left:396px; background:url(https://mff.wavecdn.net/mff/em/33.gif); width:100px; height:71px; } #soccersheep34, #panscenes_page .soccersheps_sheep34 { top:177px; left:27px; background:url(https://mff.wavecdn.net/mff/em/34.gif); width:146px; height:83px; } #soccersheep35, #panscenes_page .soccersheps_sheep35 { top:8px; left:302px; background:url(https://mff.wavecdn.net/mff/wm/WM18_01_PopcornVendor.gif); width:183px; height:92px; } #soccersheep36, #panscenes_page .soccersheps_sheep36 { top:8px; left:485px; background:url(https://mff.wavecdn.net/mff/wm/WM18_02_PhoneSheep.gif); width:99px; height:100px; } #soccersheep37, #panscenes_page .soccersheps_sheep37 { top:170px; left:431px; background:url(https://mff.wavecdn.net/mff/wm/WM18_03_UsherSheep.gif); width:118px; height:109px; } #soccersheep38, #panscenes_page .soccersheps_sheep38 { top:179px; left:273px; background:url(https://mff.wavecdn.net/mff/wm/WM18_04_ShirtSheep.gif); width:105px; height:81px; } #soccersheep39, #panscenes_page .soccersheps_sheep39 { top:288px; left:417px; background:url(https://mff.wavecdn.net/mff/wm/WM18_05_BeerHelmetSheep.gif); width:127px; height:111px; } #soccersheep40, #panscenes_page .soccersheps_sheep40 { top:309px; left:277px; background:url(https://mff.wavecdn.net/mff/wm/WM18_06_DancingSheep.gif); width:137px; height:95px; } #soccersheep41, #panscenes_page .soccersheps_sheep41 { top:197px; left:108px; background:url(https://mff.wavecdn.net/mff/wm/WM18_07_BurgerSheep.gif); width:83px; height:86px; } #soccersheep42, #panscenes_page .soccersheps_sheep42 { top:108px; left:120px; background:url(https://mff.wavecdn.net/mff/wm/WM18_08_SitupSheep.gif); width:82px; height:90px; } #soccersheep43, #panscenes_page .soccersheps_sheep43 { top:19px; left:95px; background:url(https://mff.wavecdn.net/mff/wm/WM18_09_NailClippingSheep.gif); width:104px; height:71px; } #soccersheep44, #panscenes_page .soccersheps_sheep44 { top:252px; left:14px; background:url(https://mff.wavecdn.net/mff/wm/WM18_10_LineSheep.gif); width:82px; height:70px; } #soccersheep45, #panscenes_page .soccersheps_sheep45 { top:363px; left:8px; background:url(https://mff.wavecdn.net/mff/wm/WM18_11_Coach.gif); width:114px; height:90px; } #soccersheep46, #panscenes_page .soccersheps_sheep46 { top:176px; left:116px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Ballpump_80x143.png); width:80px; height:143px; animation:soccersheep46_ani 1s steps(14) infinite; } @keyframes soccersheep46_ani { 100% { background-position:-1120px; } } #soccersheep47, #panscenes_page .soccersheps_sheep47 { top:356px; left:71px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Bouncer_76x83.png); width:76px; height:83px; animation:soccersheep47_ani 2s steps(25) infinite; } @keyframes soccersheep47_ani { 100% { background-position:-1900px; } } #soccersheep48, #panscenes_page .soccersheps_sheep48 { top:311px; right:149px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Cheerleader_122x101.png); width:122px; height:101px; animation:soccersheep48_ani 2s steps(21) infinite; } @keyframes soccersheep48_ani { 100% { background-position:-2562px; } } #soccersheep49, #panscenes_page .soccersheps_sheep49 { top:85px; left:69px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Cleaner_108x77.png); width:108px; height:77px; animation:soccersheep49_ani 2s steps(28) infinite; } @keyframes soccersheep49_ani { 100% { background-position:-3024px; } } #soccersheep50, #panscenes_page .soccersheps_sheep50 { top:336px; right:29px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Commentator_78x79.png); width:78px; height:79px; animation:soccersheep50_ani 2s steps(21) infinite; } @keyframes soccersheep50_ani { 100% { background-position:-1638px; } } #soccersheep51, #panscenes_page .soccersheps_sheep51 { top:226px; right:94px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Filmcamera_77x131.png); width:77px; height:131px; animation:soccersheep51_ani 2s steps(21) infinite; } @keyframes soccersheep51_ani { 100% { background-position:-1617px; } } #soccersheep52, #panscenes_page .soccersheps_sheep52 { top:211px; left:26px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_HandicappedFan_99x105.png); width:99px; height:105px; animation:soccersheep52_ani 2s steps(25) infinite; } @keyframes soccersheep52_ani { 100% { background-position:-2475px; } } #soccersheep53, #panscenes_page .soccersheps_sheep53 { top:296px; left:191px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Mascot_133x133.png); width:113px; height:113px; animation:soccersheep53_ani 1s steps(13) infinite; } @keyframes soccersheep53_ani { 100% { background-position:-1469px; } } #soccersheep54, #panscenes_page .soccersheps_sheep54 { top:71px; left:256px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_Photographer_56x78.png); width:56px; height:78px; animation:soccersheep54_ani 2s steps(21) infinite; } @keyframes soccersheep54_ani { 100% { background-position:-1176px; } } #soccersheep55, #panscenes_page .soccersheps_sheep55 { top:161px; right:224px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_PlayersWife_53x83.png); width:53px; height:83px; animation:soccersheep55_ani 2s steps(28) infinite; } @keyframes soccersheep55_ani { 100% { background-position:-1484px; } } #soccersheep56, #panscenes_page .soccersheps_sheep56 { top:26px; right:119px; background:url(https://mff.wavecdn.net/mff/wm/Sheep_WrongFan_64x79.png); width:64px; height:79px; animation:soccersheep56_ani 2s steps(30) infinite; } @keyframes soccersheep56_ani { 100% { background-position:-1920px; } } #soccersheep57, #panscenes_page .soccersheps_sheep57 { top:58px; right:100px; background:url(https://mff.wavecdn.net/mff/wm/Setzkastenszene_Soccer24_Sheep1.gif); width:108px; height:126px; } #soccersheep58, #panscenes_page .soccersheps_sheep58 { top:154px; left:19px; background:url(https://mff.wavecdn.net/mff/wm/Setzkastenszene_Soccer24_Sheep2.gif); width:203px; height:202px; } #soccersheep59, #panscenes_page .soccersheps_sheep59 { top:4px; left:142px; background:url(https://mff.wavecdn.net/mff/wm/Setzkastenszene_Soccer24_Sheep3.gif); width:97px; height:64px; } #soccersheep60, #panscenes_page .soccersheps_sheep60 { top:254px; right:224px; background:url(https://mff.wavecdn.net/mff/wm/Setzkastenszene_Soccer24_Sheep4.gif); width:97px; height:155px; } #soccersheep61, #panscenes_page .soccersheps_sheep61 { top:280px; right:66px; background:url(https://mff.wavecdn.net/mff/wm/Setzkastenszene_Soccer24_Sheep5.gif); width:151px; height:144px; } .noflickr_container { } .noflickr { /* image-rendering: optimizeSpeed; STOP SMOOTHING, GIVE ME SPEED */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ transform:rotate(0.05deg); } #mastermind_transp { display:none; z-index:40; } #mastermind { display:none; z-index:40; position:absolute; top:50px; left:50%; margin-left:-320px; width:640px; height:560px; background:url(https://mff.wavecdn.net/mff/wm/mastermind_back2.jpg); color:#000; border:2px solid #885F49; border-radius:5px; } #mastermind.beach { background:url(https://mff.wavecdn.net/mff/beach/mastermind_back4.png); } #mastermind_log { position:relative; margin-top:92px; margin-left:38px; margin-bottom:18px; } .mastermind_log_line { margin-bottom:18px; } #mastermind_line { position:relative; margin-bottom:20px; margin-left:38px; } .mastermind_line_item, .mastermind_log_item { position:relative; float:left; width:70px; height:70px; margin-right:0px; } #mastermind_line_button, .mastermind_line_button { position:relative; float:left; background:url(https://mff.wavecdn.net/mff/wm/mastermind_check.png) 0 0; width:90px; height:90px; margin-top:-10px; margin-right:10px; } #mastermind_line_button:hover { background-position:90px 0; } #mastermind_select { display:none; position:relative; background:url(https://mff.wavecdn.net/mff/wm/mastermin_select_back.png); width:468px; height:209px; left:45px; top:-30px; } #mastermind.beach #mastermind_select { background-image:url(https://mff.wavecdn.net/mff/beach/Mastermind22_Setzkastenszene_Board.png); } #mastermind_select_inner { padding:27px 0 0 16px; width:455px; } #mastermind.beach #mastermind_select_inner { padding:27px 0 0 27px; } .mastermind_select_item, .mastermind_line_item, .mastermind_log_item { position:relative; float:left; width:70px; height:70px; margin-right:0px; background-image:url(https://mff.wavecdn.net/mff/wm/mastermind_icons3.png); } #mastermind.beach .mastermind_select_item, #mastermind.beach .mastermind_line_item, #mastermind.beach .mastermind_log_item { background-image:url(https://mff.wavecdn.net/mff/beach/mastermind_icons4.png); } .mastermind_select_item:hover { } .mastermind_select_item1 { background-position:0 0; } .mastermind_select_item2 { background-position: -70px 0; } .mastermind_select_item3 { background-position:-140px 0; } .mastermind_select_item4 { background-position:-210px 0; } .mastermind_select_item5 { background-position:-280px 0; } .mastermind_select_item6 { background-position:-350px 0; } .mastermind_select_item7 { background-position:-420px 0; } .mastermind_select_item8 { background-position:-490px 0; } .mastermind_select_item9 { background-position:-560px 0; } .mastermind_select_item10 { background-position:-630px 0; } .mastermind_select_item11 { background-position:-700px 0; } .mastermind_select_item_buy { background-position:-770px 0; } .mastermind_select_item-1, .mastermind_line_item0 { background-position:-840px 0; } #mastermind_select_item_buy_tt { top:0px; left:75px; width:80px; } .mastermind_log_item_right, .mastermind_log_item_wrong, .mastermind_log_item_ok { position:absolute; bottom:-2px; right:-2px; background:url(https://mff.wavecdn.net/mff/wm/mastermind_emos.png); width:40px; height:40px; } .mastermind_log_item_right { background-position:-80px 0; } .mastermind_log_item_wrong { background-position:0 0; } .mastermind_log_item_ok { background-position:-40px 0; } #mastermind_intro { position:absolute; top:20px; left:50%; width:300px; margin-left:-150px; text-align:center; font-size:14px; font-weight:bold; } #mastermind_cooldown { text-align:center; margin:10px 0px; } #mastermind_cooldown_timer { margin-top:10px; font-weight:bold; } #mastermind_balls { position:absolute; bottom:15px; right:15px; } #mastermind.beach #mastermind_balls { background-color:white; border-radius:10px; } #mastermind_balls .balls { position:relative; float:left; background:url(https://mff.wavecdn.net/mff/em/emball.png); width:32px; height:32px; margin-right:5px; margin-top:16px; } #mastermind.beach #mastermind_balls .balls { background-image:url(https://mff.wavecdn.net/mff/beach/Clam_Small.png); } #mastermind_balls_count { position:relative; float:left; font-size:20px; font-weight:bold; margin-top:18px; margin-right:10px; } #mastermind_exchange_button { position:relative; float:left; background:url(https://mff.wavecdn.net/mff/wm/exchange.png); width:60px; height:60px; } #mastermind_exchange_button:hover { background-position:-60px 0; } #mastermind_exchange_button_tt { top:10px; right:60px; } #mastermind_prize { position:absolute; bottom:25px; left:10px; width:165px; text-align:center; } #mastermind.beach #mastermind_prize { background-color:white; padding:10px; border-radius:5px; } #mastermind_help_button { position:absolute; top:10px; left:10px; background:url(https://mff.wavecdn.net/mff/kaeserei_info.png); width:25px; height:25px; } #mastermind_help_transp { display:none; z-index:75; position:absolute; top:0px; left:0px; } #mastermind_help { display:none; z-index:75; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/wm/help.png); width:626px; height:545px; } #mastermind.beach #mastermind_help { background:url(https://mff.wavecdn.net/mff/beach/Informant_Mastermind22.png); width:626px; height:545px; } #mastermind_help_inner { position:relative; top:20px; left:245px; width:350px; height:500px; overflow:auto; } #mastermind_popup { z-index:50; display:none; position:absolute; left:50%; margin-left:-255px; bottom:245px; width:490px; max-width:490px; padding:10px; } .mastermind_line_item_active { display:none; position:absolute; top:3px; left:3px; border-radius:38px; width:60px; height:60px; border:2px solid yellow; } #mastermind_help .balls { position:relative; float:left; background-image:url(https://mff.wavecdn.net/mff/em/emball.png); width:10px; height:10px; background-size:100%; margin-top:19px; } #mastermind.beach #mastermind_help .balls { background-image:url(https://mff.wavecdn.net/mff/beach/Clam_Small.png); } .mastermind_balls_img { background-image:url(https://mff.wavecdn.net/mff/em/emball.png); width:10px; height:10px; background-size:100%; margin-top:2px; } .mastermind_balls_img.beach { background-image:url(https://mff.wavecdn.net/mff/beach/Clam_Small.png); } #wmbox { z-index:35; position:absolute; top:50px; left:50%; margin-left:-305px; width:610px; height:520px; } #wmbox_inner { position:relative; background-color:#E5D194; text-align:center; width:510px; height:420px; padding:10px; } #wmbox .pan-link { margin-top:12px; } .wmbox_box { position:relative; float:left; width:120px; height:120px; } .wmbox_box.soccer { background-image:url(https://mff.wavecdn.net/mff/wm/sheep_cards.png); } .wmbox_box.soccer_2 { background-image:url(https://mff.wavecdn.net/mff/wm/sheep_cards.3.png); } .wmbox_box.soccer_3 { background-image:url(https://mff.wavecdn.net/mff/wm/sheep_cards.4.png); } .wmbox_box.soccer_4 { background-image:url(https://mff.wavecdn.net/mff/wm/sheep_cards.5.png); } .wmbox_box.beach { background-image:url(https://mff.wavecdn.net/mff/beach/sheep_cards_beach.3.png); } .wmbox_sheep_soccer1 { background-position:0 0; } .wmbox_sheep_soccer2 { background-position:-120px 0; } .wmbox_sheep_soccer3 { background-position:-240px 0; } .wmbox_sheep_soccer4 { background-position:-360px 0; } .wmbox_sheep_soccer5 { background-position:0 -120px; } .wmbox_sheep_soccer6 { background-position:-120px -120px; } .wmbox_sheep_soccer7 { background-position:-240px -120px; } .wmbox_sheep_soccer8 { background-position:-360px -120px; } .wmbox_sheep_soccer9 { background-position:0 -240px; } .wmbox_sheep_soccer10 { background-position:-120px -240px; } .wmbox_sheep_soccer11 { background-position:-240px -240px; } .wmbox_sheep_soccer12 { background-position:-360px -240px; } .wmbox_sheep_soccer13 { background-position:0 -360px; } .wmbox_sheep_soccer14 { background-position:-120px -360px; } .wmbox_sheep_soccer15 { background-position:-240px -360px; } .wmbox_sheep_soccer16 { background-position:-360px -360px; } .wmbox_sheep_soccer17 { background-position:0 -480px; } .wmbox_sheep_soccer18 { background-position:-120px -480px; } .wmbox_sheep_soccer19 { background-position:-240px -480px; } .wmbox_sheep_soccer20 { background-position:-360px -480px; } .wmbox_sheep_soccer21 { background-position:0 -600px; } .wmbox_sheep_soccer22 { background-position:-120px -600px; } .wmbox_sheep_soccer23 { background-position:-240px -600px; } .wmbox_sheep_soccer24 { background-position:-120px -120px; } .wmbox_sheep_soccer25 { background-position:-240px -240px; } .wmbox_sheep_soccer26 { background-position:-360px -120px; } .wmbox_sheep_soccer27 { background-position:-120px -240px; } .wmbox_sheep_soccer28 { background-position:0px 0px; } .wmbox_sheep_soccer29 { background-position:-240px -120px; } .wmbox_sheep_soccer30 { background-position:-240px 0px; } .wmbox_sheep_soccer31 { background-position:0px -120px; } .wmbox_sheep_soccer32 { background-position:-360px 0px; } .wmbox_sheep_soccer33 { background-position:0px -240px; } .wmbox_sheep_soccer34 { background-position:-120px 0px; } .wmbox_sheep_soccer35 { background-position:-360px -480px; } .wmbox_sheep_soccer36 { background-position:-240px -480px; } .wmbox_sheep_soccer37 { background-position:-240px -600px; } .wmbox_sheep_soccer38 { background-position: 0px -600px; } .wmbox_sheep_soccer39 { background-position: 0px -360px; } .wmbox_sheep_soccer40 { background-position:-360px -360px; } .wmbox_sheep_soccer41 { background-position:-120px -360px; } .wmbox_sheep_soccer42 { background-position:-120px -600px; } .wmbox_sheep_soccer43 { background-position:-120px -480px; } .wmbox_sheep_soccer44 { background-position: 0px -480px; } .wmbox_sheep_soccer45 { background-position:-240px -360px; } .wmbox_sheep_soccer46 { background-position:0px -120px; } .wmbox_sheep_soccer47 { background-position:-240px -120px; } .wmbox_sheep_soccer48 { background-position:-360px 0px; } .wmbox_sheep_soccer49 { background-position:-240px -240px; } .wmbox_sheep_soccer50 { background-position:-240px 0px; } .wmbox_sheep_soccer51 { background-position:0px 0px; } .wmbox_sheep_soccer52 { background-position:-360px -120px; } .wmbox_sheep_soccer53 { background-position:-120px -120px; } .wmbox_sheep_soccer54 { background-position:-120px 0px; } .wmbox_sheep_soccer55 { background-position: 0px -240px; } .wmbox_sheep_soccer56 { background-position:-120px -240px; } .wmbox_sheep_soccer57 { background-position:0px 0px; } .wmbox_sheep_soccer58 { background-position:-120px 0px; } .wmbox_sheep_soccer59 { background-position:-240px 0px; } .wmbox_sheep_soccer60 { background-position:-360px 0px; } .wmbox_sheep_soccer61 { background-position:0px -120px; } .wmbox_sheep_beach1 { background-position:-0px -0px; } .wmbox_sheep_beach2 { background-position:-120px -0px; } .wmbox_sheep_beach3 { background-position:-240px -0px; } .wmbox_sheep_beach4 { background-position:-360px -0px; } .wmbox_sheep_beach5 { background-position:-0px -120px; } .wmbox_sheep_beach6 { background-position:-120px -120px; } .wmbox_sheep_beach7 { background-position:-0px -240px; } .wmbox_sheep_beach8 { background-position:-120px -240px; } .wmbox_sheep_beach9 { background-position:-240px -240px; } .wmbox_sheep_beach10 { background-position:-360px -240px; } .wmbox_sheep_beach11 { background-position:-0px -360px; } .wmbox_sheep_beach12 { background-position:-120px -360px; } .wmbox_sheep_beach13 { background-position:-240px -480px; } .wmbox_sheep_beach14 { background-position:-120px -480px; } .wmbox_sheep_beach15 { background-position:-360px -480px; } .wmbox_sheep_beach16 { background-position:-0px -600px; } .wmbox_sheep_beach17 { background-position:-0px -480px; } .wmbox_sheep_balls { position:absolute; bottom:16px; text-align:center; width:120px; display:flex; justify-content:center; } .wmbox_sheep_balls .img { background-image:url(https://mff.wavecdn.net/mff/em/emball.png); width:10px; height:10px; background-size:100%; margin-top:3px; } #wmbox_inner.beach .wmbox_sheep_balls .img { background-image:url(https://mff.wavecdn.net/mff/beach/Clam_Small.png); } .wmbox_sheep_balls .amount { margin-top:1px; } .wmbox_sheep_active { display:none; position:absolute; background:url(https://mff.wavecdn.net/mff/em/sheep_active.png); width:120px; height:120px; } #wmbox_sheep_count_line { position:relative; left:50%; background-color:#C3A75E; padding:5px; border-radius:5px; font-weight:bold; width:200px; margin-left:-100px; margin-top:10px; margin-bottom:10px; } #wmbox_sheep_count_ball { position:absolute; top:2px; left:2px; background:url(https://mff.wavecdn.net/mff/em/emball.png); width:32px; height:32px; } #wmbox_inner.beach #wmbox_sheep_count_ball { background:url(https://mff.wavecdn.net/mff/beach/Clam_Small.png); } #wmbox_sheep_count { float:left; font-size:20px; margin-right:10px; margin-left:35px; } #wmbox_sheep_list { position:relative; overflow:auto; width:100%; height:310px; } .wmbox_sheep_tt { position:absolute; bottom:5px; } #wmbox_sheep_buybutton { float:right; } .wm_coins_button { background:url(https://mff.wavecdn.net/mff/megafruit_coins_button.gif); text-align:center; margin-bottom:10px; width:253px; height:35px; padding-top:16px; font-weight:bold; } .wm_coins_button:hover { background:url(https://mff.wavecdn.net/mff/megafruit_coins_button_over.gif);} #em_fan { position:absolute; top:294px; left:413px; width:61px; height:55px; background:url(https://mff.wavecdn.net/mff/em/em_fan.gif); } #em_fan.beach { top:305px; left:420px; width:30px; height:41px; background:url(https://mff.wavecdn.net/mff/beach/Mastermind22_NPC_Spritesheet_30x41.png); animation:em_fan_beach_ani 5s steps(101) infinite; } @keyframes em_fan_beach_ani { 100% { background-position:-3030px; } } #em_fan .blackbox { display:none; z-index:100; position:absolute; top:0px; left:60px; width:150px; } #architect_icon { z-index:5; position:absolute; top:263px; left:150px; width:50px; height:44px; background:url(https://mff.wavecdn.net/mff/architect.gif); } #architect_icon_tt { display:none; z-index:100; position:absolute; top:0px; left:50px; } #architect { position:relative; width:554px; height:475px; user-select:none; } #architect .intro { margin-top:-10px; } #architect .list { position:relative; width:534px; height:400px; margin:15px 0px; padding:10px; background-color:khaki; border-radius:5px; } #architect .list .item { position:relative; float:left; margin:14px; width:150px; height:150px; background-size:100%; } #architect .list .item:hover { transform:scale(1.05); } #architect .list .item .ready { position:absolute; bottom:-15px; right:-15px; background:url(https://mff.wavecdn.net/mff/merchslot_isset.png); width:70px; height:69px; } #architect .list .item .block { } #architect .list .item .select { position:absolute; top:0px; left:0px; width:150px; height:150px; background:url(https://mff.wavecdn.net/mff/architect_item_select.png); background-size:100%; } #architect .list .item .info { position:absolute; top:155px; width:100%; text-align:center; } #architect .list .item .info .timer { } #architect .list .item .info .event { margin-top:5px; } #architect .list .item.off { opacity:0.7; } #architect .list .item .bonus { position:absolute; top:-10px; right:-10px; } #architect .list .item .bonus.memory_easter2020, #architect_detail .bonus.memory_easter2020 .img, #farm_inner_headquarter_tt .bonus.memory_easter2020 .img { width:65px; height:42px; background:url(https://mff.wavecdn.net/mff/memory_pack_easter8.png); background-size:100%; } #architect .list .item .bonus.memory_easter2021, #architect_detail .bonus.memory_easter2021 .img, #farm_inner_headquarter_tt .bonus.memory_easter2021 .img { width:65px; height:42px; background:url(https://mff.wavecdn.net/mff/memory_pack_Eastern2021.png); background-size:100%; } #architect .list .item .bonus.memory_easter2022, #architect_detail .bonus.memory_easter2022 .img, #farm_inner_headquarter_tt .bonus.memory_easter2022 .img { width:65px; height:42px; background:url(https://mff.wavecdn.net/mff/memory_pack_Eastern2021.png); background-size:100%; } #architect .list .item .bonus.memory_easter2023, #architect_detail .bonus.memory_easter2023 .img, #farm_inner_headquarter_tt .bonus.memory_easter2023 .img { width:65px; height:42px; background:url(https://mff.wavecdn.net/mff/memory/memory_pack_Eastern2023.png); background-size:100%; } #architect .list .item .bonus.memory_easter2024, #architect_detail .bonus.memory_easter2024 .img, #farm_inner_headquarter_tt .bonus.memory_easter2024 .img { width:65px; height:42px; background:url(https://mff.wavecdn.net/mff/memory/memory_pack_Easter24.png); background-size:100%; } #architect .list .item .bonus.memory_easter2025, #architect_detail .bonus.memory_easter2025 .img, #farm_inner_headquarter_tt .bonus.memory_easter2025 .img { width:65px; height:42px; background:url(https://mff.wavecdn.net/mff/memory/memory_pack_Easter24.png); background-size:100%; } #architect .list .item .bonus.collectevent_april2020, #architect_detail .bonus.collectevent_april2020 .img, #farm_inner_headquarter_tt .bonus.collectevent_april2020 .img { width:45px; height:50px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); background-size:100%; } #architect .list .item .bonus.collectevent_april2021, #architect_detail .bonus.collectevent_april2021 .img, #farm_inner_headquarter_tt .bonus.collectevent_april2021 .img { width:45px; height:50px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); background-size:100%; } #architect .list .item .bonus.collectevent_april2022, #architect_detail .bonus.collectevent_april2022 .img, #farm_inner_headquarter_tt .bonus.collectevent_april2022 .img { width:45px; height:50px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); background-size:100%; } #architect .list .item .bonus.collectevent_april2023, #architect_detail .bonus.collectevent_april2023 .img, #farm_inner_headquarter_tt .bonus.collectevent_april2023 .img { width:45px; height:50px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); background-size:100%; } #architect .list .item .bonus.pentecostevent2023, #architect_detail .bonus.pentecostevent2023 .img, #farm_inner_headquarter_tt .bonus.pentecostevent2023 .img, #specialoffer_new.pentecost .house .bonus .icon { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/pentecost/Peony_Button.png); background-size:100%; } #architect .list .item .bonus.pentecostevent2024, #architect_detail .bonus.pentecostevent2024 .img, #farm_inner_headquarter_tt .bonus.pentecostevent2024 .img, #specialoffer_new.pentecost .house .bonus .icon { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/pentecost/Peony_Button.png); background-size:100%; } #architect .list .item .bonus.pentecostevent2025, #architect_detail .bonus.pentecostevent2025 .img, #farm_inner_headquarter_tt .bonus.pentecostevent2025 .img, #specialoffer_new.pentecost .house .bonus .icon { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/pentecost/Peony_Button.png); background-size:100%; } #architect .list .item .bonus.battle_summer_2020, #architect_detail .bonus.battle_summer_2020 .img, #farm_inner_headquarter_tt .bonus.battle_summer_2020 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/battle/summer/wassertropfen.png); background-size:100%; } #architect .list .item .bonus.battle_summer_2021, #architect_detail .bonus.battle_summer_2021 .img, #farm_inner_headquarter_tt .bonus.battle_summer_2021 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/battle/summer/wassertropfen.png); background-size:100%; } #architect .list .item .bonus.battle_summer_2022, #architect_detail .bonus.battle_summer_2022 .img, #farm_inner_headquarter_tt .bonus.battle_summer_2022 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/battle/summer/wassertropfen.png); background-size:100%; } #architect .list .item .bonus.battle_summer_2023, #architect_detail .bonus.battle_summer_2023 .img, #farm_inner_headquarter_tt .bonus.battle_summer_2023 .img, #specialoffer_new.waterbattle .house .bonus .icon { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/battle/summer/wassertropfen.png); background-size:100%; } #architect .list .item .bonus.battle_summer_2024, #architect_detail .bonus.battle_summer_2024 .img, #farm_inner_headquarter_tt .bonus.battle_summer_2024 .img, #specialoffer_new.waterbattle .house .bonus .icon { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/battle/summer/wassertropfen.png); background-size:100%; } #architect .list .item .bonus.battle_summer_2025, #architect_detail .bonus.battle_summer_2025 .img, #farm_inner_headquarter_tt .bonus.battle_summer_2025 .img, #specialoffer_new.waterbattle .house .bonus .icon { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/battle/summer/wassertropfen.png); background-size:100%; } #architect .list .item .bonus.deliveryevent_summer2020, #architect_detail .bonus.deliveryevent_summer2020 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_summer2020 .img { width:45px; height:52px; background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); background-size:100%; transform:rotate(10deg); } #architect .list .item .bonus.deliveryevent_summer2021, #architect_detail .bonus.deliveryevent_summer2021 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_summer2021 .img { width:45px; height:52px; background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); background-size:100%; transform:rotate(10deg); } #architect .list .item .bonus.deliveryevent_summer2022, #architect_detail .bonus.deliveryevent_summer2022 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_summer2022 .img { width:45px; height:52px; background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); background-size:100%; transform:rotate(10deg); } #architect .list .item .bonus.deliveryevent_summer2023, #architect_detail .bonus.deliveryevent_summer2023 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_summer2023 .img, #specialoffer_new.summer .bonus .icon { width:45px; height:52px; background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); background-size:100%; transform:rotate(10deg); } #architect .list .item .bonus.deliveryevent_summer2024, #architect_detail .bonus.deliveryevent_summer2024 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_summer2024 .img, #specialoffer_new.summer .bonus .icon { width:45px; height:52px; background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); background-size:100%; transform:rotate(10deg); } #architect .list .item .bonus.deliveryevent_summer2025, #architect_detail .bonus.deliveryevent_summer2025 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_summer2025 .img, #specialoffer_new.summer .bonus .icon { width:45px; height:52px; background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); background-size:100%; transform:rotate(10deg); } #architect .list .item .bonus.tinkergame_birthday2020, #architect_detail .bonus.tinkergame_birthday2020 .img, #farm_inner_headquarter_tt .bonus.tinkergame_birthday2020 .img { width:55px; height:50px; background:url(https://mff.wavecdn.net/mff/birthday2019_partyhuetchen.png); background-size:100%; } #architect .list .item .bonus.tinkergame_birthday2021, #architect_detail .bonus.tinkergame_birthday2021 .img, #farm_inner_headquarter_tt .bonus.tinkergame_birthday2021 .img { width:55px; height:50px; background:url(https://mff.wavecdn.net/mff/birthday2019_partyhuetchen.png); background-size:100%; } #architect .list .item .bonus.tinkergame_birthday2022, #architect_detail .bonus.tinkergame_birthday2022 .img, #farm_inner_headquarter_tt .bonus.tinkergame_birthday2022 .img { width:55px; height:50px; background:url(https://mff.wavecdn.net/mff/birthday2019_partyhuetchen.png); background-size:100%; } #architect .list .item .bonus.tinkergame_birthday2023, #architect_detail .bonus.tinkergame_birthday2023 .img, #farm_inner_headquarter_tt .bonus.tinkergame_birthday2023 .img { width:55px; height:50px; background:url(https://mff.wavecdn.net/mff/birthday2019_partyhuetchen.png); background-size:100%; } #architect .list .item .bonus.tinkergame_birthday2024, #architect_detail .bonus.tinkergame_birthday2024 .img, #farm_inner_headquarter_tt .bonus.tinkergame_birthday2024 .img { width:55px; height:50px; background:url(https://mff.wavecdn.net/mff/birthday2019_partyhuetchen.png); background-size:100%; } #architect .list .item .bonus.deliveryevent_winter2020, #architect_detail .bonus.deliveryevent_winter2020 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_winter2020 .img { width:45px; height:42px; background:url(https://mff.wavecdn.net/mff/Item_Present_00.png); background-size:100%; } #architect .list .item .bonus.deliveryevent_winter2021, #architect_detail .bonus.deliveryevent_winter2021 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_winter2021 .img { width:45px; height:42px; background:url(https://mff.wavecdn.net/mff/Item_Present_00.png); background-size:100%; } #architect .list .item .bonus.deliveryevent_winter2022, #architect_detail .bonus.deliveryevent_winter2022 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_winter2022 .img { width:45px; height:42px; background:url(https://mff.wavecdn.net/mff/Item_Present_00.png); background-size:100%; } #architect .list .item .bonus.deliveryevent_winter2023, #architect_detail .bonus.deliveryevent_winter2023 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_winter2023 .img { width:45px; height:42px; background:url(https://mff.wavecdn.net/mff/Item_Present_00.png); background-size:100%; } #architect .list .item .bonus.deliveryevent_winter2024, #architect_detail .bonus.deliveryevent_winter2024 .img, #farm_inner_headquarter_tt .bonus.deliveryevent_winter2024 .img { width:45px; height:42px; background:url(https://mff.wavecdn.net/mff/Item_Present_00.png); background-size:100%; } #architect .list .item .bonus.SKI_WINTER2020, #architect_detail .bonus.SKI_WINTER2020 .img, #farm_inner_headquarter_tt .bonus.SKI_WINTER2020 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/olympia/olympia_chocolate_berry.png); background-size:100%; } #architect .list .item .bonus.SKI_WINTER2021, #architect_detail .bonus.SKI_WINTER2021 .img, #farm_inner_headquarter_tt .bonus.SKI_WINTER2021 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/olympia/olympia_chocolate_berry.png); background-size:100%; } #architect .list .item .bonus.SKI_WINTER2022, #architect_detail .bonus.SKI_WINTER2022 .img, #farm_inner_headquarter_tt .bonus.SKI_WINTER2022 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/olympia/olympia_chocolate_berry.png); background-size:100%; } #architect .list .item .bonus.ski_winter2023, #architect_detail .bonus.ski_winter2023 .img, #farm_inner_headquarter_tt .bonus.ski_winter2023 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/olympia/olympia_chocolate_berry.png); background-size:100%; } #architect .list .item .bonus.ski_winter2024, #architect_detail .bonus.ski_winter2024 .img, #farm_inner_headquarter_tt .bonus.ski_winter2024 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/olympia/olympia_chocolate_berry.png); background-size:100%; } #architect .list .item .bonus.oktoberfest_event2022, #architect_detail .bonus.oktoberfest_event2022 .img, #farm_inner_headquarter_tt .bonus.oktoberfest_event2022 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/oktoberfest/Brezel_Icon.png); background-size:100%; } #architect .list .item .bonus.oktoberfest_event2023, #architect_detail .bonus.oktoberfest_event2023 .img, #farm_inner_headquarter_tt .bonus.oktoberfest_event2023 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/oktoberfest/Brezel_Icon.png); background-size:100%; } #architect .list .item .bonus.oktoberfest_event2024, #architect_detail .bonus.oktoberfest_event2024 .img, #farm_inner_headquarter_tt .bonus.oktoberfest_event2024 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/oktoberfest/Brezel_Icon.png); background-size:100%; } #architect .list .item .bonus.oktoberfest_event2025, #architect_detail .bonus.oktoberfest_event2025 .img, #farm_inner_headquarter_tt .bonus.oktoberfest_event2025 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/oktoberfest/Brezel_Icon.png); background-size:100%; } #architect .list .item .bonus.battle_halloween_2022, #architect_detail .bonus.battle_halloween_2022 .img, #farm_inner_headquarter_tt .bonus.battle_halloween_2022 .img { width:60px; height:40px; background:url(https://mff.wavecdn.net/mff/battle/Symbol_Bonbon_Small_00.png); background-size:100%; } #architect .list .item .bonus.battle_halloween_2023, #architect_detail .bonus.battle_halloween_2023 .img, #farm_inner_headquarter_tt .bonus.battle_halloween_2023 .img { width:60px; height:40px; background:url(https://mff.wavecdn.net/mff/battle/Symbol_Bonbon_Small_00.png); background-size:100%; } #architect .list .item .bonus.battle_halloween_2024, #architect_detail .bonus.battle_halloween_2024 .img, #farm_inner_headquarter_tt .bonus.battle_halloween_2024 .img { width:60px; height:40px; background:url(https://mff.wavecdn.net/mff/battle/Symbol_Bonbon_Small_00.png); background-size:100%; } #architect .list .item .bonus.rainbowevent2024, #architect_detail .bonus.rainbowevent2024 .img, #farm_inner_headquarter_tt .bonus.rainbowevent2024 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/rainbowevent/Rainbow_Flask.png); background-size:100%; } #architect .list .item .bonus.rainbowevent2025, #architect_detail .bonus.rainbowevent2025 .img, #farm_inner_headquarter_tt .bonus.rainbowevent2025 .img { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/rainbowevent/Rainbow_Flask.png); background-size:100%; } #architect .list .item .bonus.collectevent_april2024, #architect_detail .bonus.collectevent_april2024 .img, #farm_inner_headquarter_tt .bonus.collectevent_april2024 .img { width:50px; height:55px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); background-size:100%; } #architect .list .item .bonus.collectevent_april2025, #architect_detail .bonus.collectevent_april2025 .img, #farm_inner_headquarter_tt .bonus.collectevent_april2025 .img { width:50px; height:55px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); background-size:100%; } #architect .list .item .bonus .ttbox { top:50px; right:0px; width:155px; } #architect .list .item .bonus.deliveryevent_summer2020 .ttbox, #architect .list .item .bonus.deliveryevent_summer2021 .ttbox, #architect .list .item .bonus.deliveryevent_summer2022 .ttbox, #architect .list .item .bonus.deliveryevent_summer2023 .ttbox, #architect .list .item .bonus.deliveryevent_summer2024 .ttbox, #architect .list .item .bonus.deliveryevent_summer2025 .ttbox { transform:rotate(-10deg); } #architect_navi_up { display:none; position:absolute; left:-155px; background:url(https://mff.wavecdn.net/mff/foodworld/arrow_up.3.png); width:253px; height:58px; top:220px; transform:rotate(-90deg); } #architect_navi_up:hover { background:url(https://mff.wavecdn.net/mff/foodworld/arrow_up_on.3.png); } #architect_navi_down { position:absolute; right:-155px; background:url(https://mff.wavecdn.net/mff/foodworld/arrow_down.3.png); width:253px; height:58px; top:220px; transform:rotate(-90deg); } #architect_navi_down:hover { background:url(https://mff.wavecdn.net/mff/foodworld/arrow_down_on.3.png); } #architect .new { position:absolute; top:-5px; left:-5px; } #architect .new.bonus_star { background-color:red; width:40px; height:40px; } #architect .new.bonus_star:before { background-color:red; width:40px; height:40px; } #architect .new.bonus_star:after { background-color:red; width:40px; height:40px; } #architect .new .inner { position:absolute; top:12px; left:0px; z-index:1; font-weight:bold; color:#fff; width:100%; text-align:center; transform:rotate(-26deg); } #architect_detail { position:relative; width:425px; } #architect_detail .img { position:relative; width:200px; height:200px; float:left; margin-right:10px; } #architect_detail .products { position:relative; width:215px; height:200px; float:left; text-align:left; } #architect_detail .buy { position:absolute; bottom:0px; left:0px; width:215px; padding:5px; font-size:14px; font-weight:bold; } #architect_detail .new { color:#fff; } #architect_detail .specialoffer { margin-top:5px; font-size:12px; font-weight:bold; padding:5px; } #architect_detail .timer { position:absolute; bottom:35px; left:0px; width:100%; text-align:center; } #architect_detail .bonus { position:relative; margin-top:20px; } #architect_detail .bonus .img { position:relative; float:left; margin-right:5px; } #architect_detail .bonus .info { position:relative; float:left; width:150px; } #architect_detail .bonus.memory_easter2020 .info { width:145px; } #architect_detail .bonus.battle_summer_2020 .info, #architect_detail .bonus.battle_summer_2021 .info, #architect_detail .bonus.battle_summer_2022 .info, #architect_detail .bonus.battle_summer_2023 .info { width:145px; } #architect_detail .bonus.deliveryevent_summer2020 .info { width:145px; } #architect_detail .bonus.collectevent_april2020 .info { width:165px; } #architect .bonusinfo { font-style:normal; font-size:11px; margin:0px; } #architect .bonusinfo .transp { z-index:2; top:-77px; left:-50px; width:635px; height:587px; } #architect .bonusinfo .main { z-index:3; position:absolute; top:40px; left:50%; margin-left:-210px; width:420px; border-radius:5px; border:2px solid #6C441D; background-color:#E5D194; } #architect .bonusinfo .main .head { text-align:center; margin-top:10px; font-size:16px; font-weight:bold; color:#6C441D; } #architect .bonusinfo .main .body { margin-top:10px; } #architect .bonusinfo .list { margin-top:35px; } #architect .bonusinfo .list .item { float:none; margin:0 auto; } #architect .bonusinfo .list .item:hover { transform:scale(1); } #architect .bonusinfo .list .item .ttbox { display:block; top:0px; left:65px; } #architect .bonusinfo .list .item .arrow { z-index:101; position:absolute; top:0px; left:130px; border-color:transparent transparent red transparent; border-style:solid; border-width:25px; height:0px; width:0px; transform:rotate(-45deg); } #architect .bonusinfo .list .item .arrow:after { content:''; position:absolute; top:25px; left:-15px; width:30px; height:40px; background-color:red; } #architect .bonusinfo .button_yes { position:relative; width:40px; height:35px; margin:0 auto; margin-bottom:15px; } #architect .navi { position:relative; margin-top:-5px; margin-bottom:-15px; margin-left:0px; display:flex; justify-content:center; } #architect .navi .tab { position:relative; width:29px; height:25px; background-color:white; border-top-left-radius:5px; border-top-right-radius:5px; padding:5px; } #architect .navi .tab:hover { background-color:darkkhaki; } #architect .navi .tab.active { background-color:khaki; } #architect .navi .tab .ttbox { top:auto; bottom:65px; left:0px; } #architect .navi .tab .img { width:145%; height:125%; background-image:url(https://mff.wavecdn.net/mff/city/giftshop_categories5.png); transform:scale(0.75); margin:-5px -5px -5px -10px; } #architect .navi .tab .img.cat_halloween { background-position:-212px 0px; } #architect .navi .tab .img.cat_winter { background-position:-635px 0px; } #architect .navi .tab .img.cat_xmas { background-position:-265px 0px; } #architect .navi .tab .img.cat_easter { background-position:-583px 0px; } #architect .navi .tab .img.cat_soccer { background:url(https://mff.wavecdn.net/mff/wm/wm_icon.png); width:32px; height:32px; margin-left:0px; } #architect .navi .tab .img.cat_summer { background:url(https://mff.wavecdn.net/mff/specialoffer_summer2016.gif); width:33px; height:33px; background-size:100%; margin:0 auto; margin-top:-5px; } #architect .navi .tab .img.cat_pentecost { background:url(https://mff.wavecdn.net/mff/pentecost/Peony_Button.png); width:33px; height:33px; background-size:100%; margin:0 auto; margin-top:-5px; } #architect .navi .tab .img.cat_cherryblossom { background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); width:33px; height:33px; background-size:100%; margin:0 auto; margin-top:-5px; } #architect .navi .tab .img.cat_delivery { background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); width:33px; height:38px; background-size:100%; margin:0 auto; margin-top:-6px; } #architect .navi .tab .img.cat_battle { background:url(https://mff.wavecdn.net/mff/battle/summer/wassertropfen.png); width:35px; height:35px; background-size:100%; margin:0 auto; margin-top:-6px; } #architect .navi .tab .img.cat_birthday { background:url(https://mff.wavecdn.net/mff/birthday2019_partyhuetchen.png); width:35px; height:35px; background-size:100%; margin:0 auto; margin-top:-6px; } #architect .navi .tab .img.cat_oktoberfest { background:url(https://mff.wavecdn.net/mff/oktoberfest/Brezel_Icon.png); width:35px; height:35px; background-size:100%; margin:0 auto; margin-top:-6px; } #architect .navi .tab .img.cat_general { background-position:-1115px 1px; transform:scale(0.6); width:160%; height:130%; } #architect .navi .tab .bonus_star { position:relative; background-color:red; width:20px; height:20px; margin:0 auto; } #architect .navi .tab .bonus_star:before { background-color:red; width:20px; height:20px; } #architect .navi .tab .bonus_star:after { background-color:red; width:20px; height:20px; } #architect .navi .tab .bonus_star .inner { position:absolute; top:5px; left:0px; color:white; font-size:7px; font-weight:bold; width:100%; text-align:center; z-index:1; } #architect .headline { margin-top:-30px; margin-bottom:15px; } #architect .infobutton { position:absolute; z-index:5; top:-5px; right:-42px; width:20px; height:20px; border-radius:25px; border-color:#fff; background:linear-gradient(aqua, blue); } #architect .infobutton:after { content:'i'; position:absolute; top:2px; left:8px; font-weight:bold; color:#fff; font-size:12px; } #architect .infobutton .ttbox { top:0px; left:auto; right:25px; width:250px; } #architect .bonusinfo_list { position:absolute; bottom:10px; left:0px; width:100%; text-align:center; } #architect .timer { margin-top:5px; } .headquarter_design1 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design1.png); } .headquarter_design2 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design2.png); } .headquarter_design3 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design3.png); } .headquarter_design4 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design4.png); } .headquarter_design5 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design5.png); } .headquarter_design6 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design6.png); } .headquarter_design7 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design7.png); } .headquarter_design8 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design8.png); } .headquarter_design9 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design9.jpg) 0 9px no-repeat; } .headquarter_design10 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design10.jpg) 0 10px no-repeat; } .headquarter_design11 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design11.png) 0 10px no-repeat; } .headquarter_design12 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design12.png) 0 10px no-repeat; } .headquarter_design13 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design13.png) 0 10px no-repeat; } .headquarter_design14 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design14.png) 0 10px no-repeat; } .headquarter_design15 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design15.png) 0 10px no-repeat; } .headquarter_design16 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design16_2.png) 0 10px no-repeat; } .headquarter_design17 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design17.png) 0 10px no-repeat; } .headquarter_design18 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design18.png) 0 10px no-repeat; } .headquarter_design19 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design19.png) 0 10px no-repeat; } .headquarter_design20 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design20.png) 0 10px no-repeat; } .headquarter_design21 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design21.png) 0 10px no-repeat; } .headquarter_design22 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design22.png) 0 10px no-repeat; } .headquarter_design23 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design23.png) 0 10px no-repeat; } .headquarter_design24 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design24.png) 0 10px no-repeat; } .headquarter_design25 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design25.png) 0 10px no-repeat; } .headquarter_design26 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design26.png) 0 10px no-repeat; } .headquarter_design27 { left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design27.gif) 0 10px no-repeat; } .headquarter_design28 { left:0px; top:124px !important; width:222px; height:274px; background:url(https://mff.wavecdn.net/mff/headquarter_design28.png) 0 10px no-repeat; } .headquarter_design29 { left:0px; top:124px !important; width:224px; height:266px; background:url(https://mff.wavecdn.net/mff/headquarter_design29.png); } .headquarter_design30 { left:0px; top:124px !important; width:196px; height:245px; background:url(https://mff.wavecdn.net/mff/headquarter_design30.png); } .headquarter_design31 { left:0px; top:124px !important; width:300px; height:300px; } .headquarter_design32 { left:0px; top:124px !important; width:199px; height:247px; background:url(https://mff.wavecdn.net/mff/headquarter_design32.png); } .headquarter_design33 { left:0px; top:124px !important; width:199px; height:282px; background:url(https://mff.wavecdn.net/mff/headquarter_design33.png); } .headquarter_design34 { left:0px; top:124px !important; width:222px; height:300px; background:url(https://mff.wavecdn.net/mff/headquarter_design34.png); animation:headquarter_design34 1s steps(20) infinite; } .headquarter_design35 { left:0px; top:124px !important; width:178px; height:256px; background:url(https://mff.wavecdn.net/mff/headquarter_design35_2.png); animation:headquarter_design35 2.5s steps(30) infinite; } .headquarter_design36 { left:0px; top:124px !important; width:202px; height:268px; background:url(https://mff.wavecdn.net/mff/headquarter_design36.png); } .headquarter_design37 { left:0px; top:124px !important; width:194px; height:270px; background:url(https://mff.wavecdn.net/mff/headquarter_design37.png); } .headquarter_design38 { left:0px; top:124px !important; width:200px; height:276px; background:url(https://mff.wavecdn.net/mff/headquarter_design38.png); background-size:100%; } .headquarter_design39 { left:0px; top:65px !important; width:172px; height:341px; background:url(https://mff.wavecdn.net/mff/headquarter_design39.png); } .headquarter_design40 { left:0px; top:135px !important; width:194px; height:237px; background:url(https://mff.wavecdn.net/mff/headquarter_design40.png); } .headquarter_design41 { left:0px; top:142px !important; width:175px; height:253px; background:url(https://mff.wavecdn.net/mff/headquarter_design41.2.png); } .headquarter_design42 { left:0px; top:175px !important; width:178px; height:169px; background:url(https://mff.wavecdn.net/mff/headquarter_design42.png); } .headquarter_design43 { left:0px; top:175px !important; width:159px; height:178px; } .headquarter_design44 { left:0px; top:175px !important; width:186px; height:248px; } .headquarter_design45 { left:0px; top:175px !important; width:200px; height:344px; } .headquarter_design46 { left:0px; top:110px !important; width:180px; height:300px; background:url(https://mff.wavecdn.net/mff/headquarter_design46.png); } .headquarter_design47 { left:-15px !important; top:60px !important; width:185px; height:343px; } .headquarter_design48 { left:0px; top:110px !important; width:182px; height:240px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Japanese_Temple_00.png); } .headquarter_design49 { left:0px; top:145px !important; width:140px; height:224px; } .headquarter_design50 { left:0px; top:145px !important; width:140px; height:224px; } .headquarter_design51 { left:0px; top:140px !important; width:140px; height:224px; } .headquarter_design52 { left:0px; top:90px !important; width:200px; height:252px; } .headquarter_design53 { left:0px; top:90px !important; width:190px; height:271px; } .headquarter_design54 { left:0px; top:135px !important; width:189px; height:217px; } .headquarter_design55 { left:0px; top:85px !important; width:151px; height:188px; } .headquarter_design56 { left:0px; top:152px !important; width:160px; height:190px; background:url(https://mff.wavecdn.net/mff/EasterEgg_House.png); } .headquarter_design60 { left:0px; top:152px !important; width:195px; height:250px; background:url(https://mff.wavecdn.net/mff/IcecreamContainer_House.png); } .headquarter_design61 { left:0px; top:152px !important; width:192px; height:231px; background:url(https://mff.wavecdn.net/mff/beertent_house_00.png); } .headquarter_design62 { left:0px; top:85px !important; width:118px; height:188px; } .headquarter_design63 { left:0px; top:85px !important; width:178px; height:280px; } .headquarter_design66 { left:0px; top:140px !important; width:153px; height:193px; background:url(https://mff.wavecdn.net/mff/CarrotHouse_static.png); } .headquarter_design67 { left:0px; top:140px !important; width:201px; height:187px; background:url(https://mff.wavecdn.net/mff/CherryblossomCamp_House00.png); } .headquarter_design68 { left:-10px !important; top:140px !important; width:209px; height:249px; background:url(https://mff.wavecdn.net/mff/Pfingsten_House23.png); } .headquarter_design69 { left:-10px !important; top:140px !important; width:209px; height:249px; background:url(https://mff.wavecdn.net/mff/Bauernhaus_Wasserschlacht23_Water.png); background-position:0px -135px; } .headquarter_design70 { left:-14px !important; top:140px !important; width:209px; height:249px; background:url(https://mff.wavecdn.net/mff/Icecreamdelivery_House_23.png); } .headquarter_design71 { left:-14px !important; top:140px !important; width:209px; height:249px; background:url(https://mff.wavecdn.net/mff/Septemberfestival_House.png); } .headquarter_design72 { left:0px !important; top:160px !important; width:171px; height:184px; background:url(https://mff.wavecdn.net/mff/CakeHouse23_static.png); } .headquarter_design73 { left:0px !important; top:160px !important; width:141px; height:178px; background:url(https://mff.wavecdn.net/mff/CryptHouse_static_Layer0.png); } .headquarter_design73:before { content:''; position:absolute; left:106px; top:79px; width:25px; height:32px; background:url(https://mff.wavecdn.net/mff/CryptHouse_Spritesheet_Layer2_25x32_FrontDoor.png); animation:headquarter_design73_2_ani 8s steps(120) infinite; transform:rotate(0.05deg); } .headquarter_design73:after { content:''; position:absolute; left:28px; top:2px; width:113px; height:101px; background:url(https://mff.wavecdn.net/mff/CryptHouse_Spritesheet_Layer3_113x121_WindowGhost.png); animation:headquarter_design73_3_ani 5.7s steps(86) infinite; transform:rotate(0.05deg); } .headquarter_design74 { left:-13px !important; top:130px !important; width:209px; height:249px; } .headquarter_design75 { left:0px !important; top:145px !important; width:124px; height:227px; background:url(https://mff.wavecdn.net/mff/ChristmasSki23_house_00.png); } .headquarter_design76 { left:0px !important; top:145px !important; width:164px; height:173px; background:url(https://mff.wavecdn.net/mff/PotOfGold_House_static.png); } .headquarter_design77 { left:0px !important; top:165px !important; width:164px; height:173px; background:url(https://mff.wavecdn.net/mff/Easter2024_BasketHouse_static.png); background-position:0px -160px; } .headquarter_design78 { left:0px !important; top:165px !important; width:158px; height:190px; background:url(https://mff.wavecdn.net/mff/Bathhouse_House_static_layer0.png); } .headquarter_design79 { left:0px !important; top:115px !important; width:162px; height:215px; background:url(https://mff.wavecdn.net/mff/PeonyCastle_House_static.png); } .headquarter_design80 { left:0px !important; top:130px !important; width:132px; height:214px; background:url(https://mff.wavecdn.net/mff/mediterraneanPoolHouse_House_static_layer0.png); } .headquarter_design81 { left:0px !important; top:130px !important; width:167px; height:220px; background:url(https://mff.wavecdn.net/mff/Icecreamdelivery24_house_24.png); } .headquarter_design82 { left:0px !important; top:150px !important; width:167px; height:220px; background:url(https://mff.wavecdn.net/mff/Septemberfestival_2024_House.png); } .headquarter_design83 { left:0px !important; top:150px !important; width:116px; height:161px; background:url(https://mff.wavecdn.net/mff/Muffin_House_static.png); } .headquarter_design84 { left:0px !important; top:150px !important; width:165px; height:196px; background:url(https://mff.wavecdn.net/mff/Rocket_House_static.png); } .headquarter_design85 { left:0px !important; top:150px !important; width:167px; height:240px; background:url(https://mff.wavecdn.net/mff/PresentDelivery_2024_House.png); } .headquarter_design86 { left:0px !important; top:150px !important; width:140px; height:200px; background:url(https://mff.wavecdn.net/mff/Ski24_House.png); } .headquarter_design87 { left:0px !important; top:150px !important; width:150px; height:200px; background:url(https://mff.wavecdn.net/mff/StPatricksDay_25_House.png); } .headquarter_design88 { left:0px !important; top:150px !important; width:150px; height:200px; background:url(https://mff.wavecdn.net/mff/Easter25_house.png); } .headquarter_design89 { left:0px !important; top:150px !important; width:160px; height:240px; background:url(https://mff.wavecdn.net/mff/CherryBlossom25_house.png); } .headquarter_design90 { left:0px !important; top:150px !important; width:170px; height:236px; background:url(https://mff.wavecdn.net/mff/Waterfight25_house.png); } .headquarter_design91 { left:0px !important; top:150px !important; width:195px; height:249px; background:url(https://mff.wavecdn.net/mff/Pentacost_House25.png); } .headquarter_design92 { left:-15px !important; top:135px !important; width:186px; height:265px; background:url(https://mff.wavecdn.net/mff/Icecreamdelivery25_house_25.png); } .headquarter_design93 { left:0px !important; top:135px !important; width:186px; height:265px; background:url(https://mff.wavecdn.net/mff/Septemberfest25_house_1219.png); } #hq_upgrade6_ani, .headquarter_design6 .ani1 { display:none; left:0px; top:105px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design6_ghost_ani.gif); } #hq_upgrade7_ani1, .headquarter_design7 .ani1 { display:none; position:absolute; left:24px; top:20px; width:85px; height:67px; background:url(https://mff.wavecdn.net/mff/headquarter_design7_ani1.gif); } #hq_upgrade7_ani2, .headquarter_design7 .ani2 { display:none; position:absolute; left:30px; top:-5px; width:150px; height:116px; background:url(https://mff.wavecdn.net/mff/headquarter_design7_ani2.gif); } #hq_upgrade7_ani3, .headquarter_design7 .ani3 { display:none; position:absolute; left:0px; top:0px; width:202px; height:310px; background:url(https://mff.wavecdn.net/mff/headquarter_design7_ani3.gif); } #hq_upgrade8_ani, .headquarter_design8 .ani1 { display:none; position:absolute; left:0px; top:46px; width:123px; height:79px; background:url(https://mff.wavecdn.net/mff/headquarter_design8_soccer_ani_2.gif); } #hq_upgrade9_ani, .headquarter_design9 .ani1 { display:none; position:absolute; left:58px; top:97px; width:100px; height:130px; background:url(https://mff.wavecdn.net/mff/headquarter_design9_ani.gif); } #hq_upgrade10_ani1, .headquarter_design10 .ani1 { display:none; position:absolute; left:57px; top:67px; width:63px; height:43px; background:url(https://mff.wavecdn.net/mff/headquarter_design10_ani1.gif); } #hq_upgrade10_ani2, .headquarter_design10 .ani2 { display:none; position:absolute; left:0px; top:206px; width:57px; height:55px; background:url(https://mff.wavecdn.net/mff/headquarter_design10_ani2.gif); } #hq_upgrade11_ani, .headquarter_design11 .ani1 { display:none; position:absolute; left:0px; top:80px; width:153px; height:171px; background:url(https://mff.wavecdn.net/mff/headquarter_design11_ani.gif); } #hq_upgrade16_ani, .headquarter_design16 .ani1 { display:none; position:absolute; left:3px; top:115px; width:31px; height:46px; background:url(https://mff.wavecdn.net/mff/headquarter_design16_ani.gif); } #hq_upgrade22_ani, .headquarter_design22 .ani1 { display:none; position:absolute; left:0px; top:85px; width:128px; height:142px; background:url(https://mff.wavecdn.net/mff/headquarter_design22_ani.gif); } #hq_upgrade23_ani1, .headquarter_design23 .ani1 { display:none; position:absolute; left:0px; top:80px; width:44px; height:31px; background:url(https://mff.wavecdn.net/mff/headquarter_design23_ani1.gif); } #hq_upgrade23_ani2, .headquarter_design23 .ani2 { display:none; position:absolute; left:39px; top:94px; width:78px; height:50px; background:url(https://mff.wavecdn.net/mff/headquarter_design23_ani2.gif); } #hq_upgrade24_ani1, .headquarter_design24 .ani1 { display:none; position:absolute; left:70px; top:75px; width:23px; height:24px; background:url(https://mff.wavecdn.net/mff/headquarter_design24_ani1.gif); } #hq_upgrade24_ani2, .headquarter_design24 .ani2 { display:none; position:absolute; left:100px; top:210px; width:23px; height:24px; background:url(https://mff.wavecdn.net/mff/headquarter_design24_ani2.gif); } #hq_upgrade30_ani1, .headquarter_design30 .ani1 { display:none; position:absolute; left:0px; top:2px; width:196px; height:245px; background:url(https://mff.wavecdn.net/mff/headquarter_design30_ani1.png); animation:headquarter_design30_ani 3s steps(39) infinite; transform:rotate(0.05deg); } #hq_upgrade31_ani1, .headquarter_design31 .ani1 { display:none; position:absolute; left:0px; top:2px; width:208px; height:263px; background:url(https://mff.wavecdn.net/mff/headquarter_design31_ani1.png); animation:headquarter_design31_ani 2s steps(16) infinite; transform:rotate(0.05deg); } #hq_upgrade36_ani1, .headquarter_design36 .ani1 { display:none; position:absolute; left:76px; top:80px; width:67px; height:92px; background:url(https://mff.wavecdn.net/mff/headquarter_design36_ani1.png); animation:headquarter_design36_ani 2.5s steps(46) infinite; transform:rotate(0.05deg); } #hq_upgrade37_ani1, .headquarter_design37 .ani1 { display:none; position:absolute; left:54px; top:117px; width:79px; height:137px; background:url(https://mff.wavecdn.net/mff/headquarter_design37_ani1.png); animation:headquarter_design37_ani 3s steps(46) infinite; transform:rotate(0.05deg); } #hq_upgrade37_ani2, .headquarter_design37 .ani2 { display:none; position:absolute; left:54px; top:117px; width:79px; height:137px; background:url(https://mff.wavecdn.net/mff/headquarter_design37_ani1.png); animation:headquarter_design37_ani 3s steps(46) infinite; animation-delay:1.5s; transform:rotate(0.05deg); } #hq_upgrade38_ani1, .headquarter_design38 .ani1 { display:none; position:absolute; left:0px; top:35px; width:123px; height:189px; background:url(https://mff.wavecdn.net/mff/Spritesheet_Dragon_123x189.png); animation:headquarter_design38_ani 3s steps(37) infinite; animation-delay:1.5s; transform:rotate(0.05deg); } #hq_upgrade39_ani1, .headquarter_design39 .ani1 { display:none; position:absolute; left:0px; top:0px; width:172px; height:341px; background:url(https://mff.wavecdn.net/mff/Spritesheet_GiantTulip_House.png); animation:headquarter_design39_ani 1.5s steps(21) infinite; transform:rotate(0.05deg); } #hq_upgrade40_ani1, .headquarter_design40 .ani1 { display:none; position:absolute; left:0px; top:0px; width:194px; height:237px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Teahouse_Spritesheet_194x237.2.png); animation:headquarter_design40_ani 2.1s steps(23) infinite; transform:rotate(0.05deg); } #hq_upgrade41_ani1, .headquarter_design41 .ani1 { display:none; position:absolute; left:0px; top:0px; width:189px; height:253px; background:url(https://mff.wavecdn.net/mff/RooftopPool_House_Spritesheet_189x253.3.png); animation:headquarter_design41_ani 4s steps(40) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade42_ani1, .headquarter_design42 .ani1 { display:none; position:absolute; left:0px; top:-73px; width:178px; height:246px; background:url(https://mff.wavecdn.net/mff/SandwichIce_House_Spritesheet_178x246.png); animation:headquarter_design42_ani 2s steps(27) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade43_ani1, .headquarter_design43 .ani1 { display:none; position:absolute; left:0px; top:-15px; width:159px; height:178px; background:url(https://mff.wavecdn.net/mff/RainbowCake_House_Spritesheet_159x178.png); animation:headquarter_design43_ani 4s steps(41) infinite; transform:rotate(0.05deg); } #hq_upgrade44_ani1, .headquarter_design44 .ani1 { display:none; position:absolute; left:0px; top:-85px; width:186px; height:248px; background:url(https://mff.wavecdn.net/mff/BabaJaga_House_Spritesheet_186x248_111Frames.png); animation:headquarter_design44_ani 8s steps(111) infinite; transform:rotate(0.05deg); } #hq_upgrade45_ani1, .headquarter_design45 .ani1 { display:none; position:absolute; left:0px; top:-90px; width:160px; height:312px; background:url(https://mff.wavecdn.net/mff/SnowmanHead_House_Spritesheet_160x312.png); animation:headquarter_design45_ani 3s steps(41) infinite; transform:rotate(0.05deg); } #hq_upgrade46_ani1, .headquarter_design46 .ani1 { display:none; position:absolute; left:0px; top:0px; width:202px; height:300px; background:url(https://mff.wavecdn.net/mff/SnowCastle_House_Spritesheet_202x300.png); animation:headquarter_design46_ani 3s steps(41) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade47_ani1, .headquarter_design47 .ani1 { display:none; position:absolute; left:0px; top:0px; width:185px; height:343px; background:url(https://mff.wavecdn.net/mff/GiantDaffodil_House_Spritesheet_185x343.png); animation:headquarter_design47_ani 1.5s steps(21) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade48_ani1, .headquarter_design48 .ani1 { display:none; position:absolute; left:0px; top:0px; width:202px; height:240px; background:url(https://mff.wavecdn.net/mff/Japanese_Temple_Spritesheet_202x240.png); animation:headquarter_design48_ani 2s steps(43) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade49_ani1, .headquarter_design49 .ani1 { display:none; position:absolute; left:0px; top:0px; width:140px; height:224px; background:url(https://mff.wavecdn.net/mff/Stadium_House_Spritesheet_140x224.png); animation:headquarter_design49_ani 1.5s steps(20) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade50_ani1, .headquarter_design50 .ani1 { display:none; position:absolute; left:0px; top:40px; width:157px; height:152px; background:url(https://mff.wavecdn.net/mff/Pool_House_Spritesheet_157x152.png); animation:headquarter_design50_ani 4s steps(62) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade51_ani1, .headquarter_design51 .ani1 { display:none; position:absolute; left:0px; top:40px; width:132px; height:152px; background:url(https://mff.wavecdn.net/mff/IceCreamTower_House_Spritesheet_132x152.png); animation:headquarter_design51_ani 3.5s steps(41) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade52_ani1, .headquarter_design52 .ani1 { display:none; position:absolute; left:0px; top:40px; width:200px; height:252px; background:url(https://mff.wavecdn.net/mff/Pinata_House_Spritesheet_200x252.png); animation:headquarter_design52_ani 1.7s steps(24) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade53_ani1, .headquarter_design53 .ani1 { display:none; position:absolute; left:0px; top:40px; width:190px; height:271px; background:url(https://mff.wavecdn.net/mff/Ghostride_House_Spritesheet_190x271.2.png); animation:headquarter_design53_ani 3s steps(46) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade54_ani1, .headquarter_design54 .ani1 { display:none; position:absolute; left:0px; top:40px; width:189px; height:217px; background:url(https://mff.wavecdn.net/mff/ChristmasPyramid_House_Spritesheet_189x217.png); animation:headquarter_design54_ani 2.5s steps(30) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade55_ani1, .headquarter_design55 .ani1 { display:none; position:absolute; left:0px; top:40px; width:151px; height:188px; background:url(https://mff.wavecdn.net/mff/WinterMugHouse_Spritesheet_151x188.png); animation:headquarter_design55_ani 2.5s steps(27) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade56_ani1, .headquarter_design56 .ani1 { display:none; position:absolute; left:0px; top:0px; width:160px; height:190px; background:url(https://mff.wavecdn.net/mff/EasterEgg_House_Spritesheet_160x190.png); animation:headquarter_design56_ani 1.5s steps(21) infinite; pointer-events:none; transform:rotate(0.05deg); } #hq_upgrade57_ani1, .headquarter_design57 .ani1 { display:none; position:absolute; left:0px; top:0px; width:184px; height:255px; background:url(https://mff.wavecdn.net/mff/CherryBlossoTempleHouse22_Spritesheet_184x255.png); animation:headquarter_design57_ani 1.5s steps(21) infinite; transform:rotate(0.05deg); } #hq_upgrade58_ani1, .headquarter_design58 .ani1 { display:none; position:absolute; left:0px; top:75px; width:152px; height:174px; background:url(https://mff.wavecdn.net/mff/Sandcastle_House_Spritesheet_152x174.png); animation:headquarter_design58_ani 3s steps(41) infinite; transform:rotate(0.05deg); } #hq_upgrade59_ani1, .headquarter_design59 .ani1 { display:none; position:absolute; left:0px; top:-17px; width:191px; height:331px; background:url(https://mff.wavecdn.net/mff/Waterslide_House_Spritesheet_191x331.png); animation:headquarter_design59_ani 3s steps(61) infinite; transform:rotate(0.05deg); } #hq_upgrade60_ani1, .headquarter_design60 .ani1 { display:none; position:absolute; left:0px; top:0px; width:195px; height:250px; background:url(https://mff.wavecdn.net/mff/Icecreamcontainer_House_Spritesheet_195x250_21Frames.png); animation:headquarter_design60_ani 2s steps(21) infinite; transform:rotate(0.05deg); } #hq_upgrade61_ani1, .headquarter_design61 .ani1 { display:none; position:absolute; left:0px; top:0px; width:192px; height:231px; background:url(https://mff.wavecdn.net/mff/beertent_house_Spritesheet_192x231_26Frames.png); animation:headquarter_design61_ani 2s steps(26) infinite; transform:rotate(0.05deg); } #hq_upgrade62_ani1, .headquarter_design62 .ani1 { display:none; position:absolute; left:0px; top:45px; width:118px; height:188px; background:url(https://mff.wavecdn.net/mff/Baloon_House_Spritesheet_118x188.png); animation:headquarter_design62_ani 2.5s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade63_ani1, .headquarter_design63 .ani1 { display:none; position:absolute; left:0px; top:0px; width:178px; height:280px; background:url(https://mff.wavecdn.net/mff/AlienInvasion2022_UFO_House_Spritesheet_178x280_30Frames.png); animation:headquarter_design63_ani 2.5s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade64_ani1, .headquarter_design64 .ani1 { display:none; position:absolute; left:0px; top:70px; width:129px; height:162px; background:url(https://mff.wavecdn.net/mff/Sleigh_House_Spritesheet_129x162.png); animation:headquarter_design64_ani 3s steps(40) infinite; transform:rotate(0.05deg); } #hq_upgrade65_ani1, .headquarter_design65 .ani1 { display:none; position:absolute; left:0px; top:70px; width:166px; height:158px; background:url(https://mff.wavecdn.net/mff/SkiLift_House_Spritesheet_166x158.png); animation:headquarter_design65_ani 4s steps(50) infinite; transform:rotate(0.05deg); } #hq_upgrade66_ani1, .headquarter_design66 .ani1 { display:none; position:absolute; left:0px; top:0px; width:153px; height:193px; background:url(https://mff.wavecdn.net/mff/CarrotHouse_Spritesheet_153x193.png); animation:headquarter_design66_ani 4s steps(60) infinite; transform:rotate(0.05deg); } #hq_upgrade67_ani1, .headquarter_design67 .ani1 { display:none; position:absolute; left:0px; top:0px; width:118px; height:212px; background:url(https://mff.wavecdn.net/mff/CherryblossomCamp_House_Spritesheet_118x212_27Frames.png); animation:headquarter_design67_ani 2.5s steps(27) infinite; transform:rotate(0.05deg); } #hq_upgrade68_ani1, .headquarter_design68 .ani1 { display:none; position:absolute; left:0px; top:0px; width:138px; height:212px; background:url(https://mff.wavecdn.net/mff/Pfingsten_House_Spritesheet_138x212_27Frames.png); animation:headquarter_design68_ani 2.5s steps(27) infinite; transform:rotate(0.05deg); } #hq_upgrade69_ani1, .headquarter_design69 .ani1 { display:none; position:absolute; left:0px; top:65px; width:156px; height:85px; background:url(https://mff.wavecdn.net/mff/Houseboat_House_Spritesheet_156x85.png); animation:headquarter_design69_ani 3.5s steps(60) infinite; transform:rotate(0.05deg); } #hq_upgrade70_ani1, .headquarter_design70 .ani1 { display:none; position:absolute; left:110px; top:95px; width:30px; height:114px; background:url(https://mff.wavecdn.net/mff/Icecreamdelivery_House_Spritesheet_30x114_60Frames.png); animation:headquarter_design70_ani 3.5s steps(60) infinite; transform:rotate(0.05deg); } #hq_upgrade71_ani1, .headquarter_design71 .ani1 { display:none; position:absolute; left:14px; top:0px; width:158px; height:249px; background:url(https://mff.wavecdn.net/mff/Septemberfestival_Wreath_Sheeps_Sprites_158x249.png); animation:headquarter_design71_ani 3.5s steps(72) infinite; transform:rotate(0.05deg); } #hq_upgrade72_ani1, .headquarter_design72 .ani1 { display:none; position:absolute; left:0px; top:0px; width:171px; height:184px; background:url(https://mff.wavecdn.net/mff/CakeHouse23_spriteSheet_171x184.png); animation:headquarter_design72_ani 1.5s steps(20) infinite; transform:rotate(0.05deg); } #hq_upgrade73_ani1, .headquarter_design73 .ani1 { display:none; position:absolute; left:29px; top:130px; width:85px; height:45px; background:url(https://mff.wavecdn.net/mff/CryptHouse_Spritesheet_Layer1_85x45_dancingGhosts.png); animation:headquarter_design73_ani 7s steps(106) infinite; transform:rotate(0.05deg); } #hq_upgrade73_ani1:before, .headquarter_design73 .ani1:before { content:''; position:absolute; left:65px; top:-10px; width:33px; height:31px; background:url(https://mff.wavecdn.net/mff/CryptHouse_Spritesheet_Layer4_33x31_SkeletonAndGhostChatting.png); animation:headquarter_design73_4_ani 3.2s steps(46) infinite; transform:rotate(0.05deg); } #hq_upgrade74_ani1, .headquarter_design74 .ani1 { display:none; position:absolute; left:0px; top:0px; width:209px; height:249px; background:url(https://mff.wavecdn.net/mff/Presentdelivery_House_2023_Spritesheet_209x249.png); animation:headquarter_design74_ani 1.5s steps(41) infinite; transform:rotate(0.05deg); } #hq_upgrade75_ani1, .headquarter_design75 .ani1 { display:none; position:absolute; left:0px; top:0px; width:124px; height:227px; background:url(https://mff.wavecdn.net/mff/ChristmasSki23_house_Spritesheet_124x227_60_frames.png); animation:headquarter_design75_ani 2.5s steps(61) infinite; transform:rotate(0.05deg); } #hq_upgrade76_ani1, .headquarter_design76 .ani1 { display:none; position:absolute; left:0px; top:25px; width:149px; height:143px; background:url(https://mff.wavecdn.net/mff/PotOfGold_House_Spritesheet_cloversAndSparkles_149x143.png); animation:headquarter_design76_ani 1.25s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade76_ani1:before, .headquarter_design76 .ani1:before { content:''; position:absolute; right:30px; bottom:10px; width:19px; height:21px; background:url(https://mff.wavecdn.net/mff/PotOfGold_House_Spritesheet_openWindow_19x21.png); animation:headquarter_design76_2_ani 1s steps(16) infinite; transform:rotate(0.05deg); } #hq_upgrade77_ani1, .headquarter_design77 .ani1 { display:none; position:absolute; left:30px; top:40px; width:42px; height:79px; background:url(https://mff.wavecdn.net/mff/Easter2024_BasketHouse_spritesheet_42x79.png); animation:headquarter_design77_ani 1.2s steps(26) infinite; transform:rotate(0.05deg); } #hq_upgrade78_ani1, .headquarter_design78 .ani1 { display:none; position:absolute; left:9px; top:23px; width:137px; height:146px; background:url(https://mff.wavecdn.net/mff/Bathhouse_House_Spritesheet_fogAndSheep_137x146_layer1.png); animation:headquarter_design78_ani 2.5s steps(40) infinite; transform:rotate(0.05deg); } #hq_upgrade78_ani1:before, .headquarter_design78 .ani1:before { content:''; position:absolute; left:-7px; bottom:2px; width:37px; height:17px; background:url(https://mff.wavecdn.net/mff/Bathhouse_House_Spritesheet_bamboo_37x17_layer2.png); animation:headquarter_design78_2_ani 1.5s steps(25) infinite; transform:rotate(0.05deg); } #hq_upgrade78_ani1:after, .headquarter_design78 .ani1:after { content:''; position:absolute; left:-10px; bottom:0px; width:135px; height:185px; background:url(https://mff.wavecdn.net/mff/Bathhouse_House_Spritesheet_cherrytreesAndPetals_135x185_layer3.png); animation:headquarter_design78_3_ani 2s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade79_ani1, .headquarter_design79 .ani1 { display:none; position:absolute; left:0px; bottom:0px; width:165px; height:215px; background:url(https://mff.wavecdn.net/mff/PeonyCastle_House_Spritesheet_165x215.png); animation:headquarter_design79_ani 2s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade80_ani1, .headquarter_design80 .ani1 { display:none; position:absolute; left:55px; bottom:52px; width:57px; height:101px; background:url(https://mff.wavecdn.net/mff/mediterraneanPoolHouse_House_Spritesheet_sheep_57x101_layer1.png); animation:headquarter_design80_2_ani 2s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade80_ani1:before, .headquarter_design80 .ani1:before { content:''; position:absolute; left:-53px; bottom:-68px; width:104px; height:250px; background:url(https://mff.wavecdn.net/mff/mediterraneanPoolHouse_House_Spritesheet_palmtrees_104x250_layer2.png); animation:headquarter_design80_ani 2.6s steps(40) infinite; transform:rotate(0.05deg); } #hq_upgrade81_ani1, .headquarter_design81 .ani1 { display:none; position:absolute; left:27px; top:47px; width:94px; height:102px; background:url(https://mff.wavecdn.net/mff/Icecreamdelivery24_house_Spritesheet_94x102_30Frames.png); animation:headquarter_design81_ani 2s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade82_ani1, .headquarter_design82 .ani1 { display:none; position:absolute; left:51px; top:40px; width:84px; height:140px; background:url(https://mff.wavecdn.net/mff/Septemberfestival2024_House_Spritesheet_84x140_60Frames.png); animation:headquarter_design82_ani 4s steps(60) infinite; transform:rotate(0.05deg); } #hq_upgrade83_ani1, .headquarter_design83 .ani1 { display:none; position:absolute; left:0px; top:0px; width:116px; height:161px; background:url(https://mff.wavecdn.net/mff/Muffin_House_Spritesheet_116x161.png); animation:headquarter_design83_ani 2.6s steps(40) infinite; transform:rotate(0.05deg); } #hq_upgrade84_ani1, .headquarter_design84 .ani1 { display:none; position:absolute; left:0px; top:0px; width:165px; height:196px; background:url(https://mff.wavecdn.net/mff/Rocket_House_Spritesheet_165x196.png); animation:headquarter_design84_ani 2s steps(30) infinite; transform:rotate(0.05deg); } #hq_upgrade85_ani1, .headquarter_design85 .ani1 { display:none; position:absolute; left:0px; top:44px; width:124px; height:162px; background:url(https://mff.wavecdn.net/mff/PresentDelivery_2024_spriteSheet_124x162_80Frames.png); animation:headquarter_design85_ani 2.7s steps(81) infinite; transform:rotate(0.05deg); } #hq_upgrade86_ani1, .headquarter_design86 .ani1 { display:none; position:absolute; left:33px; top:77px; width:74px; height:78px; background:url(https://mff.wavecdn.net/mff/Ski24_spriteSheet_74x78_61Frames.png); animation:headquarter_design86_ani 2s steps(61) infinite; transform:rotate(0.05deg); } #hq_upgrade87_ani1, .headquarter_design87 .ani1 { display:none; position:absolute; left:0px; top:40px; width:134px; height:120px; background:url(https://mff.wavecdn.net/mff/StPatricksDay_25_house_spriteSheet_134x120_61Frames.png); animation:headquarter_design87_ani 2s steps(61) infinite; transform:rotate(0.05deg); } #hq_upgrade88_ani1, .headquarter_design88 .ani1 { display:none; position:absolute; left:0px; top:35px; width:98px; height:148px; background:url(https://mff.wavecdn.net/mff/Easter25_house_spriteSheet_98x148_61.png); animation:headquarter_design88_ani 2s steps(61) infinite; transform:rotate(0.05deg); } #hq_upgrade89_ani1, .headquarter_design89 .ani1 { display:none; position:absolute; left:0px; top:0px; width:132px; height:240px; background:url(https://mff.wavecdn.net/mff/CherryBlossom25_house_spriteSheet_132_240_61.png); animation:headquarter_design89_ani 2s steps(61) infinite; transform:rotate(0.05deg); } #hq_upgrade90_ani1, .headquarter_design90 .ani1 { display:none; position:absolute; left:0px; top:0px; width:170px; height:214px; background:url(https://mff.wavecdn.net/mff/Waterfight25_house_spriteSheet_170_214_60.png); animation:headquarter_design90_ani 2s steps(60) infinite; transform:rotate(0.05deg); } #hq_upgrade91_ani1, .headquarter_design91 .ani1 { display:none; position:absolute; left:0px; top:15px; width:128px; height:203px; background:url(https://mff.wavecdn.net/mff/Pentacost_25_Sheep_Spritesheet_128x203.png); animation:headquarter_design91_ani 2.2s steps(34) infinite; transform:rotate(0.05deg); } #hq_upgrade92_ani1, .headquarter_design92 .ani1 { display:none; position:absolute; left:0px; top:42px; width:159px; height:165px; background:url(https://mff.wavecdn.net/mff/Icecreamdelivery25_house_Spritesheet_159x165_60Frames.png); animation:headquarter_design92_ani 2s steps(60) infinite; transform:rotate(0.05deg); } #hq_upgrade93_ani1, .headquarter_design93 .ani1 { display:none; position:absolute; left:6px; top:2px; width:140px; height:236px; background:url(https://mff.wavecdn.net/mff/Septemberfest25_House_Spritesheet_140x236_60Frames.png); animation:headquarter_design93_ani 2s steps(60) infinite; transform:rotate(0.05deg); } @keyframes headquarter_design30_ani { 100% { background-position:-7644px; } } @keyframes headquarter_design31_ani { 100% { background-position:-3328px; } } @keyframes headquarter_design34 { 100% { background-position:-4440px; } } @keyframes headquarter_design35 { 100% { background-position:-5340px; } } @keyframes headquarter_design36_ani { 100% { background-position:-3082px; } } @keyframes headquarter_design37_ani { 100% { background-position:-3634px; } } @keyframes headquarter_design38_ani { 100% { background-position:-4551px; } } @keyframes headquarter_design39_ani { 100% { background-position:-3612px; } } @keyframes headquarter_design40_ani { 100% { background-position:-4462px; } } @keyframes headquarter_design41_ani { 100% { background-position:-7560px; } } @keyframes headquarter_design42_ani { 100% { background-position:-4806px; } } @keyframes headquarter_design43_ani { 100% { background-position:-6519px; } } @keyframes headquarter_design44_ani { 100% { background-position:-20646px; } } @keyframes headquarter_design45_ani { 100% { background-position:-6560px; } } @keyframes headquarter_design46_ani { 100% { background-position:-8282px; } } @keyframes headquarter_design47_ani { 100% { background-position:-3885px; } } @keyframes headquarter_design48_ani { 100% { background-position:-8686px; } } @keyframes headquarter_design49_ani { 100% { background-position:-2800px; } } @keyframes headquarter_design50_ani { 100% { background-position:-9734px; } } @keyframes headquarter_design51_ani { 100% { background-position:-5412px; } } @keyframes headquarter_design52_ani { 100% { background-position:-4800px; } } @keyframes headquarter_design53_ani { 100% { background-position:-8740px; } } @keyframes headquarter_design54_ani { 100% { background-position:-5670px; } } @keyframes headquarter_design55_ani { 100% { background-position:-4077px; } } @keyframes headquarter_design56_ani { 100% { background-position:-3360px; } } @keyframes headquarter_design57_ani { 100% { background-position:-3864px; } } @keyframes headquarter_design58_ani { 100% { background-position:-6232px; } } @keyframes headquarter_design59_ani { 100% { background-position:-11651px; } } @keyframes headquarter_design60_ani { 100% { background-position:-4095px; } } @keyframes headquarter_design61_ani { 100% { background-position:-4992px; } } @keyframes headquarter_design62_ani { 100% { background-position:-3540px; } } @keyframes headquarter_design63_ani { 100% { background-position:-5340px; } } @keyframes headquarter_design64_ani { 100% { background-position:-5160px; } } @keyframes headquarter_design65_ani { 100% { background-position:-8300px; } } @keyframes headquarter_design66_ani { 100% { background-position:-9180px; } } @keyframes headquarter_design67_ani { 100% { background-position:-3186px; } } @keyframes headquarter_design68_ani { 100% { background-position:-3726px; } } @keyframes headquarter_design69_ani { 100% { background-position:-9360px; } } @keyframes headquarter_design70_ani { 100% { background-position:-1800px; } } @keyframes headquarter_design71_ani { 100% { background-position:-11376px; } } @keyframes headquarter_design72_ani { 100% { background-position:-3420px; } } @keyframes headquarter_design73_ani { 100% { background-position:-9010px; } } @keyframes headquarter_design73_2_ani { 100% { background-position:-3000px; } } @keyframes headquarter_design73_3_ani { 100% { background-position:-9718px; } } @keyframes headquarter_design73_4_ani { 100% { background-position:-1518px; } } @keyframes headquarter_design74_ani { 100% { background-position:-8569px; } } @keyframes headquarter_design75_ani { 100% { background-position:-7564px; } } @keyframes headquarter_design76_ani { 100% { background-position:-4470px; } } @keyframes headquarter_design76_2_ani { 100% { background-position:-304px; } } @keyframes headquarter_design77_ani { 100% { background-position:-1092px; } } @keyframes headquarter_design78_ani { 100% { background-position:-5480px; } } @keyframes headquarter_design78_2_ani { 100% { background-position:-925px; } } @keyframes headquarter_design78_3_ani { 100% { background-position:-4050px; } } @keyframes headquarter_design79_ani { 100% { background-position:-4860px; } } @keyframes headquarter_design80_ani { 100% { background-position:-4160px; } } @keyframes headquarter_design80_2_ani { 100% { background-position:-1710px; } } @keyframes headquarter_design81_ani { 100% { background-position:-2820px; } } @keyframes headquarter_design82_ani { 100% { background-position:-5040px; } } @keyframes headquarter_design83_ani { 100% { background-position:-4640px; } } @keyframes headquarter_design84_ani { 100% { background-position:-4950px; } } @keyframes headquarter_design85_ani { 100% { background-position:-10044px; } } @keyframes headquarter_design86_ani { 100% { background-position:-4514px; } } @keyframes headquarter_design87_ani { 100% { background-position:-8174px; } } @keyframes headquarter_design88_ani { 100% { background-position:-5978px; } } @keyframes headquarter_design89_ani { 100% { background-position:-8052px; } } @keyframes headquarter_design90_ani { 100% { background-position:-10200px; } } @keyframes headquarter_design91_ani { 100% { background-position:-4352px; } } @keyframes headquarter_design92_ani { 100% { background-position:-9540px; } } @keyframes headquarter_design93_ani { 100% { background-position:-8400px; } } .headquarter_design1_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design1_preview.jpg); } .headquarter_design2_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design2_preview.jpg); } .headquarter_design3_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design3_preview.jpg); } .headquarter_design4_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design4_preview.jpg); } .headquarter_design5_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design5_preview.jpg); } .headquarter_design6_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design6_preview.png); } .headquarter_design7_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design7_preview.jpg); } .headquarter_design8_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design8_preview.jpg); } .headquarter_design9_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design9_preview.jpg); } .headquarter_design10_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design10_preview.jpg); } .headquarter_design11_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design11_preview.jpg); } .headquarter_design12_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design12_preview.jpg); } .headquarter_design13_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design13_preview.jpg); } .headquarter_design14_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design14_preview.jpg); } .headquarter_design15_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design15_preview.jpg); } .headquarter_design16_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design16_preview.jpg); } .headquarter_design17_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design17_preview.jpg); } .headquarter_design18_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design18_preview.jpg); } .headquarter_design19_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design19_preview.jpg); } .headquarter_design20_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design20_preview.jpg); } .headquarter_design21_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design21_preview.jpg); } .headquarter_design22_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design22_preview.jpg); } .headquarter_design23_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design23_preview.jpg); } .headquarter_design24_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design24_preview.jpg); } .headquarter_design25_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design25_preview.jpg); } .headquarter_design26_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design26_preview.jpg); } .headquarter_design27_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design27_preview.jpg); } .headquarter_design28_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design28_preview.jpg); } .headquarter_design29_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design29_preview.jpg); } .headquarter_design30_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design30_preview.png); } .headquarter_design31_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design31_preview.jpg); } .headquarter_design32_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design32_preview.png); } .headquarter_design33_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design33_preview.png); } .headquarter_design34_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design34_preview.png); } .headquarter_design35_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design35_preview.png); } .headquarter_design36_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design36_preview.png); } .headquarter_design37_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design37_preview.png); } .headquarter_design38_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design38_preview.png); } .headquarter_design39_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design39_preview.png); } .headquarter_design40_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design40_preview.png); } .headquarter_design41_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design41_preview.png); } .headquarter_design42_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design42_preview.png); } .headquarter_design43_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design43_preview.png); } .headquarter_design44_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design44_preview.png); } .headquarter_design45_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design45_preview.png); } .headquarter_design46_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design46_preview.png); } .headquarter_design47_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design47_preview.png); } .headquarter_design48_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design48_preview.png); } .headquarter_design49_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design49_preview.png); } .headquarter_design50_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design50_preview.png); } .headquarter_design51_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design51_preview.png); } .headquarter_design52_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design52_preview.png); } .headquarter_design53_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design53_preview.png); } .headquarter_design54_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design54_preview.png); } .headquarter_design55_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design55_preview.png); } .headquarter_design56_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design56_preview.jpg); } .headquarter_design57_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design57_preview.png); } .headquarter_design58_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design58_preview.png); } .headquarter_design59_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design59_preview.png); } .headquarter_design60_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design60_preview.png); } .headquarter_design61_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design61_preview.png); } .headquarter_design62_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design62_preview.png); } .headquarter_design63_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design63_preview.png); } .headquarter_design64_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design64_preview.png); } .headquarter_design65_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design65_preview.png); } .headquarter_design66_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design66_preview.png); } .headquarter_design67_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design67_preview.png); } .headquarter_design68_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design68_preview.png); } .headquarter_design69_preview { background:url(https://mff.wavecdn.net/mff/Architect_PreviewPics_HouseBoat.png); } .headquarter_design70_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design70_preview.png); } .headquarter_design71_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design71_preview.png); } .headquarter_design72_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design72_preview.png); } .headquarter_design73_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design73_preview.png); } .headquarter_design74_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design74_preview.png); } .headquarter_design75_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design75_preview.png); } .headquarter_design76_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design76_preview.png); } .headquarter_design77_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design77_preview.png); } .headquarter_design78_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design78_preview.png); } .headquarter_design79_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design79_preview.png); } .headquarter_design80_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design80_preview.png); } .headquarter_design81_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design81_preview.png); } .headquarter_design82_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design82_preview.png); } .headquarter_design83_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design83_preview.png); } .headquarter_design84_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design84_preview.png); } .headquarter_design85_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design85_preview.png); } .headquarter_design86_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design86_preview.png); } .headquarter_design87_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design87_preview.png); } .headquarter_design88_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design88_preview.png); } .headquarter_design89_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design89_preview.png); } .headquarter_design90_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design90_preview.png); } .headquarter_design91_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design91_preview.png); } .headquarter_design92_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design92_preview.png); } .headquarter_design93_preview { background:url(https://mff.wavecdn.net/mff/headquarter_design93_preview.jpg); } #hq_upgrade1 { display:none; z-index:1; position:absolute; width:19px; height:13px; background:url(https://mff.wavecdn.net/mff/hq_upgrade1.png); } .hq_upgrade1_1 { top:115px; left:135px; } .hq_upgrade1_2 { top:115px; left:135px; } .hq_upgrade1_3 { top:115px; left:130px; } .hq_upgrade1_4 { top:115px; left:130px; } .hq_upgrade1_5 { top:115px; left:130px; } .hq_upgrade1_6 { top:115px; left:130px; } .hq_upgrade1_7 { top:90px; left:130px; } .hq_upgrade1_8 { top:110px; left:130px; } .hq_upgrade1_9 { top:110px; left:130px; } .hq_upgrade1_10 { top:110px; left:130px; } .hq_upgrade1_11 { top:110px; left:130px; } .hq_upgrade1_12 { top:110px; left:130px; } .hq_upgrade1_13 { top:110px; left:130px; } .hq_upgrade1_14 { top:110px; left:130px; } .hq_upgrade1_15 { top:110px; left:130px; } .hq_upgrade1_16 { top:110px; left:130px; } .hq_upgrade1_17 { top:110px; left:130px; } .hq_upgrade1_18 { top:110px; left:130px; } .hq_upgrade1_19 { top:110px; left:130px; } .hq_upgrade1_20 { top:110px; left:130px; } .hq_upgrade1_21 { top:100px; left:140px; } .hq_upgrade1_22 { top:100px; left:140px; } .hq_upgrade1_23 { top:100px; left:140px; } .hq_upgrade1_24 { top:100px; left:140px; } .hq_upgrade1_25 { top:100px; left:140px; } .hq_upgrade1_26 { top:100px; left:140px; } .hq_upgrade1_27 { top:135px; left:140px; } .hq_upgrade1_28 { top:95px; left:140px; } .hq_upgrade1_29 { top:95px; left:140px; } .hq_upgrade1_30 { top:95px; left:140px; } .hq_upgrade1_31 { top:95px; left:140px; } .hq_upgrade1_32 { top:95px; left:140px; } .hq_upgrade1_33 { top:95px; left:140px; } .hq_upgrade1_34 { top:95px; left:140px; } .hq_upgrade1_35 { top:95px; left:140px; } .hq_upgrade1_36 { top:95px; left:140px; } .hq_upgrade1_37 { top:95px; left:140px; } .hq_upgrade1_38 { top:70px; left:140px; } .hq_upgrade1_39 { top:155px; left:120px; } .hq_upgrade1_40 { top:80px; left:120px; } .hq_upgrade1_41 { top:80px; left:150px; } .hq_upgrade1_42 { top:40px; left:150px; } .hq_upgrade1_43 { top:40px; left:150px; } .hq_upgrade1_44 { background:none !important; } .hq_upgrade1_45 { background:none !important; } .hq_upgrade1_46 { background:none !important; } .hq_upgrade1_47 { top:160px; left:150px; } .hq_upgrade1_48 { top:95px; left:150px; } .hq_upgrade1_49 { top:95px; left:150px; } .hq_upgrade1_50 { top:95px; left:150px; } .hq_upgrade1_51 { top:95px; left:150px; } .hq_upgrade1_52 { top:125px; left:150px; } .hq_upgrade1_53 { top:125px; left:150px; } .hq_upgrade1_54 { top:85px; left:150px; } .hq_upgrade1_55 { top:120px; left:150px; } .hq_upgrade1_56 { top:60px; left:150px; } .hq_upgrade1_57 { top:120px; left:150px; } .hq_upgrade1_58 { top:120px; left:150px; } .hq_upgrade1_59 { top:120px; left:150px; } .hq_upgrade1_60 { top:120px; left:150px; } .hq_upgrade1_61 { top:75px; left:130px; } .hq_upgrade1_62 { top:140px; left:130px; } .hq_upgrade1_63 { top:140px; left:150px; } .hq_upgrade1_64 { top:140px; left:150px; } .hq_upgrade1_65 { top:100px; left:150px; } .hq_upgrade1_66 { top:100px; left:150px; } .hq_upgrade1_67 { top:100px; left:150px; } .hq_upgrade1_68 { top:100px; left:150px; } .hq_upgrade1_69 { background:none !important; } .hq_upgrade1_70 { top:100px; left:150px; } .hq_upgrade1_71 { top:55px; left:135px; } .hq_upgrade1_72 { top:70px; left:150px; } .hq_upgrade1_73 { background:none !important; } .hq_upgrade1_74 { top:70px; left:150px; } .hq_upgrade1_75 { top:70px; left:150px; } .hq_upgrade1_76 { top:70px; left:150px; } .hq_upgrade1_77 { top:70px; left:150px; } .hq_upgrade1_78 { top:70px; left:160px; } .hq_upgrade1_79 { top:70px; left:160px; } .hq_upgrade1_80 { top:70px; left:160px; } .hq_upgrade1_81 { top:70px; left:160px; } .hq_upgrade1_82 { top:70px; left:160px; } .hq_upgrade1_83 { top:70px; left:160px; } .hq_upgrade1_84 { top:70px; left:160px; } .hq_upgrade1_85 { top:70px; left:160px; } .hq_upgrade1_86 { top:70px; left:160px; } .hq_upgrade1_87 { top:70px; left:160px; } .hq_upgrade1_88 { top:70px; left:160px; } .hq_upgrade1_89 { top:70px; left:160px; } .hq_upgrade1_90 { top:70px; left:160px; } .hq_upgrade1_91 { top:70px; left:160px; } .hq_upgrade1_92 { top:70px; left:160px; } .hq_upgrade1_93 { top:70px; left:160px; } #hq_upgrade2 { display:none; z-index:1; position:absolute; width:51px; height:34px; background:url(https://mff.wavecdn.net/mff/hq_upgrade2_1.png); } .hq_upgrade2_1 { top:184px; left:84px; width:34px; height:51px; background:url(https://mff.wavecdn.net/mff/hq_upgrade2_2.png); } .hq_upgrade2_2 { top:184px; left:84px; width:34px; height:51px; background:url(https://mff.wavecdn.net/mff/hq_upgrade2_2.png); } .hq_upgrade2_3 { top:250px; left:35px; } .hq_upgrade2_4 { top:60px; left:100px; width:34px; height:51px; background:url(https://mff.wavecdn.net/mff/hq_upgrade2_2.png); } .hq_upgrade2_5 { top:250px; left:40px; } .hq_upgrade2_6 { top:300px; left:40px; } .hq_upgrade2_7 { top:300px; left:40px; } .hq_upgrade2_8 { top:267px; left:20px; } .hq_upgrade2_9 { top:267px; left:20px; } .hq_upgrade2_10 { top:267px; left:20px; } .hq_upgrade2_11 { top:267px; left:20px; } .hq_upgrade2_12 { top:267px; left:20px; } .hq_upgrade2_13 { top:267px; left:20px; } .hq_upgrade2_14 { top:281px; left:62px; } .hq_upgrade2_15 { top:265px; left:35px; } .hq_upgrade2_16 { top:265px; left:35px; } .hq_upgrade2_17 { top:265px; left:35px; } .hq_upgrade2_18 { top:265px; left:35px; } .hq_upgrade2_19 { top:265px; left:35px; } .hq_upgrade2_20 { top:265px; left:35px; } .hq_upgrade2_21 { top:265px; left:35px; } .hq_upgrade2_22 { top:235px; left:35px; } .hq_upgrade2_23 { top:235px; left:35px; } .hq_upgrade2_24 { top:235px; left:35px; } .hq_upgrade2_25 { top:235px; left:35px; } .hq_upgrade2_26 { top:262px; left:35px; } .hq_upgrade2_27 { top:275px; left:10px; } .hq_upgrade2_28 { top:230px; left:10px; } .hq_upgrade2_29 { top:230px; left:10px; } .hq_upgrade2_30 { top:230px; left:10px; } .hq_upgrade2_31 { top:230px; left:10px; } .hq_upgrade2_32 { top:230px; left:10px; } .hq_upgrade2_33 { top:230px; left:10px; } .hq_upgrade2_34 { top:55px; left:10px; } .hq_upgrade2_35 { } .hq_upgrade2_36 { top:230px; left:10px; } .hq_upgrade2_37 { top:260px; left:75px; } .hq_upgrade2_38 { top:215px; left:35px; } .hq_upgrade2_39 { top:300px; left:60px; } .hq_upgrade2_40 { top:200px; left:60px; } .hq_upgrade2_41 { top:230px; left:25px; } .hq_upgrade2_42 { top:160px; left:25px; } .hq_upgrade2_43 { top:160px; left:25px; } .hq_upgrade2_44 { top:160px; left:25px; } .hq_upgrade2_45 { background:none !important; } .hq_upgrade2_46 { background:none !important; } .hq_upgrade2_47 { background:none !important; } .hq_upgrade2_48 { top:195px; left:70px; } .hq_upgrade2_49 { top:228px; left:70px; } .hq_upgrade2_50 { top:228px; left:70px; } .hq_upgrade2_51 { top:200px; left:30px; } .hq_upgrade2_52 { top:265px; left:30px; } .hq_upgrade2_53 { background:none !important; } .hq_upgrade2_54 { top:220px; left:30px; } .hq_upgrade2_55 { top:240px; left:30px; } .hq_upgrade2_56 { top:185px; left:30px; } .hq_upgrade2_57 { top:240px; left:30px; } .hq_upgrade2_58 { top:240px; left:30px; } .hq_upgrade2_59 { background:none !important; } .hq_upgrade2_60 { background:none !important; } .hq_upgrade2_61 { background:none !important; } .hq_upgrade2_62 { top:240px; left:30px; } .hq_upgrade2_63 { top:250px; left:30px; } .hq_upgrade2_64 { top:250px; left:30px; } .hq_upgrade2_65 { top:250px; left:30px; } .hq_upgrade2_66 { top:200px; left:30px; } .hq_upgrade2_67 { top:200px; left:30px; } .hq_upgrade2_68 { top:200px; left:30px; } .hq_upgrade2_69 { background:none !important; } .hq_upgrade2_70 { background:none !important; } .hq_upgrade2_71 { top:190px; left:30px; } .hq_upgrade2_72 { top:180px; left:30px; } .hq_upgrade2_73 { background:none !important; } .hq_upgrade2_74 { background:none !important; } .hq_upgrade2_75 { background:none !important; } .hq_upgrade2_76 { background:none !important; } .hq_upgrade2_77 { background:none !important; } .hq_upgrade2_78 { background:none !important; } .hq_upgrade2_79 { background:none !important; } .hq_upgrade2_80 { background:none !important; } .hq_upgrade2_81 { background:none !important; } .hq_upgrade2_82 { top:180px; left:30px; } .hq_upgrade2_83 { top:180px; left:30px; } .hq_upgrade2_84 { background:none !important; } .hq_upgrade2_85 { background:none !important; } .hq_upgrade2_86 { top:180px; left:30px; } .hq_upgrade2_87 { top:180px; left:30px; } .hq_upgrade2_88 { top:180px; left:30px; } .hq_upgrade2_89 { background:none !important; } .hq_upgrade2_90 { background:none !important; } .hq_upgrade2_91 { background:none !important; } .hq_upgrade2_92 { background:none !important; } .hq_upgrade2_93 { background:none !important; } #hq_upgrade3 { display:none; z-index:1; position:absolute; width:63px; height:37px; background:url(https://mff.wavecdn.net/mff/hq_upgrade3.png); } .hq_upgrade3_1 { top:120px; left:30px; } .hq_upgrade3_2 { top:120px; left:30px; } .hq_upgrade3_3 { top:165px; left:-8px; } .hq_upgrade3_4 { top:212px; left:-5px; } .hq_upgrade3_5 { top:130px; left:-12px; } .hq_upgrade3_6 { top:135px; left:40px; } .hq_upgrade3_7 { top:112px; left:15px; } .hq_upgrade3_8 { top:112px; left:-25px; } .hq_upgrade3_9 { top:112px; left:-25px; } .hq_upgrade3_10 { top:160px; left:-15px; } .hq_upgrade3_11 { top:160px; left:-15px; } .hq_upgrade3_12 { top:160px; left:0px; } .hq_upgrade3_13 { top:160px; left:0px; } .hq_upgrade3_14 { top:160px; left:0px; } .hq_upgrade3_15 { top:170px; left:0px; } .hq_upgrade3_16 { top:185px; left:0px; } .hq_upgrade3_17 { top:155px; left:0px; } .hq_upgrade3_18 { top:155px; left:0px; } .hq_upgrade3_19 { top:155px; left:0px; } .hq_upgrade3_20 { top:155px; left:0px; } .hq_upgrade3_21 { top:155px; left:0px; } .hq_upgrade3_22 { top:155px; left:0px; } .hq_upgrade3_23 { top:155px; left:0px; } .hq_upgrade3_24 { top:125px; left:-15px; } .hq_upgrade3_25 { top:125px; left:-15px; } .hq_upgrade3_26 { top:125px; left:-15px; } .hq_upgrade3_27 { top:125px; left:-15px; } .hq_upgrade3_28 { top:125px; left:-15px; } .hq_upgrade3_29 { top:131px; left:-15px; } .hq_upgrade3_30 { top:131px; left:-15px; } .hq_upgrade3_31 { top:131px; left:-15px; } .hq_upgrade3_32 { top:131px; left:-15px; } .hq_upgrade3_33 { top:131px; left:-15px; } .hq_upgrade3_34 { top:131px; left:-15px; } .hq_upgrade3_35 { } .hq_upgrade3_36 { top:125px; left:-15px; } .hq_upgrade3_37 { top:90px; left:-15px; } .hq_upgrade3_38 { } .hq_upgrade3_39 { top:180px; left:-30px; } .hq_upgrade3_40 { top:58px; left:-10px; } .hq_upgrade3_41 { top:55px; left:-32px; } .hq_upgrade3_42 { } .hq_upgrade3_43 { background:none !important; } .hq_upgrade3_44 { background:none !important; } .hq_upgrade3_45 { background:none !important; } .hq_upgrade3_46 { background:none !important; } .hq_upgrade3_47 { top:185px; left:0px; } .hq_upgrade3_48 { background:none !important; } .hq_upgrade3_49 { background:none !important; } .hq_upgrade3_50 { background:none !important; } .hq_upgrade3_51 { background:none !important; } .hq_upgrade3_52 { background:none !important; } .hq_upgrade3_53 { background:none !important; } .hq_upgrade3_54 { background:none !important; } .hq_upgrade3_55 { background:none !important; } .hq_upgrade3_56 { top:80px; left:0px; } .hq_upgrade3_57 { background:none !important; } .hq_upgrade3_58 { background:none !important; } .hq_upgrade3_59 { background:none !important; } .hq_upgrade3_60 { background:none !important; } .hq_upgrade3_61 { background:none !important; } .hq_upgrade3_62 { background:none !important; } .hq_upgrade3_63 { background:none !important; } .hq_upgrade3_64 { background:none !important; } .hq_upgrade3_65 { background:none !important; } .hq_upgrade3_66 { background:none !important; } .hq_upgrade3_67 { background:none !important; } .hq_upgrade3_68 { background:none !important; } .hq_upgrade3_69 { background:none !important; } .hq_upgrade3_70 { background:none !important; } .hq_upgrade3_71 { top:100px; left:0px; } .hq_upgrade3_72 { background:none !important; } .hq_upgrade3_73 { background:none !important; } .hq_upgrade3_74 { background:none !important; } .hq_upgrade3_75 { background:none !important; } .hq_upgrade3_76 { background:none !important; } .hq_upgrade3_77 { background:none !important; } .hq_upgrade3_78 { background:none !important; } .hq_upgrade3_79 { background:none !important; } .hq_upgrade3_80 { background:none !important; } .hq_upgrade3_81 { background:none !important; } .hq_upgrade3_82 { top:130px; left:-22px; } .hq_upgrade3_83 { background:none !important; } .hq_upgrade3_84 { background:none !important; } .hq_upgrade3_85 { background:none !important; } .hq_upgrade3_86 { background:none !important; } .hq_upgrade3_87 { background:none !important; } .hq_upgrade3_88 { background:none !important; } .hq_upgrade3_89 { background:none !important; } .hq_upgrade3_90 { background:none !important; } .hq_upgrade3_91 { background:none !important; } .hq_upgrade3_92 { background:none !important; } .hq_upgrade3_93 { background:none !important; } #cityeasterbunny { z-index:25; position:absolute; top:291px; left:410px; width:43px; height:47px; background:url(https://mff.wavecdn.net/mff/cityeasterbunny.gif) top left no-repeat; } #cityeasterbunny .ttbox { top:-25px; left:-12px; } #cityeasterevent { z-index:99; display:none; position:absolute; top:0px; left:0px; left:0px; width:100%; height:100%; } #cityeasterevent .inner { position:absolute; top:140px; left:50%; margin-left:-270px; width:540px; height:285px; border-radius:5px; border:2px solid #054b00; background-color:#E5D194; } #cityeasterevent .inner .head { text-align:center; margin-top:10px; font-size:16px; font-weight:bold; color:#054b00; } #cityeasterevent .inner .desc { text-align:center; margin-top:20px; } #cityeasterevent .inner .points { position:relative; width:50px; padding:5px 10px; margin:0 auto; margin-top:20px; background-color:white; border-radius:5px; text-align:right; } #cityeasterevent .inner .points:before, #cityeasterevent .inner .rewards .cost:before { content:''; position:absolute; top:-15px; left:-20px; width:40px; height:42px; background:url(https://mff.wavecdn.net/mff/Easter2017_Brushes_Medium.png); background-size:100%; } #cityeasterevent .inner .rewards .cost:before { top:-12px; left:-7px; width:30px; height:33px; } #cityeasterevent .inner .points .plus { position:absolute; top:0px; right:-20px; width:25px; height:23px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:none; background-color:#C3A75E; } #cityeasterevent .inner .points .plus:hover { background-color:#DABE74; } #cityeasterevent .inner .points .plus:after { content:'+'; position:absolute; top:-2px; left:4px; font-size:20px; color:white; font-weight:bold; } #cityeasterevent .inner .points .plus .ttbox { top:30px; left:0px; white-space:nowrap; } #cityeasterevent .inner .rewards { position:absolute; bottom:26px; width:500px; height:100px; background-color:#DABE74; padding:20px; display:flex; justify-content:center; } #cityeasterevent .inner .rewards .slot { position:relative; width:100px; margin:0px 10px; } #cityeasterevent .inner .rewards .slot .cost { position:relative; } #cityeasterevent .inner .rewards .slot .cost .ttbox { top:30px; font-weight:normal; } #cityeasterevent .inner .rewards .items { display:flex; justify-content:center; } #cityeasterevent .inner .rewards .items.farmhouse { } #cityeasterevent .inner .rewards .items.farmhouse .item { position:relative; width:75px; height:75px; margin:0px 10px; background-size:100%; border-radius:5px; } #cityeasterevent .inner .rewards .items.farmhouse .item .ttbox { top:auto; bottom:85px; left:0px; } #cityeasterevent .inner .rewards .items .farmhouse210 { background-image:url(https://mff.wavecdn.net/mff/farmhouse/previews/210_1.png); } #cityeasterevent .inner .rewards .items .farmhouse211 { background-image:url(https://mff.wavecdn.net/mff/farmhouse/previews/211_1.png); } #cityeasterevent .inner .rewards .items .farmhouse212 { background-image:url(https://mff.wavecdn.net/mff/farmhouse/previews/212_1.png); } #cityeasterevent .inner .rewards .items .farmhouse229 { background-image:url(https://mff.wavecdn.net/mff/farmhouse/previews/229_1.jpg); } #cityeasterevent .inner .rewards .items .farmhouse230 { background-image:url(https://mff.wavecdn.net/mff/farmhouse/previews/230_1.jpg); } #cityeasterevent .inner .rewards .items .farmhouse231 { background-image:url(https://mff.wavecdn.net/mff/farmhouse/previews/231_1.jpg); } #cityeasterevent .inner .rewards .items .add { position:relative; float:left; margin-top:20px; font-size:24px; } #cityeasterevent .inner .rewards .cost { position:relative; text-align:center; margin:0 auto; margin-top:10px; } #cityeasterevent .inner .rewards .cost.failed { color:red; font-weight:bold; } #cityeasterevent .inner .rewards .ready { position:absolute; left:50%; bottom:10px; background-image:url(https://mff.wavecdn.net/mff/merchslot_isset.png); width:50px; height:50px; background-size:100%; margin-left:-25px; } #cityeasterevent .inner .timer { position:absolute; bottom:7px; left:0px; width:100%; text-align:center; } #cityeasterevent .inner .char { position:absolute; bottom:-70px; left:-85px; width:200px; height:320px; background:url(https://mff.wavecdn.net/mff/cityeastereventbunny.png); background-size:100%; } #cityeasterevent .inner .helpbutton_blue { position:absolute; top:35px; right:5px; } #cityeasterevent .inner .helpbutton_blue .ttbox { top:0px; right:30px; width:300px; max-width:300px; } #cityeasterevent .inner .helpbutton_blue .ttbox .memory_pack { position:relative; float:left; width:70px; height:45px; background-size:100%; } #cityeasterevent .inner .helpbutton_blue .ttbox .info { position:relative; float:left; width:220px; margin-left:10px; } #cityeasterevent_daily_commit { width:265px; } #cityeasterevent_daily_commit .img { width:80px; height:85px; background:url(https://mff.wavecdn.net/mff/Easter2017_Brushes_Medium.png); background-size:100%; margin:0 auto; margin-top:10px; } #cityeasterevent_daily_commit .amount { margin-top:10px; font-size:18px; } #cityeasterevent_daily_commit .button_yes { width:40px; height:37px; margin:0 auto; margin-top:10px; margin-bottom:-10px; } .cityeasterevent_collectitem { width:50px; height:54px; background:url(https://mff.wavecdn.net/mff/Easter2017_Brushes_Medium.png); background-size:100%; } .main_buttons { position:relative; margin-top:245px; } .main_buttons .item { position:relative; width:20px; height:21px; background-image:url(https://mff.wavecdn.net/mff/reallocate_symbol8.png); margin-bottom:10px; } .main_buttons .item.checker { display:none; background-position:0px -42px; } .main_buttons .item.stock { background-position:0px -63px; } .main_buttons .item.stall.stall1 { background-position:0px -147px; } .main_buttons .item.stall.stall2 { background-position:0px -188px; } .main_buttons .item.stall .alert { position:absolute; top:-4px; left:-4px; color:yellow; font-size:22px; font-weight:bold; } .main_buttons .item.jobs { background-position:0px -84px; } .main_buttons .item.pets { background-position:0px -105px; } .main_buttons .item.insecthotel { background-image:url(https://mff.wavecdn.net/mff/reallocate_symbol9.png); background-position:0px -211px; } .main_buttons .item.login { display:none; background-position:0px -126px; } .main_buttons .item.login:hover, .main_buttons .item.stall:hover { background-position-x:-21px !important; } .main_buttons .item:hover { background-position-x:-20px; } .main_buttons .item.insecthotel:hover { background-position-x:-21px; } .main_buttons .item .ttbox { left:auto; right:30px; } .main_buttons .item.stall .ttbox .line { margin-top:5px; } .main_buttons .item.stall .ttbox .alerts { width:200px; } .main_buttons .item.npcbonus { background-color:red; background-image:none; } #event_speedlinks_board { background-image:url(https://mff.wavecdn.net/mff/rahmen_quer.jpg); } #event_speedlinks { display:none; position:absolute; top: 110px; left:50%; width:300px; height:50px; margin-left:-495px; } #event_speedlinks.eventsline { display:none; position:relative; top:0px; left:0px; width:100%; margin:0px; justify-content:left; align-items:center; gap:5px; height:21px; } #event_speedlinks.steam { } #event_speedlinks.eventsline .link:nth-child(1) { margin-left:10px; } #event_speedlinks .link { z-index:105; position:relative; float:right; background-repeat:no-repeat !important; opacity:1; width:50px; height:50px; } #event_speedlinks.eventsline .link { float:none; margin-top:-15px; } #event_speedlinks .link:hover { transform:scale(1.05); opacity:1; } #event_speedlinks .link .ttbox { top:110%; left:0px; } #event_speedlinks .link.olympia .ttbox { top:100%; } #event_speedlinks .link.veggiesplash .ttbox { top:90%; } #event_speedlinks .link.rainbowevent .ttbox, #event_speedlinks .link.deliveryevent .ttbox, #event_speedlinks .link.olympia .ttbox { white-space:nowrap; } #event_speedlinks .link .back { position:relative; } #event_speedlinks .link.rainbowevent { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/icons/icon_st.patricks_day.png); background-size:100%; } #event_speedlinks .link.collectevent.china { width:65px; height:70px; background:url(https://mff.wavecdn.net/mff/Dragon_Head_Icon.png); background-size:100%; } #event_speedlinks .link.collectevent.birthday { width:50px; height:68px; background:url(https://mff.wavecdn.net/mff/BirthdayCake_Icon_01_8th.gif); } #event_speedlinks .link.collectevent.cherryblossom { width:50px; height:55px; background:url(https://mff.wavecdn.net/mff/CherryBlossom_Small_00.png); } #event_speedlinks .link.specialoffer.halloween { width:60px; height:42px; background:url(https://mff.wavecdn.net/mff/battle/Bonbon_BigRed.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_DELIVERYWINTER2024 { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/Holly_300x300.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_WINTER2024 { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/snowflake_standalone.png); background-size:100%; } #event_speedlinks .link.specialoffer.summer { width:50px; height:51px; background:url(https://mff.wavecdn.net/mff/specialoffer_summer2016.gif); background-size:100%; } #event_speedlinks .link.specialoffer.birthday { width:50px; height:51px; background:url(https://mff.wavecdn.net/mff/birthday2019_troete.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_SUMMER2025 { width:50px; height:51px; background:url(https://mff.wavecdn.net/mff/specialoffer_summer2016.gif); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_BEACH2022 { width:50px; height:51px; background:url(https://mff.wavecdn.net/mff/specialoffer_summer2016.gif); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_DELIVERYSUMMER2025 { width:50px; height:51px; background:url(https://mff.wavecdn.net/mff/specialoffer_summer2016.gif); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_BIRTHDAY2024 { width:50px; height:51px; background:url(https://mff.wavecdn.net/mff/birthday2019_troete.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_EM2021 { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/EM21_Button.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_OKTOBERFEST2025 { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/oktoberfest/Brezel_Icon.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_HALLOWEEN2024 { width:45px; height:50px; background:url(https://mff.wavecdn.net/mff/specialoffer/AlienInversion_Deco_Frame.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_PENTECOST2025 { width:35px; height:35px; background:url(https://mff.wavecdn.net/mff/Item_Present_00.png); background-size:100%; margin:5px; margin-top:18px; } #event_speedlinks .link.specialoffer.SPECIALOFFER_PENTECOST2025:after { content:''; position:absolute; top:-15px; left:-5px; width:35px; height:35px; background-image:url(https://mff.wavecdn.net/mff/eventgarden/plants/Icon_Peony_Blue_40x40.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_PENTECOST2025:before { content:''; z-index:1; position:absolute; top:-5px; left:10px; width:30px; height:30px; background-image:url(https://mff.wavecdn.net/mff/eventgarden/plants/Icon_Peony_Red_40x40.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_RAINBOWEVENT2025 { width:55px; height:55px; background-image:url(https://mff.wavecdn.net/mff/specialoffer/stPatricksday_deko_bot_right.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_EASTER2025 { width:35px; height:45px; background-image:url(https://mff.wavecdn.net/mff/specialoffer/header_easter_decoration.png); background-size:100%; } #event_speedlinks .link.specialoffer.SPECIALOFFER_COLLECTEVENT2025 { width:66px; height:60px; background-image:url(https://mff.wavecdn.net/mff/specialoffer/Cherryblossom_Deko_L.png); background-size:100%; } #event_speedlinks .link.deliveryevent.winter { width:45px; height:45px; background:url(https://mff.wavecdn.net/mff/Item_Present_00.png); background-size:100%; margin-top:3px; } #event_speedlinks .link.deliveryevent.summer { width:45px; height:52px; background:url(https://mff.wavecdn.net/mff/Item_Ice_00.png); background-size:100%; } #event_speedlinks.eventsline .link.deliveryevent.winter { margin-top:-10px; } #event_speedlinks .link.olympia .back { width:63px; height:77px; margin:0px -8px; margin-top:-10px; } #event_speedlinks .link.olympia .back:before { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(https://mff.wavecdn.net/mff/olympia/olympia_link3.png); transform:scale(0.75); } #event_speedlinks .link.tinkergame { width:40px; height:40px; border-radius:25px; background-color:#f8d921; border:2px solid #f5ae20; } #event_speedlinks .link.tinkergame:after { content:''; position:absolute; top:-2px; left:-5px; width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/birthday2019_partyhuetchen.png); background-size:100%; } #event_speedlinks .link.battle.halloween { width:65px; height:34px; background:url(https://mff.wavecdn.net/mff/battle/UFO_A.png); background-size:100%; margin-top:5px; } #event_speedlinks .link.battle.summer { width:55px; height:55px; background:url(https://mff.wavecdn.net/mff/battle/summer/Wasserbombe.png); background-size:100%; } #event_speedlinks .link.mastermind { width:32px; height:32px; background:url(https://mff.wavecdn.net/mff/wm/wm_icon.png); margin-top:8px; } #event_speedlinks .link.mastermind.beach { background-image:url(https://mff.wavecdn.net/mff/beach/Informant_Mastermind22_Single.png); width:50px; height:40px; background-size:100%; } #event_speedlinks .link.veggiesplash { width:88px; height:100px; margin:-35px -10px -10px -10px; } #event_speedlinks .link.veggiesplash:before { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(https://mff.wavecdn.net/mff/minigames/ship_icon.png); transform:scale(0.75); } #event_speedlinks .link.memory { width:75px; height:50px; background-size:100%; } #event_speedlinks .link.memory.birthday { background-image:url(https://mff.wavecdn.net/mff/memory_pack_birthday.png); } #event_speedlinks .link.memory.xmas { background-image:url(https://mff.wavecdn.net/mff/memory/memory_pack_christmas2024.2.png); margin:-5px 0px; width:65px; height:65px; } #event_speedlinks.eventsline .link.memory.xmas { margin-top:0px; } #event_speedlinks .link.memory.easter, #cityeasterevent .memory_pack { background-image:url(https://mff.wavecdn.net/mff/memory/Memory_Pack_Easter25.png); } #event_speedlinks .link.memory.halloween { background-image:url(https://mff.wavecdn.net/mff/memory_pack_Halloween_2021.png); } #event_speedlinks .link.memory.valentinsday { background-image:url(https://mff.wavecdn.net/mff/memory_pack_Valentinesday_2025.png); } #event_speedlinks .link.memory.summer { background-image:url(https://mff.wavecdn.net/mff/memory_pack_summer.2020.png); } #event_speedlinks .link.calendar .back { width:45px; height:48px; border-radius:5px; background-image:url(https://mff.wavecdn.net/mff/calendar/AdventCalendar2017_Icon_00.png); background-size:100%; } #event_speedlinks .link.calendar.easter .back { background-image:url(https://mff.wavecdn.net/mff/calendar/icon.png); } #event_speedlinks .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/Kalender_Icon_14.png); } #event_speedlinks.year2024 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_15.png); } #event_speedlinks.year2025 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_16.png); } #event_speedlinks.year2026 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_17.png); } #event_speedlinks.year2027 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_18.png); } #event_speedlinks.year2028 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_19.png); } #event_speedlinks.year2029 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_20.png); } #event_speedlinks.year2030 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_21.png); } #event_speedlinks.year2031 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_22.png); } #event_speedlinks.year2032 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_23.png); } #event_speedlinks.year2033 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_24.png); } #event_speedlinks.year2034 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_25.png); } #event_speedlinks.year2035 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_26.png); } #event_speedlinks.year2036 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_27.png); } #event_speedlinks.year2037 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_28.png); } #event_speedlinks.year2038 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_29.png); } #event_speedlinks.year2039 .link.calendar.birthday .back { background-image:url(https://mff.wavecdn.net/mff/calendar/birthday/Kalender_Icon_30.png); } #event_speedlinks .link.calendar.summer .back { background-image:url(https://mff.wavecdn.net/mff/calendar/icon_SommerKalender23.png); } #event_speedlinks .link.cropaction { top:0px; left:0px; width:45px; height:40px; } #event_speedlinks .link.cropaction.action15 { background-image:url(https://mff.wavecdn.net/mff/city/nektar.png); margin-top:5px; } #event_speedlinks .link.cropaction.action16 { background-image:url(https://mff.wavecdn.net/mff/MermaidSheep_Front_00.png); margin-top:5px; background-size:100%; width:50px; height:65px; } #event_speedlinks .link.cropaction.action17 { background-image:url(https://mff.wavecdn.net/mff/chicken_special4.png); margin-top:-5px; background-size:100%; width:40px; height:65px; } #event_speedlinks .link.cropaction { top:-5px; background-image:url(https://mff.wavecdn.net/mff/city/NinjaSheep_Front_00.png); background-size:100%; width:45px; height:72px; } #event_speedlinks .link.giftevent { width:50px; height:50px; background-image:url(https://mff.wavecdn.net/mff/Valentine2017_SilverHeart.png); background-size:100%; } #event_speedlinks .link.bonuspack { width:50px; height:37px; background-image:url(https://mff.wavecdn.net/mff/bonuspack/Chest_Icon.png); background-size:100%; margin-top:10px; transform:scale(1) scaleX(-1); } #event_speedlinks .link.bonuspack:hover { transform:scale(1.05) scaleX(-1); } #event_speedlinks .link.bonuspack .timer { position:absolute; bottom:-10px; left:auto; right:50%; transform:scaleX(-1); color:white; text-shadow:black 0px 0px 3px; width:150px; text-align:center; margin-right:-75px; font-size:10px; } #event_speedlinks .link.bonuspack .ttbox { transform:scaleX(-1); left:auto; right:0px; top:50px; } #event_speedlinks .link.pansetshop { width:60px; height:60px; background:url(https://mff.wavecdn.net/mff/SingelsDay_Icon.png); background-size:100%; } #event_speedlinks .link.coinsevent { width:60px; height:60px; background:url(https://mff.wavecdn.net/mff/coinsevent/BlackFriday_Icon.png); background-size:100%; } #event_speedlinks .link.nutcracker { width:50px; height:50px; margin:5px -5px 0px -5px; background:url(https://mff.wavecdn.net/mff/nutcracker/Nutcracker_EventIcon.png); background-size:100%; } #event_speedlinks.eventsline .link.nutcracker { margin-top:-20px; } #event_speedlinks .link.pentecostevent { width:55px; height:55px; background:url(https://mff.wavecdn.net/mff/pentecost/Peony_Button.png); background-size:100%; } #event_speedlinks .link.oktoberfest { width:65px; height:65px; background:url(https://mff.wavecdn.net/mff/oktoberfest/LederhosenSchaf.png); background-size:100%; margin-top:-10px; } #event_speedlinks .link.merchant_event { width:80px; height:50px; background:url(https://mff.wavecdn.net/mff/merchant_side2.png); background-size:100%; margin-top:5px; } #event_speedlinks .link.eventgarden { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/eventgarden/EventField_Icon.png); background-size:100%; margin-top:0px; } #event_speedlinks.eventsline .link.eventgarden { margin-top:-20px; } #event_speedlinks .link.laddergame { width:50px; height:50px; background:url(https://mff.wavecdn.net/mff/laddergame/ladderGame_icon.png); background-size:100%; margin-top:3px; } #event_speedlinks .link.pepeevent { width:50px; height:50px; background-size:100%; } .pepeevent.pid97 { width:50px; height:50px; background-image:url(https://mff.wavecdn.net/mff/icons/icon_poinsettia.png); } .pepeevent.pid104 { width:50px; height:50px; background-image:url(https://mff.wavecdn.net/mff/icons/icon_easter.png); } .pepeevent.pid107 { width:50px; height:50px; background-image:url(https://mff.wavecdn.net/mff/icons/icon_grapes.png); } .pepeevent.pid129 { width:50px; height:50px; background-image:url(https://mff.wavecdn.net/mff/icons/icon_tee.png); } .pepeevent.pid158 { width:50px; height:50px; background-image:url(https://mff.wavecdn.net/mff/icons/icon_tulips.png); } .event_flyer { position:absolute; left:0px; color:white; width:100px; } .event_flyer.idle { top:0px; opacity:1; transition:all 1s linear; } .event_flyer.up { top:-100px; opacity:0; transition:all 1s linear; } .event_flyer .line { margin-bottom:2px; } .event_flyer .img { float:left; } .event_flyer .amount { float:left; margin-top:10px; } .event_flyer.rainbowevent .img { width:35px; height:35px; background-size:100%; } .event_flyer.tinkergame .img { width:35px; height:35px; background-size:100% !important; } .event_buy_commit { } .event_buy_commit .coinsbutton_flex { font-size:11px; font-weight:bold; margin-bottom:5px; } #event_timeline { z-index:10; position:absolute; bottom:5px; left:5px; width:630px; height:20px; background-color:green; border-radius:5px; } #event_timeline.onlytext, #event_timeline.onlymix { background-color:transparent; } #event_timeline.is_battle { width:620px; } #event_timeline.is_deliveryevent { left:0px; bottom:28px; width:100%; } #event_timeline.is_tinkergame { z-index:1; width:655px; } #event_timeline.is_olympia { z-index:1; width:640px; } #event_timeline.is_cropaction { z-index:1; left:25px; bottom:25px; width:calc(100% - 50px); } #event_timeline.is_collectevent { width:calc(100% - 10px); } #event_timeline .part { position:absolute; bottom:0px; } #event_timeline .part:hover { z-index:1; background-color:white !important; } #event_timeline .part.event { left:0px; height:100%; background-color:forestgreen; border-top-left-radius:5px; border-bottom-left-radius:5px; } #event_timeline .part.exchange { right:0px; height:100%; background-color:transparent; border-top-right-radius:5px; border-bottom-right-radius:5px; } #event_timeline .part .tt { display:none; position:absolute; bottom:40px; left:50%; width:175px; box-sizing:border-box; margin-left:-100px; background-color:white; border-radius:5px; padding:10px; text-align:center; } #event_timeline .part .tt:after { content:''; position:absolute; bottom:-16px; left:50%; margin-left:-4px; border-style:solid; border-width:8px; height:0px; width:0px; border-color:white transparent transparent transparent; } #event_timeline .part .tttimer { font-weight:bold; margin-top:5px; } #event_timeline .icon { position:relative; width:20px; height:20px; background-image:url(https://mff.wavecdn.net/mff/eventgarden/EventField_Icon.png); background-size:100%; margin:0 auto; } #event_timeline .part .tt .icon { width:50px; height:50px; margin:0 auto; margin-bottom:5px; } #event_timeline .marker { z-index:1; position:absolute; bottom:0px; height:32px; border-right:1px solid black; pointer-events:none; box-sizing:border-box; white-space:nowrap; } #event_timeline.is_battle .marker { z-index:0; } #event_timeline .marker:after { content:''; position:absolute; top:-2px; right:-3px; width:5px; height:5px; border-radius:5px; background-color:black; } #event_timeline .marker:before { content:''; position:absolute; top:12px; left:0px; height:20px; width:100%; border-top-left-radius:5px; border-bottom-left-radius:5px; background-color:white; opacity:0.15; } #event_timeline .marker .timer { position:absolute; bottom:25px; left:calc(100% + 8px); width:100%; text-align:right; text-align:left; text-shadow:1px 1px 5px black; } #event_timeline.is_olympia .marker .timer, #event_timeline.is_collectevent .marker .timer, #event_timeline.is_pentecostevent .marker .timer { text-shadow:none; } #event_timeline .textbox { position:absolute; bottom:0px; left:0px; width:100%; text-align:center; } #event_timeline .textbox .icon { margin:0; margin-right:2px; } #event_timeline .textbox .line { display:flex; justify-content:center; align-items:center; } #event_timeline .textbox .line.highlight { font-size:12px; } #event_timeline .textbox .bold { font-weight:bold; } #event_timeline .tlcols { position:absolute; bottom:0px; left:0px; } #event_timeline .tlcols .tlline { display:flex; justify-content:left; align-items:center; margin-bottom:2px; } #event_timeline .tlcols .tlcol { position:relative; } #event_timeline .tlcols .tlcol .tttimer { position:absolute; top:3px; left:0px; width:100%; text-align:center; color:white; } #event_timeline .tlcols .tlcol1 { width:150px; text-align:right; margin-right:5px; } #event_timeline .tlcols .tlcol1.combi { display:flex; justify-content:left; align-items:center; } #event_timeline .tlcols .tlcol2 { width:300px; height:20px; } #event_timeline .tlcols .tlcol2 .tlbar { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:black; border-radius:5px; } #event_timeline .tlcols .tlcol2_inner { position:absolute; top:0px; left:0px; height:100%; background-color:green; border-radius:5px; } #battle.halloween #event_timeline .marker { border-right:1px solid white; } #battle.halloween #event_timeline .marker:after { background-color:white; } #event_timeline.is_deliveryevent .marker .timer, #event_timeline.is_tinkergame .marker .timer, #event_timeline.is_cropaction .marker .timer { text-shadow:none; } #event_timeline .marker .timer.right { left:auto; right:8px; text-align:right; } #event_eventgarden_link { position:absolute; top:5px; right:50px; width:60px; height:60px; } #event_eventgarden_link.is_battle { top:55px; right:5px; } #event_eventgarden_link.is_deliveryevent { top:-45px; right:60px; } #event_eventgarden_link.is_tinkergame { top:25px; right:5px; } #event_eventgarden_link.is_olympia { top:-500px; right:35px; } #event_eventgarden_link.is_cropaction { top:15px; right:30px; } #event_eventgarden_link.is_rainbowevent { right:40px; } #event_eventgarden_link.is_collectevent { right:35px; } #event_eventgarden_link:hover { z-index:1; transform:scale(1.05); } #event_eventgarden_link:after { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(https://mff.wavecdn.net/mff/eventgarden/EventField_Icon.png); background-size:100%; } #event_eventgarden_link .ttbox { top:10px; left:auto; right:65px; white-space:nowrap; } #event_eventgarden_link .ttbox .expired { font-weight:bold; margin-top:5px; } #event_eventgarden_link.off:after { filter:grayscale(1); opacity:0.5; } .superanimal_showcase_link { width:70px; height:34px; margin-top:-8px; background:url(https://mff.wavecdn.net/mff/superanimals_icon.png); background-size:100%; } .superanimal_showcase_link:hover { } .superanimal_showcase_link .ttbox { top:5px; left:75px; } .superanimal_showcase { display:none; position:absolute; top:0px; left:0px; width:100%; height:476px; border:2px solid #885F49; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:url(https://mff.wavecdn.net/mff/paymentitem_collection/Shelf_Background_00_3.jpg); } .superanimal_showcase .header { position:relative; padding:10px; background-color:white; border-bottom:2px solid #885A30; } .superanimal_showcase .slots { position:absolute; top:55px; left:25px; } .superanimal_showcase .slots .slot { position:relative; float:left; width:100px; height:120px; margin:10px 15px; } .superanimal_showcase .slots .slot:hover { } .superanimal_showcase .slots .slot .animal { position:absolute; top:0px; left:0px; width:100%; height:100%; background-size:100%; background-position:50% bottom; background-repeat:no-repeat; } .superanimal_showcase .slots .slot .animal.off { filter:grayscale(1); opacity:0.2; } .superanimal_showcase .slots .slot .building { position:absolute; right:0px; bottom:0px; margin-right:-70px; margin-bottom:-60px; transform:scale(0.25); } .superanimal_showcase .slots .slot .ttbox { top:-30px; left:50%; margin-left:-50px; width:100px; text-align:center; } .superanimal_showcase .goto { position:absolute; z-index:1; left:5px; top:60px; width:38px; height:30px; background:url(https://mff.wavecdn.net/mff/ButterflyHouse_SitchArrows_38x30.png); } .superanimal_showcase .goto.right { transform:scaleX(-1); left:auto; right:5px; } .flower_flight.set { position:absolute; top:0px; left:0px; width:100%; height:100%; } .flower_flight.set div { position:absolute; display:block; } .flower_flight.set div:nth-child(1) { left:5%; opacity:0; animation:flower_flight_flowers_ani 15s linear infinite; animation-delay:-7s; } .flower_flight.set div:nth-child(2) { left:12%; opacity:0; animation:flower_flight_flowers_ani 20s linear infinite; animation-delay:-8s; } .flower_flight.set div:nth-child(3) { left:24%; opacity:0; animation:flower_flight_flowers_ani 7s linear infinite; animation-delay:-3s; } .flower_flight.set div:nth-child(4) { left:36%; opacity:0; animation:flower_flight_flowers_ani 20s linear infinite; animation-delay:-15s; } .flower_flight.set div:nth-child(5) { left:48%; opacity:0; animation:flower_flight_flowers_ani 22s linear infinite; animation-delay:-7s; } .flower_flight.set div:nth-child(6) { left:60%; opacity:0; animation:flower_flight_flowers_ani 13s linear infinite; animation-delay:-5s; } .flower_flight.set div:nth-child(7) { left:72%; opacity:0; animation:flower_flight_flowers_ani 5s linear infinite; animation-delay:-12s; } .flower_flight.set div:nth-child(8) { left:84%; opacity:0; animation:flower_flight_flowers_ani 24s linear infinite; animation-delay:-7s; } .flower_flight.set div:nth-child(9) { left:96%; opacity:0; animation:flower_flight_flowers_ani 19s linear infinite; animation-delay:-6s; } @keyframes flower_flight_flowers_ani { 0% { top:-10%; opacity:0; transform:translateX(20px) rotate(0deg); } 10% { opacity:1; } 20% { transform:translateX(20px) rotate(45deg); } 40% { transform:translateX(20px) rotate(90deg); } 60% { transform:translateX(20px) rotate(135deg); } 80% { transform:translateX(20px) rotate(180deg); } 100% { top:110%; transform:translateX(20px) rotate(225deg); } } .flower_flight.set2 { transform:scale(2) rotateY(180deg); filter:blur(2px); } .flower_flight.set3 { transform:scale(0.8) rotateY(180deg); filter:blur(4px); } #eventgarden .flower_flight.set2 { transform:scale(2) rotateY(180deg); filter:blur(0px); } #eventgarden .flower_flight.set3 { transform:scale(0.8) rotateY(180deg); filter:blur(0px); } #specialoffer_new .flower_flight.set2 { transform:scale(2) rotateY(180deg); filter:blur(0px); } #specialoffer_new .flower_flight.set3 { transform:scale(0.8) rotateY(180deg); filter:blur(0px); }#ee1 { position:absolute; bottom:0px; left:50%; width:4px; height:4px; background-color:transparent; } #ee1a { display:none; z-index:100; position:absolute; top:700px; left:50%; margin-left:-90px; width:195px; height:259px; transform:scale(0.5); background:url(https://mff.wavecdn.net/mff/vet_cow_body.png) } #ee1a_1 { position:absolute; top:-50px; left:35px; padding:5px; width:100px; text-align:center; background-color:#000; color:#fff; border-radius:5px; transform:scale(2.5); } #ee1a_2 { position:absolute; top:41px; left:18px; width:77px; height:107px; background:url(https://mff.wavecdn.net/mff/vet_pony_head_queue.gif); } #ee1a_3 { position:absolute; top:40px; left:72px; width:85px; height:111px; background:url(https://mff.wavecdn.net/mff/vet_cow_head_queue.gif); } #ee_moos { position:absolute; top:0px; left:0px; z-index:100; } .ee_moo { position:absolute; background-color:#00f; left:-100px; background:url(https://mff.wavecdn.net/mff/cow_special2_10.png); width:97px; height:187px; transform:scale(0.4); } .ee_moo_tt { display:none; position:absolute; top:-80px; left:0px; background-color:#000; color:#fff; padding:10px; border-radius:5px; font-size:44px; } #ee_moo_title { margin-top:40px; font-weight:bold; font-size:20px; color:#fff; width:720px; text-align:center; opacity:1; transform:scale(1); transition:transform 2.5s linear, opacity 2.5s linear; } #ee_moo_title.ee_moo_out { opacity:0; transform:scale(4); } #gildenname { width:200px; } #gildendesc { width:412px; } #profil_main_transp { display:none; z-index:100; position:absolute; top:0px; left:0px; width:100%; height:100%; } #profil_main { display:none; z-index:100; position:absolute; top:50px; left:50%; margin-left:-320px; width:640px; height:540px; background:url(https://mff.wavecdn.net/mff/architect_back.jpg); font-size:11px; } .profil_intro { position:relative; margin:0 auto; margin-top:25px; text-align:center; width:575px; } #profil_options { position:relative; margin:10px 0 0 35px; overflow:auto; height:440px; } .profil_line { position:relative; margin:0 0 2px 0; width:560px; padding:4px; } .profil_line:hover { background-color:#C3A75E; border-radius:5px; } .profil_leftcol { position:relative; float:left; width:150px; text-align:right; margin:2px 10px 0 0; } .profil_leftcol.token { width:265px; } .profil_rightcol { position:relative; float:left; width:380px; margin:0 5px 0 0; } .profil_rightcol.token { width:150px; } .profil_midcol { position:relative; width:300px; } #profil_name, #profil_id { font-weight:bold; } #profil_main.steam #profil_name { display:none; } #profil_main.steam .profil_line_disable_autologout { display:none; } .profil_save { display:none; position:absolute; right:0px; top:0px; } #profil_save_email { display:block; } #profil_delete, #profil_reset { position:absolute; right:0px; top:0px; } .profil_present { background:url(https://mff.wavecdn.net/mff/gifts/secret.gif); background-size:35px 35px; width:35px; height:35px; } #profil_save_info { z-index:100; display:none; position:absolute; top:0px; left:0px; background-color:#000; width:100%; height:100%; } #profil_settings, #profil_canvass_main { display:none; position:absolute; top:0px; left:0px; width:100%; } .profil_canvass_send, .profil_canvass_banner { position:relative; margin:0 auto; margin-top:20px; width:575px; text-align:center; } .profil_canvass_send { width:560px; border-radius:5px; padding:5px; background-color:#C3A75E; } .profil_canvass_banner_list { overflow:auto; height:150px; margin-top:10px; } #profil_canvass_letters { font-size:10px; } #profil_canvass_error { display:none; font-weight:bold; color:#f00; margin:10px 0; } .heart { } .heart:before, .heart:after { content:''; position:absolute; left:25px; top:0; width:25px; height:40px; background:pink; border-radius:25px 25px 0 0; transform:rotate(-45deg); transform-origin:0 100%; } .heart:after { left:0; transform:rotate(45deg); transform-origin:100% 100%; } #farmersmarket_pos5_inner { z-index:25; display:none; position:absolute; top:50px; left:50%; width:640px; height:540px; margin-left:-320px; border-radius:5px; border:2px solid #885F49; overflow:hidden; background-color:#fff; } #vet_back { position:absolute; top:0; background:url(https://mff.wavecdn.net/mff/vet_inner2.jpg); width:1210px; height:100%; } .vet_back_left { left:0px; transition:left 0.4s ease-out; } .vet_back_right { left:-570px; transition:left 0.4s ease-out; } #vet_sroller { position:absolute; bottom:45px; left:568px; width:59px; height:52px; } #vet_animal_slots { position:absolute; top:80px; left:0px; width:565px; } .vet_animal_slot { position:absolute; width:195px; height:259px; } .vet_animal_flyer { visibility:hidden; font-size:14px; opacity:1; position:absolute; top:50px; color:#fff; text-shadow:#000 0px 0px 3px; width:150px; text-align:center; transition:top 3s linear, opacity 3s linear; } .vet_animal_flyer.up { visibility:visible; top:-50px; opacity:0; transform:top; } #vet_animal_slot1 { top:-5px; left:-1px; } #vet_animal_slot2 { top:-14px; left:187px; } #vet_animal_slot3 { top:-14px; left:374px; } #vet_animal_cashup1 { top:-35px; left:95px; } #vet_animal_cashup2 { top:-35px; left:280px; } #vet_animal_cashup3 { top:-35px; left:480px; } #vet_animal_flyer1 { left:25px; } #vet_animal_flyer2 { left:210px; } #vet_animal_flyer3 { left:410px; } .vet_animal_cashup_tt { top:10px; left:65px; } .vet_animal_slot_mark { border:2px solid #0f0; } .vet_animal_slot_hover { background:url(https://mff.wavecdn.net/mff/vet_animalslot_hover.gif) 50% 100% no-repeat; } #vet_animal_queue { position:absolute; bottom:-80px; left:20px; width:580px; height:300px; display:flex; justify-content:right; flex-direction:row-reverse; } .vet_animal_queue_item { position:relative; margin-left:-60px; width:195px; height:295px; } .vet_animal_queue_item:hover { } .vet_animal_queue_item_tt_left:after, .vet_animal_queue_item_tt_right:after { content:''; position:absolute; margin:15px; border-color:#fff transparent transparent transparent; border-style:solid; border-width:8px; height:0px; width:0px; } .vet_animal_queue_item_tt_left { position:absolute; bottom:275px; left:30px; } .vet_animal_queue_item_tt_left:after { bottom:-30px; left:25px; } .vet_animal_queue_item_tt_right { position:absolute; bottom:275px; right:15px; } .vet_animal_queue_item_tt_right:after { bottom:-30px; right:60px; } .vet_animal_queue_animal_tt { position:absolute; left:100px; } .vet_animal_queue_animal_img3 { background:url(https://mff.wavecdn.net/mff/vet_cow_body.png) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_cow_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_sick, .vet_animal_queue_animal_img3_verysick { background:url(https://mff.wavecdn.net/mff/vet_cow_body_sick.png) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_sick:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_cow_head_sick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_verysick:after { content:''; position:absolute; top:62px; left:48px; background:url(https://mff.wavecdn.net/mff/vet_cow_head_queue_verysick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4 { background:url(https://mff.wavecdn.net/mff/vet_sheep_body.png) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_sheep_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_sick, .vet_animal_queue_animal_img4_verysick { background:url(https://mff.wavecdn.net/mff/vet_sheep_body.png) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_sick:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_sheep_head_sick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_verysick:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_sheep_head_sick_verysick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img12 { background:url(https://mff.wavecdn.net/mff/vet_goat_body_ready.png) 60px 77px no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img12:after { content:''; position:absolute; top:41px; left:46px; background:url(https://mff.wavecdn.net/mff/vet_goat_head_ready.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img12_sick, .vet_animal_queue_animal_img12_verysick { background:url(https://mff.wavecdn.net/mff/vet_goat_body_sick.png) 56px 100px no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img12_sick:after { content:''; position:absolute; top:86px; left:41px; background:url(https://mff.wavecdn.net/mff/vet_goat_head_queue.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img12_verysick:after { content:''; position:absolute; top:91px; left:38px; background:url(https://mff.wavecdn.net/mff/vet_goat_head_queue_verysick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img18 { background:url(https://mff.wavecdn.net/mff/vet_pony_body.png) no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img18:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_pony_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img18_sick, .vet_animal_queue_animal_img18_verysick { background:url(https://mff.wavecdn.net/mff/vet_pony_body_sick.png) no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img18_sick:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_pony_head_sick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img18_verysick:after { content:''; position:absolute; top:91px; left:58px; background:url(https://mff.wavecdn.net/mff/vet_pony_head_queue_verysick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img99 { background:url(https://mff.wavecdn.net/mff/vet_pig_body.png) 25px 75px no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img99:after { content:''; position:absolute; top:26px; left:32px; background:url(https://mff.wavecdn.net/mff/vet_pig_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img99_sick, .vet_animal_queue_animal_img99_verysick { background:url(https://mff.wavecdn.net/mff/vet_pig_body.png) 20px 70px no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img99_sick:after { content:''; position:absolute; top:7px; left:35px; background:url(https://mff.wavecdn.net/mff/vet_pig_head_sick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img99_verysick:after { content:''; position:absolute; top:7px; left:35px; background:url(https://mff.wavecdn.net/mff/vet_pig_head_verysick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_queue { background:url(https://mff.wavecdn.net/mff/vet_cow_body.png) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_cow_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_sick_queue, .vet_animal_queue_animal_img3_verysick_queue { background:url(https://mff.wavecdn.net/mff/vet_cow_body_queue.png) 40px 85px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_sick_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_cow_head_queue.gif) 47px 37px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img3_verysick_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_cow_head_queue_verysick.gif) 47px 37px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_queue { background:url(https://mff.wavecdn.net/mff/vet_sheep_body.png) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_sheep_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_sick_queue, .vet_animal_queue_animal_img4_verysick_queue { background:url(https://mff.wavecdn.net/mff/vet_sheep_body.png) 0px 43px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_sick_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_sheep_head_sick.gif) 0px 43px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img4_verysick_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_sheep_head_sick_verysick.gif) 0px 43px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img12_queue { background:url(https://mff.wavecdn.net/mff/vet_pony_body.png) no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img12_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_pony_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img12_sick_queue, .vet_animal_queue_animal_img12_verysick_queue { background:url(https://mff.wavecdn.net/mff/vet_goat_body_queue.png) 40px 85px no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img12_sick_queue:after { content:''; position:absolute; top:-6px; left:-16px; background:url(https://mff.wavecdn.net/mff/vet_goat_head_queue.gif) 47px 37px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img12_verysick_queue:after { content:''; position:absolute; top:-6px; left:-16px; background:url(https://mff.wavecdn.net/mff/vet_goat_head_queue_verysick.gif) 47px 37px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img18_queue { background:url(https://mff.wavecdn.net/mff/vet_pony_body.png) no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img18_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_pony_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img18_sick_queue, .vet_animal_queue_animal_img18_verysick_queue { background:url(https://mff.wavecdn.net/mff/vet_pony_body_queue.png) 40px 85px no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img18_sick_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_pony_head_queue.gif) 47px 37px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img18_verysick_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_pony_head_queue_verysick.gif) 47px 37px no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img99_queue { background:url(https://mff.wavecdn.net/mff/vet_pig_body.png) no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img99_queue:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_pig_head.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img99_sick_queue, .vet_animal_queue_animal_img99_verysick_queue { background:url(https://mff.wavecdn.net/mff/vet_pig_body_queue.png) 20px 105px no-repeat; width:100%; height:100% } .vet_animal_queue_animal_img99_sick_queue:after { content:''; position:absolute; top:33px; left:28px; background:url(https://mff.wavecdn.net/mff/vet_pig_head_sick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_animal_img99_verysick_queue:after { content:''; position:absolute; top:33px; left:27px; background:url(https://mff.wavecdn.net/mff/vet_pig_head_verysick.gif) no-repeat; width:100%; height:100%; } .vet_animal_queue_active { position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/vet_selection_frame.gif); width:192px; height:212px; } .vet_animal_disease_big { position:relative; float:left; margin:5px; border-radius:4px; } .vet_animal_disease { position:relative; float:left; margin:0px 0px 0px -3px; border-radius:4px; } .vet_animal_disease { width:25px; height:25px; } .vet_animal_disease_big { width:50px; height:50px; } .vet_animal_disease0 { background:url(https://mff.wavecdn.net/mff/filter.jpg); } .vet_animal_disease0_big { background:url(https://mff.wavecdn.net/mff/filter_big.jpg); } .vet_animal_disease1 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -0px -0px; } .vet_animal_disease1_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -0px -0px; } .vet_animal_disease2 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -25px -0px; } .vet_animal_disease2_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -50px -0px; } .vet_animal_disease3 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -50px -0px; } .vet_animal_disease3_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -100px -0px; } .vet_animal_disease4 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -75px -0px; } .vet_animal_disease4_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -150px -0px; } .vet_animal_disease5 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -100px -0px; } .vet_animal_disease5_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -200px -0px; } .vet_animal_disease6 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -125px -0px; } .vet_animal_disease6_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -250px -0px; } .vet_animal_disease7 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -150px -0px; } .vet_animal_disease7_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -300px -0px; } .vet_animal_disease8 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -175px -0px; } .vet_animal_disease8_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -350px -0px; } .vet_animal_disease9 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -200px -0px; } .vet_animal_disease9_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -400px -0px; } .vet_animal_disease10 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -225px -0px; } .vet_animal_disease10_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -450px -0px; } .vet_animal_disease11 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -0px -25px; } .vet_animal_disease11_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -0px -50px; } .vet_animal_disease12 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -25px -25px; } .vet_animal_disease12_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -50px -50px; } .vet_animal_disease13 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -50px -25px; } .vet_animal_disease13_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -100px -50px; } .vet_animal_disease14 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -75px -25px; } .vet_animal_disease14_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -150px -50px; } .vet_animal_disease15 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -100px -25px; } .vet_animal_disease15_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -200px -50px; } .vet_animal_disease16 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -125px -25px; } .vet_animal_disease16_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -250px -50px; } .vet_animal_disease17 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -150px -25px; } .vet_animal_disease17_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -300px -50px; } .vet_animal_disease18 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -175px -25px; } .vet_animal_disease18_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -350px -50px; } .vet_animal_disease19 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -200px -25px; } .vet_animal_disease19_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -400px -50px; } .vet_animal_disease20 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -225px -25px; } .vet_animal_disease20_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -450px -50px; } .vet_animal_disease21 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -0px -50px; } .vet_animal_disease21_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -0px -100px; } .vet_animal_disease22 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -25px -50px; } .vet_animal_disease22_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -50px -100px; } .vet_animal_disease23 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -50px -50px; } .vet_animal_disease23_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -100px -100px; } .vet_animal_disease24 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -75px -50px; } .vet_animal_disease24_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -150px -100px; } .vet_animal_disease25 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -100px -50px; } .vet_animal_disease25_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -200px -100px; } .vet_animal_disease26 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -125px -50px; } .vet_animal_disease26_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -250px -100px; } .vet_animal_disease27 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -150px -50px; } .vet_animal_disease27_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -300px -100px; } .vet_animal_disease28 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -175px -50px; } .vet_animal_disease28_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -350px -100px; } .vet_animal_disease29 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -200px -50px; } .vet_animal_disease29_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -400px -100px; } .vet_animal_disease30 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -225px -50px; } .vet_animal_disease30_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -450px -100px; } .vet_animal_disease31 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -0px -75px; } .vet_animal_disease31_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -0px -150px; } .vet_animal_disease32 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -25px -75px; } .vet_animal_disease32_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -50px -150px; } .vet_animal_disease33 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -50px -75px; } .vet_animal_disease33_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -100px -150px; } .vet_animal_disease34 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -75px -75px; } .vet_animal_disease34_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -150px -150px; } .vet_animal_disease35 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -100px -75px; } .vet_animal_disease35_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -200px -150px; } .vet_animal_disease36 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -125px -75px; } .vet_animal_disease36_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -250px -150px; } .vet_animal_disease37 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -150px -75px; } .vet_animal_disease37_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -300px -150px; } .vet_animal_disease38 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -175px -75px; } .vet_animal_disease38_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -350px -150px; } .vet_animal_disease39 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -200px -75px; } .vet_animal_disease39_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -400px -150px; } .vet_animal_disease40 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -225px -75px; } .vet_animal_disease40_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -450px -150px; } .vet_animal_disease41 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -0px -100px; } .vet_animal_disease41_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -0px -200px; } .vet_animal_disease42 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -25px -100px; } .vet_animal_disease42_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -50px -200px; } .vet_animal_disease43 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -50px -100px; } .vet_animal_disease43_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -100px -200px; } .vet_animal_disease44 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -75px -100px; } .vet_animal_disease44_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -150px -200px; } .vet_animal_disease45 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -100px -100px; } .vet_animal_disease45_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -200px -200px; } .vet_animal_disease46 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -125px -100px; } .vet_animal_disease46_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -250px -200px; } .vet_animal_disease47 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -150px -100px; } .vet_animal_disease47_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -300px -200px; } .vet_animal_disease48 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -175px -100px; } .vet_animal_disease48_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -350px -200px; } .vet_animal_disease49 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -200px -100px; } .vet_animal_disease49_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -400px -200px; } .vet_animal_disease50 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -225px -100px; } .vet_animal_disease50_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -450px -200px; } .vet_animal_disease51 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -0px -125px; } .vet_animal_disease51_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -0px -250px; } .vet_animal_disease52 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -25px -125px; } .vet_animal_disease52_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -50px -250px; } .vet_animal_disease53 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -50px -125px; } .vet_animal_disease53_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -100px -250px; } .vet_animal_disease54 { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3_mini.jpg) -75px -125px; } .vet_animal_disease54_big { background:url(https://mff.wavecdn.net/mff/maps_herbs_drugs/vet_diseases3.jpg) -150px -250px; } .vet_animal_disease_tt, .vet_animal_disease_option_tt { top:55px; } .vet_animal_disease_option_tt { right:0px; } .vet_animal_disease_option { display:none; position:absolute; top:20px; left:0px; background:url(https://mff.wavecdn.net/mff/megafruit_objectbar_down.png) bottom; width:20px; padding:5px 18px 15px; } .vet_animal_disease_option_drug { position:relative; border-radius:5px; } .vet_animal_disease_option_drug_active { display:none; position:absolute; bottom:0px; right:-30px; background:url(https://mff.wavecdn.net/mff/architect_item_bought.png); width:63px; height:47px; } .vet_animal_disease_start, .vet_animal_disease_end, .vet_animal_disease_speedup { display:none; position:absolute; bottom:165px; left:50%; width:250px; margin-left:-125px; padding:5px; } .vet_animal_disease_timer { display:none; position:relative; } .vet_medicalrecord_line { position:relative; float:left; margin-right:20px; } .vet_animal_queue_animal_timer { position:absolute; bottom:0px; left:50%; width:150px; margin-left:-75px; } .drug_select { z-index:100; display:none; position:absolute; top:8px; left:143px; background-color:#fff; border:2px solid #885F49; border-left:0px; border-top-right-radius:5px; border-bottom-right-radius:5px; width:144px; } .vet_medicalrecord_line:hover { } .vet_medicalrecord_duration { } .vet_animal_queue_flyer { display:none; position:absolute; top:0px; left:20%; background-color:#000; color:#fff; padding:10px; border-radius:10px; white-space:nowrap; } .vet_animal_queue_flyer:after { content:''; position:absolute; height:50px; top:17px; left:8px; margin:15px; border-color:#000 transparent transparent transparent; border-style:solid; border-width:8px; height:0px; width:0px; } #vet_stats_box, #fuelstation_stats_box { z-index:15; display:none; position:absolute; top:10px; left:50%; margin-left:-262px; width:465px; height:453px; background:url(https://mff.wavecdn.net/mff/megafruit_stats.jpg); padding:30px; } #vet_transp { display:none; z-index:15; } #vet_levelbar { position:absolute; top:5px; left:5px; } #vet_countbar { position:absolute; top:5px; left:390px; } #vet_reward_button { position:absolute; top:5px; left:277px; width:55px; height:43px; background:url(https://mff.wavecdn.net/mff/megafield_mini_buttons.png) 0px 0px; } #vet_reward_button:hover { background-position:0px -43px; } #vet_quest_button { position:absolute; top:4px; left:332px; width:55px; height:43px; background:url(https://mff.wavecdn.net/mff/questbutton.png) 0px 0px; } #vet_quest_button:hover { background-position:0px -43px; } #vet_stats { position:absolute; top:5px; left:222px; width:55px; height:43px; background:url(https://mff.wavecdn.net/mff/megafield_mini_buttons.png) -55px 0px; } #vet_stats:hover { background-position:-55px -43px; } #vet_stats_select_line { background-color:#C3A75E; padding:4px; border-radius:4px; text-align:left; margin-bottom:5px; } #vet_stats_select { border-radius:4px; border-color:#fff; } .vet_stats_list { height:395px; overflow:auto; } .vet_stats_line { position:relative; padding:4px; border-radius:5px; } .vet_stats_line:hover { background-color:#C3A75E; } .vet_stats_rank { position:relative; float:left; width:25px; text-align:right; margin-right:5px; } .vet_stats_name { position:relative; float:left; text-align:left; margin-right:5px; } .vet_stats_counter { position:relative; width:100px; float:right; text-align:right; } #vet_production_slots { position:absolute; right:15px; width:590px; } .vet_production_slot { position:relative; float:left; margin-right:15px; width:277px; height:142px; background:url(https://mff.wavecdn.net/mff/nursery_slot_back.png); } .vet_production_slot:before { content:''; position:absolute; top:4px; left:5px; width:102px; height:135px; background:url(https://mff.wavecdn.net/mff/strickerei_slot.png) } .vet_production_slot:hover { transform:scale(1.05); -webkit-transform:scale(1.05); } .vet_production_slot_img { position:absolute; top:57px; left:32px; width:50px; height:50px; } .vet_production_slot_info { position:absolute; top:15px; left:115px; width:145px; height:110px; } .vet_production_slot_block, .vet_animal_slot_block { display:none; position:absolute; top:0px; left:10px; background:url(https://mff.wavecdn.net/mff/new_lock_slot.png); width:80px; height:126px; } .vet_production_slot_block_tt, .vet_animal_slot_block_tt { position:absolute; top:150px; } .vet_production_slot_rent_timer { display:none; position:absolute; top:128px; left:-2px; background:url(https://mff.wavecdn.net/mff/oilslot_remain.png); width:109px; height:26px; padding-top:25px; text-align:center; } .vet_animal_slot_rent_timer { display:none; position:absolute; top:150px; } .vet_production_selection { position:relative; width:450px; height:380px; margin:40px 0 20px 0; } .vet_production_select_item { float:left; position:relative; margin:0 20px 20px 0; width:205px; height:175px; background-color:#C3A75E; border-radius:5px; } .vet_production_select_item:hover { transform:scale(1.05); -webkit-transform:scale(1.05); } .vet_production_select_item_diseases { background-color:#FFAF62; position:absolute; bottom:0px; width:195px; padding:2px 5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; } .vet_production_select_navi_up, #cowracing_feed_selection_navi_up { position:absolute; top:-58px; background:url(https://mff.wavecdn.net/mff/foodworld/arrow_up.3.png); width:253px; height:58px; left:50%; margin-left:-126px; } .vet_production_select_navi_up:hover, #pets_production_selection_navi_up:hover, #pets_need_selection_navi_up:hover, #cowracing_production_selection_navi_up:hover, #cowracing_feed_selection_navi_up:hover { background:url(https://mff.wavecdn.net/mff/foodworld/arrow_up_on.3.png); } .vet_production_select_navi_down, #cowracing_feed_selection_navi_down { position:absolute; bottom:-48px; background:url(https://mff.wavecdn.net/mff/foodworld/arrow_down.3.png); width:253px; height:58px; left:50%; margin-left:-126px; } .vet_production_select_navi_down:hover, #pets_production_selection_navi_down:hover, #pets_need_selection_navi_down:hover, #cowracing_production_selection_navi_down:hover, #cowracing_feed_selection_navi_down:hover { background:url(https://mff.wavecdn.net/mff/foodworld/arrow_down_on.3.png); } .vet_production_slot_speedup { position:absolute; right:-5px; bottom:15px; } .vet_production_slot_speedup_tt { position:absolute; right:30px; bottom:0px; } .vet_animal_disease_healani { display:none; position:absolute; bottom:0px; left:0px; animation:vethealplus 1.7s linear infinite; -webkit-animation:vethealplus 1.7s linear infinite; } #vet_heal_plus1 { position:absolute; top:0px; left:65px; } #vet_heal_plus2 { position:absolute; top:25px; left:90px; } #vet_heal_plus3 { position:absolute; top:0px; left:115px; } .vet_heal_plus{ background:#f00; width:10px; height:30px; position:relative; margin-left:10px; border-radius:3px; } .vet_heal_plus:before{ background:#f00; content:""; width:30px; height:10px; position:absolute; top:10px; left:-10px; border-radius:3px; } @keyframes vethealplus { 0% { opacity:0; bottom:50px; } 25% { opacity:0.8; bottom:100px; } 75% { opacity:0; bottom:200px; } 100% { opacity:0; bottom:200px; } } @-webkit-keyframes vethealplus { 0% { opacity:0; bottom:50px; } 25% { opacity:0.8; bottom:100px; } 75% { opacity:0; bottom:200px; } 100% { opacity:0; bottom:200px; } } .farmersmarket_pos5_progress_active { background:url(https://mff.wavecdn.net/mff/vet_production_running.gif) 50% 50% no-repeat; width:68px; height:78px; } .farmersmarket_pos5_progress_ready { background:url(https://mff.wavecdn.net/mff/vet_production_ready.gif) 50% 50% no-repeat; width:62px; height:97px; } .vet_production_slot_img_tt { position:absolute; left:50px; } .vet_animal_disease_tt_left { position:absolute; top:55px; left:0px; } .vet_animal_disease_tt_right { position:absolute; top:55px; right:0px; } .vet_animal_disease_tt_bottom_left { position:absolute; bottom:30px; right:0px; } .vet_animal_queue_item_tt_reward { margin-top:5px; border-top:1px solid #000; padding:4px; } .vet_animal_queue_item_tt_reward_item { margin-bottom:2px; } .vet_medicalrecord { position:relative; } .vet_medicalrecord_info { margin:50px 0px 10px 0px; text-align:center; } .vet_medicalrecord_list { position:relative; width:100%; background:#fff; } .vet_medicalrecord_list_on { height:250px; -webkit-transition:height 0.4s linear; transition:height 0.4s linear; } .vet_medicalrecord_list_off { height:0px; -webkit-transition:height 0.4s linear; transition:height 0.4s linear; } #vet_animal_record { display:none; z-index:15; position:absolute; top:0px; left:50%; margin-left:-251px; width:475px; height:522px; background:url(https://mff.wavecdn.net/mff/clipboard.png); padding:10px; border-radius:10px; } .vet_medicalrecord_rewardblock { position:absolute; bottom:50px; height:80px; background-color:#C3A75E; border-radius:5px; left:50%; width:330px; margin-left:-165px; padding:4px; } #vet_production_filter_icon { position:absolute; top:-45px; left:0px; } #vet_production_filter_box { z-index:100; display:none; position:absolute; top:-40px; left:28px; width:480px; height:420px; background:#fff; padding:10px; border-radius:5px; border-top-left-radius:0; border:2px solid #BDF6B2; } .vet_leveladd_item { width:20px; height:20px; background:url(https://mff.wavecdn.net/mff/vet_patch20x20.png); } .vet_role_select_item { position:relative; float:left; margin-right:5px; width:100px; background-color:#FFAF62; padding:10px 5px; border-radius:5px; border-right:2px solid #C3A75E; border-bottom:2px solid #C3A75E; } .vet_role_select_item:hover { background-color:#C3A75E; } #vet_help_button { position:absolute; top:35px; right:5px; } #vet_timerbar_info_tt { display:none; position:absolute; bottom:40px; left:50%; width:200px; margin-left:-100px; border:2px solid #885F49; border-radius:5px; background:#fff; padding:10px; } #vet_timerbar_info_tt:after { content:''; position:absolute; margin:15px; top:18px; left:43%; border-color:#fff transparent transparent transparent; border-style:solid; border-width:8px; height:0px; width:0px; } .vet_role_icon1 { background:url(https://mff.wavecdn.net/mff/vet_role1_icon.png) 50% 50% no-repeat; width:100%; height:60px; margin-bottom:4px; } .vet_role_icon2 { background:url(https://mff.wavecdn.net/mff/vet_role2_icon.png) 50% 50% no-repeat; width:100%; height:60px; margin-bottom:4px; } .vet_role_icon3 { background:url(https://mff.wavecdn.net/mff/vet_role3_icon.png) 50% 50% no-repeat; width:100%; height:60px; margin-bottom:4px; } .flask_big { background:url(https://mff.wavecdn.net/mff/flask_big.png); width:102px; height:135px; } .vet_cashup { display:none; position:absolute; top:-20px; left:50%; margin-left:-30px; background:url(https://mff.wavecdn.net/mff/vet_cashup.png); width:60px; height:80px; } .vet_cashup:hover { background-position:-60px 0px; } #vet_production_filter_icon_tt { left:30px; top:0px; white-space:nowrap; } .vet_animal_disease_option_phase { position:absolute; left:0px; bottom:0; font-weight:bold; } .vet_help_categories { position:relative; } .vet_help_categories_item, .vet_help_categories_item_active { float:left; position:relative; width:75px; height:25px; border-top-left-radius:5px; border-top-right-radius:5px; margin-right:-1px; } .vet_help_categories_item { border:1px solid #000; } .vet_help_categories_item_active { border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #fff; } #vet_help_category1:after, #vet_help_category2:after, #vet_help_category3:after, #vet_help_category4:after { content:''; position:absolute; left:10px; background:url(https://mff.wavecdn.net/mff/vet_help_tabs.png); width:55px; height:26px; } #vet_help_category1:after { background-position:0px 0px; } #vet_help_category2:after { background-position:-55px 0px; } #vet_help_category3:after { background-position:-110px 0px; } #vet_help_category4:after { background-position:-165px 0px; } .vet_help_category_tt { left:0px; top:30px; } #vet_help_page1, #vet_help_page2, #vet_help_page3, #vet_help_page4 { display:none; border-top:1px solid #000; padding-top:10px; margin-top:-1px; padding-top:35px; } .vet_medicalrecord_reward_info { position:absolute; bottom:15px; width:360px; left:50%; margin-left:-180px; font-style:italic; } #vet_medicalrecord_missing_products { position:absolute; top:330px; left:80px; font-weight:bold; color:#f00; } #vet_pharmacist { position:absolute; top:43px; right:40px; width:65px; height:65px; } .vet_pharmacist { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(https://mff.wavecdn.net/mff/pharmacist_symbol.png) 0px -65px; } #vet_pharmacist:hover { } #vet_pharmacist_timer { position:absolute; background:url(https://mff.wavecdn.net/mff/timer_wood.png); top:15px; right:40px; width:150px; height:10px; padding:12px 0px; text-align:center; } #vet_pharmacist_tt { top:50px; right:35px; min-width:135px; } .vet_pharmacist_slots { display:none; position:absolute; right:13px; bottom:-56px; } .vet_pharmacist_slot { position:relative; float:left; width:65px; height:60px; background:url(https://mff.wavecdn.net/mff/pharmacist_slot.png) -3px 0px; margin-right:-4px; } .vet_pharmacist_slot_tt { bottom:50px; right:0px; } .vet_production_slots_normal { top:120px; } .vet_production_slots_spacer { top:105px; } .vet_production_slot_normal { margin-bottom:15px; } .vet_production_slot_spacer { margin-bottom:55px; } .vet_pharmacist_slot_img, .vet_pharmacist_slot_status { position:relative; width:100%; height:100%; background-position:50% 50%; } .vet_pharmacist_slot_img { margin-left:7px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } .vet_pharmacist_slot_status.next { position:absolute; top:0px; left:0px; width:100%; height:52px; background:url(https://mff.wavecdn.net/mff/pharmacist_hourglass.gif) 50% 50% no-repeat; } .vet_pharmacist_slot_status.running { position:absolute; top:25%; left:25%; background:url(https://mff.wavecdn.net/mff/reallocatebuildingproductionani.gif); width:25px; height:24px; } .vet_pharmacist_slot_status.harvest { position:absolute; top:0; left:0; background:url(https://mff.wavecdn.net/mff/architect_item_bought.png); width:63px; height:47px; } #fuelstation_slots { position:absolute; top:125px; left:45px; } .fuelstation_slot { position:relative; float:left; margin:0 45px 60px 0; } .fuelstation_slot_back { position:absolute; top:10px; left:-20px; background:url(https://mff.wavecdn.net/mff/biogas_back.png); width:81px; height:123px; } .fuelstation_slot_fill { position:absolute; width:60px; height:0px; background:url(https://mff.wavecdn.net/mff/biogas_inner.jpg); bottom:10px; left:9px; } .fuelstation_slot_fill_text { position:absolute; right:10px; top:15px; width:155px; } .fuelstation_product_select { position:absolute; width:500px; height:355px; overflow:auto; top:28px; } .fuelstation_product_select_item { position:relative; margin:0 10px 10px 0; float:left; width:83px; height:102px; background:url(https://mff.wavecdn.net/mff/points_box.png); } .fuelstation_product_select_item_tt { position:absolute; top:40px; left:30px; } .fuelstation_product_select_item_img { position:absolute; top:33px; left:21px; } .fuelstation_product_select_item_points { position:absolute; top:8px; left:12px; width:70px; font-weight:bold; } .fuelstation_product_select_item_amount { position:absolute; top:87px; left:20px; width:50px; } #fuelstation_product_select_inner { position:relative; width:500px; height:385px; } #fuelstation_product_select_tabs { position:absolute; z-index:5; } .fuelstation_slot_speedup { display:none; position:absolute; right:-5px; bottom:-5px; } .fuelstation_slot_click { position:absolute; top:0px; left:0px; width:100%; height:100%; } .fuelstation_slot_block { display:none; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/questlock.png) 50% 50% no-repeat; width:100%; height:100%; } .fuelstation_slot_tt { position:absolute; top:85px; left:115px; width:100px; } #fuelstation_countbar { position:absolute; top:15px; right:85px; } #fuelstation_help_button { position:absolute; top:45px; right:10px; } #fuelstation_help_transp { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:22; } #fuelstation_help { display:none; position:absolute; top:45px; left:-100px; width:713px; height:478px; background:url(https://mff.wavecdn.net/mff/bear_bubble2.gif); z-index:100; } #fuelstation_help_inner { position:absolute; top:5px; left:295px; width:375px; padding:10px; height:445px; overflow:auto; } #fuelstation_stats_button { position:absolute; top:12px; left:265px; width:55px; height:43px; background:url(https://mff.wavecdn.net/mff/megafield_mini_buttons.png) -55px 0px; } #fuelstation_stats_button:hover { background-position:-55px -43px; } #fuelstation_1_levelbar, #fuelstation_2_levelbar, #fuelstation_3_levelbar, #fuelstation_4_levelbar { display:none; position:absolute; top:-32px; left:7px; } .fuelstation_slot_timer { display:none; } .fuel_barrel_mini { background:url(https://mff.wavecdn.net/mff/biobarrel2.png); background-size:20px 27px; width:20px; height:27px; } #fuelstation_levelbar { position:absolute; top:12px; left:10px; } .biofuelcoin { background:url(https://mff.wavecdn.net/mff/biofuelcoin_icon.png); width:30px; height:30px; } .fuelstation_icon_leveladd { margin-top:-5px; width:20px; height:20px; background-size:20px 20px; } #fuelstation_help_navi { position:absolute; top:-35px; left:290px; } .fuelstation_help_navi_item { width:30px; height:26px; } #fuelstation_help_inner1, #fuelstation_help_inner2 { display:none; } .job_overview_link { position:relative; height:20px; width:20px; background:url(https://mff.wavecdn.net/mff/reallocate_symbol7.png); background-position:0px -83px; } .job_overview_link:hover { background-position:-20px -83px; } #job_overview_helpbutton { position:absolute; right:-35px; top:0px; } #job_overview_help { display:none; z-index:100; position:absolute; top:0px; left:0; width:100%; height:485px; background-color:#fff; } #job_overview_achievementbutton { position:absolute; right:-33px; top:39px; } .big_block { position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/new_lock_slot.png) 50% 50% no-repeat; width:100%; height:100%; } .littlestar { background:url(https://mff.wavecdn.net/mff/littlestar.png); width:27px; height:26px; } .globalbox_sheep_vet { bottom:0px; right:-140px; background:url(https://mff.wavecdn.net/mff/vet_sheep_head_sick.gif); width:195px; height:259px; } .globalbox_sheep_vet_ani { background:url(https://mff.wavecdn.net/mff/vet_sheep_body.png); width:195px; height:259px; } .main_timerbar { position:absolute; bottom:0px; left:0px; width:100%; height:32px; text-align:center; background:url(https://mff.wavecdn.net/mff/megafruit_time_bar.png); border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .main_timerbar_innerbar { position:absolute; top:14px; left:0px; height:18px; width:0%; background:url(https://mff.wavecdn.net/mff/megafruit_innerbar2.jpg) 0px -5px; } .main_timerbar_info { padding-top:15px; position:absolute; top:0; left:0; width:100%; } .main_levelbar { background:url(https://mff.wavecdn.net/mff/megafruit_level_back.png); width:184px; height:45px; } .main_levelbar_number { position:absolute; top:0px; left:4px; width:35px; height:28px; border-radius:20px; text-align:center; font-size:16px; font-weight:bold; padding-top:11px; } .main_levelbar_tt { position:absolute; top:calc(100% + 5px); left:10px; text-align:center; width:180px; } .main_levelbar_bar { position:absolute; top:10px; left:40px; height:24px; width:133px; } .main_levelbar_inner { position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/megafruit_innerbar2.jpg); height:23px; } .main_levelbar_front { position:absolute; top:9px; left:41px; background:url(https://mff.wavecdn.net/mff/megafruit_level_front.png); width:132px; height:24px; } .main_levelbar_plus { position:absolute; top:1px; right:-30px; } .main_levelbar_plus_tt { position:absolute; top:0px; left:calc(100% + 5px); min-width:120px; } .main_countbar { background:url(https://mff.wavecdn.net/mff/megafruit_number.png); width:174px; height:40px; } .main_countbar_inner { position:absolute; left:20px; padding-top:12px; font-weight:bold; } .main_countbar_plus_tt { position:absolute; top:calc(100% + 5px); right:0px; } .dialog_leveladd { background-color:#C3A75E; padding:5px; border-radius:5px; margin-top:10px; } .dialog_leveladd_item { float:left; margin-right:5px; margin-top:2px; } .dialog_leveladd_insert { float:left; margin-top:1px; width:45px; border-radius:3px; padding:2px; } .dialog_leveladd_button { float:right; } .dialog_leveladd_info { position:relative; margin-top:10px; } .dialog_stats_line { } .dialog_stats_line:hover { background-color:#C3A75E; border-radius:4px; } .dialog_stats_field1, .dialog_stats_field2, .dialog_stats_field3 { float:left; padding:3px; } .dialog_stats_field1 { width:25px; text-align:right; margin-right:5px; } .dialog_stats_field2 { width:275px; margin-right:5px; } .dialog_stats_field3 { width:100px; text-align:right; } .dialog_stats_field3 .col { float:left; width:32px; text-align:center; } .dialog_input_line { background-color:#C3A75E; padding:5px; border-radius:5px; margin-bottom: 5px; min-width:250px; } .dialog_input_line.fuelstation { min-width:auto; } .dialog_input { font-weight:bold; padding:2px; border-radius:5px; border:1px solid #ccc; } .dialog_entryline_img { float:left; position:relative; margin-right:5px; margin-top:2px; } #dialog_entryline_tt { left:0px; top:20px; white-space:nowrap; } #dialog_entryline_number { float:left; margin-right:5px; } #dialog_entryline_button { float:right } #farm_actionsheep { display:none; position:absolute; top:190px; left:530px; width:53px; height:62px; background:url(https://mff.wavecdn.net/mff/announcersheep.gif); } #farm_actionsheep_tt { left:60px; min-width:100px; } #farm_actionsheep_flyer { z-index:100; } #farm_actionsheep_transp { display:none; z-index:100; } #farm_actionsheep_bubble { display:none; z-index:100; position:absolute; top:110px; left:225px; width:250px; padding:20px; text-align:center; background-color:#fff; border-radius:5px; } #farm_actionsheep_bubble:after { content:''; position:absolute; top:90px; right:-31px; margin:15px; border-color:transparent transparent transparent #fff; border-style:solid; border-width:8px; height:0px; width:0px; } #farm_actionsheep_coinsbutton { padding-top:20px; font-size:20px; font-weight:bold; height:50px; } #travel_box { z-index:100; display:none; position:absolute; top:10px; left:50%; width:720px; height:200px; margin-left:-360px; } #travel_box_back { position:absolute; top:0px; left:0px; width:100%; height:100%; } #travel_box_back.min { background-size:100%; width:225px; height:90px; left:120px; } .travel_farmback { background:url(https://mff.wavecdn.net/mff/farm2village.gif) 50% bottom no-repeat; } .travel_cityback { background:url(https://mff.wavecdn.net/mff/village2city.gif) 50% bottom no-repeat; } #travel_box_bus { position:absolute; bottom:27px; background:url(https://mff.wavecdn.net/mff/bus_right.png); width:49px; height:23px; } #travel_box_bus.min { background-size:100%; width:45px; height:21px; bottom:20px; } .travel_box_bus_farmstart { left:220px; } .travel_box_bus_farmstart.min { left:10px; } .travel_box_bus_farmmove { left:450px; transition:left 5s ease-out; } .travel_box_bus_farmmove.min { left:170px; } .travel_box_bus_citystart { left:555px; } .travel_box_bus_citystart.min { left:170px; bottom:14px !important; } .travel_box_bus_citymove { left:115px; transition:left 5s ease-out; transform: scaleX(-1); } .travel_box_bus_citymove.min { left:10px; } #travel_box_timer { font-size:20px; font-weight:bold; margin-top:25px; opacity:0.7; color:#fff; text-align:center; width:100%; } #travel_box_timer.min { margin-top:50px; margin-left:75px; } #travel_box_premium { display:none; text-align:center; position:absolute; top:200px; left:50%; width:400px; margin-left:-200px; background-color:#fff; padding:5px; border-radius:5px; } #travel_box_ad { display:none; text-align:center; position:absolute; top:85px; left:2px; width:705px; height:425px; padding:5px; } #weatherlink { display:none; position:absolute; top:-105px; margin-left:20px; width:60px; height:92px; } #weatherlink_frog { display:block; position:absolute; bottom:8px; left:20px; } #weatherlink_tt { left:0px; top:35px; } .weatherlink_back1 { background:url(https://mff.wavecdn.net/mff/weather_sunny.png); } .weatherlink_back2 { background:url(https://mff.wavecdn.net/mff/weather_cloudy.png); } .weatherlink_back3 { background:url(https://mff.wavecdn.net/mff/weather_rainy.png); } .weather_block { background-color:#C3A75E; padding:5px; border-radius:5px; } .weather_forecast { position:absolute; top:10px; right:180px; width:230px; height:35px; padding:15px; border-radius:5px; background-color:#fff; } .weather_forecast:after { content:''; position:absolute; top:15px; right:-16px; border-color:transparent transparent transparent #fff; border-style:solid; border-width:8px; height:0px; width:0px; } .weather_free1 { background:url(https://mff.wavecdn.net/mff/weather_sunny_free.png); width:96px; height:101px; } .weather_free2 { background:url(https://mff.wavecdn.net/mff/weather_cloudy_free.png); width:96px; height:101px; } .weather_free3 { background:url(https://mff.wavecdn.net/mff/weather_rainy_free.png); width:96px; height:101px; } #animaldealer_superanimal_timer { margin-top:5px; font-weight:bold; } #lager_info_button { display:none; position:absolute; top:120px; right:8px; z-index:100; } #lager_info_button_tt { top:0px; left:30px; width:150px; } .product_body_amount { float:left; margin-right:5px !important; } .product_body_image { float:left; margin-right:5px !important; } .product_body_name { float:left; text-align:left; } .production_slot { position:relative; background:url(https://mff.wavecdn.net/mff/strickerei_slot_back.png); width:229px; height:142px; margin:10px 30px 30px 10px; z-index:22; } .production_slot_plank { position:relative; background:url(https://mff.wavecdn.net/mff/strickerei_slot.png); width:102px; height:135px; } .production_slot_img { position:absolute; top:0px; left:0px; width:100%; height:100%; } .production_slot_img.expand { width:125%; } .production_slot_block { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(https://mff.wavecdn.net/mff/new_lock_slot.png) 50% 50% no-repeat; } .production_slot_timer { display:none; position:absolute; top:125px; left:-4px; background:url(https://mff.wavecdn.net/mff/oilslot_remain.png); width:109px; height:26px; text-align:center; padding-top:25px; } .production_slot_info { position:absolute; top:15px; left:105px; width: 110px; } .production_slot_info2 { position:absolute; bottom:15px; left:105px; width: 110px; } .production_slot_cancel { display:none; position:absolute; top:10px; right:-5px; background:url(https://mff.wavecdn.net/mff/cancel_off.png); height:25px; width:25px; } .production_slot_cancel:hover { background:url(https://mff.wavecdn.net/mff/cancel_on.png); } .production_slot_speedup { display:none; position:absolute; bottom:10px; right:-5px; background:url(https://mff.wavecdn.net/mff/forestry/button_speedup_off.png); height:25px; width:25px; } .production_slot_speedup:hover { background:url(https://mff.wavecdn.net/mff/forestry/button_speedup_on.png); } .production_slot_img25 { background:url(https://mff.wavecdn.net/mff/productionslot_25.png) 50% 50% no-repeat; } .production_slot_img27 { background:url(https://mff.wavecdn.net/mff/productionslot_27.png) 50% 50% no-repeat; } .production_slot_img28 { background:url(https://mff.wavecdn.net/mff/productionslot_28.png) 50% 50% no-repeat; } .production_slot_img30 { background:url(https://mff.wavecdn.net/mff/productionslot_30.png) 50% 50% no-repeat; } .production_slot_img111 { background:url(https://mff.wavecdn.net/mff/productionslot_111.png) 50% 50% no-repeat; } .production_slot_img144 { background:url(https://mff.wavecdn.net/mff/productionslot_144.png) 50% 50% no-repeat; } .production_slot_img151 { background:url(https://mff.wavecdn.net/mff/productionslot_152.png) 50% 50% no-repeat; } .production_slot_img152 { background:url(https://mff.wavecdn.net/mff/productionslot_151.png) 50% 50% no-repeat; } .production_slot_img155 { background:url(https://mff.wavecdn.net/mff/strickerei_p155.png) 50% 50% no-repeat; } .production_slot_img156 { background:url(https://mff.wavecdn.net/mff/strickerei_p156.png) 50% 50% no-repeat; } .production_slot_img157 { background:url(https://mff.wavecdn.net/mff/strickerei_p157.png) 50% 50% no-repeat; } .production_slot_img820 { background:url(https://mff.wavecdn.net/mff/Erdbeer_Bonbon_small.png) 50% 50% no-repeat; } .production_slot_img821 { background:url(https://mff.wavecdn.net/mff/Kirsche_Bonbon_small.png) 50% 50% no-repeat; } .production_slot_img822 { background:url(https://mff.wavecdn.net/mff/Himmbeer_Bonbon_small.png) 50% 50% no-repeat; } .production_slot_img823 { background:url(https://mff.wavecdn.net/mff/Saures_Bonbon_small.png) 50% 50% no-repeat; } .production_slot_img824 { background:url(https://mff.wavecdn.net/mff/Tropical_Bonbon_small.png) 50% 50% no-repeat; } .production_slot_img_oil { position:absolute; display:none; background:url(https://mff.wavecdn.net/mff/oilfront.png); width:103px; height:136px; } .production_slot_img_oil_inner { position:absolute; bottom:17px; left:25px; display:none; background:url(https://mff.wavecdn.net/mff/oilfill.png) left bottom; width:56px; height:100px; } .production_slot_img_oil_fix { position:absolute; left:30px; top:81px; } .production_slot_guild { display:none; position:absolute; top:5px; left:80px; } .production_slot_img750 { background:url(https://mff.wavecdn.net/mff/productionslot_750.png) 50% 50% no-repeat; } .production_slot_img751 { background:url(https://mff.wavecdn.net/mff/productionslot_751.2.png) 50% 50% no-repeat; } .production_slot_img752 { background:url(https://mff.wavecdn.net/mff/productionslot_752.png) 50% 50% no-repeat; } .production_slot_img753 { background:url(https://mff.wavecdn.net/mff/productionslot_753.png) 50% 50% no-repeat; } .production_slot_img754 { background:url(https://mff.wavecdn.net/mff/productionslot_754.png) 50% 50% no-repeat; } .production_slot_img755 { background:url(https://mff.wavecdn.net/mff/productionslot_755.png) 50% 50% no-repeat; } .production_slot_img756 { background:url(https://mff.wavecdn.net/mff/productionslot_756.png) 50% 50% no-repeat; } .production_slot_img757 { background:url(https://mff.wavecdn.net/mff/productionslot_757.2.png) 50% 50% no-repeat; } .production_slot_img758 { background:url(https://mff.wavecdn.net/mff/productionslot_758.png) 50% 50% no-repeat; } .production_slot_img759 { background:url(https://mff.wavecdn.net/mff/productionslot_759.png) 50% 50% no-repeat; } .white_tab { float:left; margin-right:2px; background-color:#C3A75E; padding:5px; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid black; } .white_tab.fish { margin-right:-1px; } .white_tab:hover { background-color:white; } .white_tab_active { background-color:white; border-bottom:1px solid white; } .white_tab_content { padding:10px; background-color:white; border:1px solid black; border-radius:5px; margin-top:-1px; } .brown_tab { float:left; margin-right:-1px; background-color:#C3A75E; padding:5px; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid black; } .brown_tab:hover { background-color:#E5D194; } .brown_tab_active { background-color:#E5D194; border-bottom:1px solid #E5D194; } .brown_tab_content { padding-top:10px; border-top:1px solid black; margin-top:-1px; } .mirrored { transform:scale(-1, 1); } .square_slot { background:url(https://mff.wavecdn.net/mff/square_slot.png); width:83px; height:81px; } .plus { width:43px; height:41px; background:url(https://mff.wavecdn.net/mff/megafruit_plus.png); } .plus:hover { background-position:0px -41px; } .transp_green { background:url(https://mff.wavecdn.net/mff/green_transp.png); } .helpbutton_blue { background:url(https://mff.wavecdn.net/mff/kaeserei_info.png); width:25px; height:25px; } .arrow_black_left { position:absolute; right:0; top:0; border-color:transparent #000 transparent transparent; border-style:solid; border-width:8px; height:0px; width:0px; } .arrow_black_right { position:absolute; top:0; border-color:transparent transparent transparent #000; border-style:solid; border-width:8px; height:0px; width:0px; } .arrow_black_up { position:absolute; top:0; border-color:transparent transparent #000 transparent; border-style:solid; border-width:8px; height:0px; width:0px; } .big_red_arrow_left { background:url(https://mff.wavecdn.net/mff/arrow_big_left.png); width:58px; height:253px; } .big_red_arrow_right { background:url(https://mff.wavecdn.net/mff/arrow_big_right.png); width:58px; height:253px; } .close_mini_white { background:url(https://mff.wavecdn.net/mff/popin/contracts/delete.gif); width:11px; height:11px; position:absolute; top:-2px; right:-2px; } .globalbox_content_max_width { width:600px; } .arrow_black_small_bottom { border-color:transparent transparent #000 transparent; border-style:solid; border-width:6px; height:0px; width:0px; } .arrow_black_small_top { border-color:#000 transparent transparent transparent; border-style:solid; border-width:6px; height:0px; width:0px; } .achievementbutton { width:20px; height:20px; border-radius:10px; border-color:#fff; background:linear-gradient(lime, green); } .achievementbutton:after { content:''; background:url(https://mff.wavecdn.net/mff/star_white.gif); width:11px; height:11px; position:absolute; top:4px; left:5px; } #rackBottomRackInfo { position:absolute; text-align:center; bottom:4px; left:0px; width:100%; padding:0 0 30px 0; font-weight:bold; font-size:16px; color:#503300; } #rackBottomRackSwitch { z-index:50; position:absolute; bottom:-2px; right:10px; width:74px; height:84px; } #rackBottomRackSwitch:hover { background:url(https://mff.wavecdn.net/mff/map_farm_switch.jpg); } #farm_speedlinks { height:20px; } #farm_speedlinks_farm_selector { float:left; margin-right:15px; } #farm_speedlinks_farm_select { float:left; width:120px; background-color:#E5D194; height:14px; padding:3px 5px; border-left:2px solid #885F49; border-bottom:2px solid #885F49; border-bottom-left-radius:5px; } #farm_speedlinks_farm_control { float:left; width:15px; height:20px; background:url(https://mff.wavecdn.net/mff/market/sel_open.gif); background-color:#000; border-bottom:1px solid #000; border-right:2px solid #885F49; border-bottom:2px solid #885F49; border-bottom-right-radius:5px; } #farm_speedlinks_farm_list { display:none; } .farm_speedlinks_farm_list_item { position:relative; margin-left:4px; width:117px; background-color:#fff; height:14px; padding:3px 5px; border-bottom:1px solid #000; } .farm_speedlinks_farm_list_item:hover { background-color:#B39056; } #superglobal_transp { z-index:200; display:none; } #superglobal_wait { z-index:200; display:none; position:absolute; background:url(https://mff.wavecdn.net/mff/loading.gif) 50% 50% no-repeat; width:65px; height:65px; top:50%; margin-top:-32px; left:50%; margin-left:-32px; } #superglobal_wait_text { z-index:200; position:absolute; top:50%; margin-top:-55px; white-space:nowrap; font-size:10px; color:white; text-align:center; left:0px; width:100%; } #farm_speedlinks, #visitor_speedlinks { z-index:100; position:absolute; top:15px; margin-left:7px; background:url(https://mff.wavecdn.net/mff/farmnavi_bar.png); width:27px; height:615px; padding-top:15px; } .speedlink, #visitor_speedlinks .tab { display:none; position:relative; background:url(https://mff.wavecdn.net/mff/farmnavi_map10.png) top left no-repeat; width:45px; height:34px; margin:2px 5px -2px -15px; } #farm_speedlinks, #visitor_speedlinks { padding-top:12px; } .speedlink, #visitor_speedlinks .tab { margin-bottom:-3px; } .speedlink:hover, #visitor_speedlinks .tab:hover { transform:scale(1.15); } .speedlink_farm, #visitor_speedlinks .tab { background-position:-44px 0; } #speedlink_farm5, #visitor_speedlinks .tab.farm5 { background-position:-44px -272px; } #speedlink_farm6, #visitor_speedlinks .tab.farm6 { background-position:-44px -306px; } #speedlink_farm7, #visitor_speedlinks .tab.farm7 { background-position:-44px -340px; } #speedlink_farm8, #visitor_speedlinks .tab.farm8 { background-position:-44px -374px; } #speedlink_farm9, #visitor_speedlinks .tab.farm9 { background-position:-44px -408px; } #speedlink_farm10, #visitor_speedlinks .tab.farm10 { background-position:-44px -442px; } .speedlink_farm_active { background-position-x:0px !important; } .speedlink_farmersmarket { background-position:-44px -204px; } .speedlink_farmersmarket_active { background-position:0px -204px; } .speedlink_farmersmarket2 { background-position:-44px -204px; } .speedlink_farmersmarket2_active { background-position:0px -204px; } .speedlink_megafield { background-position:-44px -170px; } .speedlink_megafield_active { background-position:0px -170px; } .speedlink_guild { background-position:-44px -136px; } .speedlink_guild_active { background-position:0px -136px; } .speedlink_city1, .speedlink_city2 { background-position:-44px -34px; } .speedlink_city_active { background-position:0px -34px; } .speedlink_forestry { background-position:-44px -102px; } .speedlink_forestry_active { background-position:0px -102px; } .speedlink_foodworld { background-position:-44px -68px; } .speedlink_foodworld_active { background-position:0px -68px; } .speedlink_train { background-position:-44px -476px; } .speedlink_train_active { background-position:0px -476px; } .speedlink_tt { right:50px; top:4px; white-space:nowrap; } .speedlink_number, #visitor_speedlinks .tab .number { position:relative; color:#fff; font-weight:bold; font-size:14px; padding:7px 0 0 0px; text-align:center; } .speedlink_frog { background-position:-44px -238px; } .speedlink_frog:hover { background-position:0px -238px; } #emptyboxtransp, #emptybox { display:none; z-index:95; } .buttonsMoving { position:absolute; top:30px; left:50%; width:450px; margin-left:-225px; text-align:center; background-color:#fff; padding:10px; height:550px; border-radius:10px; border:2px solid #885F49; } .buildingMiddleBlock,.buildingMiddle0,.buildingMiddle1,.buildingMiddle2,.buildingMiddle3,.buildingMiddle4,.buildingMiddle5,.buildingMiddle6,.buildingMiddle7,.buildingMiddle8,.buildingMiddle9,.buildingMiddle10,.buildingMiddle11,.buildingMiddle12,.buildingMiddle13,.buildingMiddle14,.buildingMiddle15,.buildingMiddle16,.buildingMiddle17,.buildingMiddle18,.buildingMiddle19,.buildingMiddle20,.buildingMiddle21,.buildingMiddle22,.buildingMiddle23,.buildingMiddle24 { width:64px; height:64px; } .buildingMiddleBlock { background:url(https://mff.wavecdn.net/mff/building_block.gif); } .buildingMiddle0 { background:url(https://mff.wavecdn.net/mff/building0.gif); } .buildingMiddle1 { background:url(https://mff.wavecdn.net/mff/building1.gif); } .buildingMiddle2 { background:url(https://mff.wavecdn.net/mff/building2.gif); } .buildingMiddle3 { background:url(https://mff.wavecdn.net/mff/building3.gif); } .buildingMiddle4 { background:url(https://mff.wavecdn.net/mff/building4.gif); } .buildingMiddle5 { background:url(https://mff.wavecdn.net/mff/building5.gif); } .buildingMiddle6 { background:url(https://mff.wavecdn.net/mff/building6.gif); } .buildingMiddle7 { background:url(https://mff.wavecdn.net/mff/building7.gif); } .buildingMiddle8 { background:url(https://mff.wavecdn.net/mff/building8.gif); } .buildingMiddle9 { background:url(https://mff.wavecdn.net/mff/building9.gif); } .buildingMiddle10 { background:url(https://mff.wavecdn.net/mff/building10.gif); } .buildingMiddle11 { background:url(https://mff.wavecdn.net/mff/building11.gif); } .buildingMiddle12 { background:url(https://mff.wavecdn.net/mff/building12.gif); } .buildingMiddle13 { background:url(https://mff.wavecdn.net/mff/building13.gif); } .buildingMiddle14 { background:url(https://mff.wavecdn.net/mff/building14.gif); } .buildingMiddle15 { background:url(https://mff.wavecdn.net/mff/building15.gif); } .buildingMiddle16 { background:url(https://mff.wavecdn.net/mff/building16.gif); } .buildingMiddle17 { background:url(https://mff.wavecdn.net/mff/building17.gif); } .buildingMiddle18 { background:url(https://mff.wavecdn.net/mff/building18.gif); } .buildingMiddle19 { background:url(https://mff.wavecdn.net/mff/building19.gif); } .buildingMiddle20 { background:url(https://mff.wavecdn.net/mff/building20.gif); } .buildingMiddle21 { background:url(https://mff.wavecdn.net/mff/building21.gif); } .buildingMiddle22 { background:url(https://mff.wavecdn.net/mff/building22.gif); } .buildingMiddle23 { background:url(https://mff.wavecdn.net/mff/building23.gif); } .buildingMiddle24 { background:url(https://mff.wavecdn.net/mff/building24.gif); } .buildingMiddleSelect { background:url(https://mff.wavecdn.net/mff/reallocate_touch.gif); width:64px; height:64px; } #kniffel_link { z-index:20; position:absolute; top:-40px; left:-7px; } #kniffel_link_tt { right:40px; top:5px; } #kniffel { display:none; z-index:20; position:absolute; top:0px; left:0px; width:720px; height:640px; overflow:hidden; } #kniffel_transp { z-index:5; display:none; } #kniffel_close { position:absolute; top:35px; right:15px; } #kniffel_help_link { position:absolute; top:65px; right:15px; } #kniffel_help { display:none; position:absolute; top:100px; left:50%; width:245px; height:350px; margin-left:-218px; background:url(https://mff.wavecdn.net/mff/em/football_bear.png); z-index:5; } #kniffel_help_bubble { position:absolute; top:-50px; left:145px; background-color:#fff; border-radius:5px; padding:10px; height:510px; width:320px; overflow:auto; } #kniffel_area { position:absolute; top:0px; width:1440px; height:640px; background:url(https://mff.wavecdn.net/mff/em/em2016_back3.jpg); } .kniffel_move_left { left:0px; transition:left 0.4s ease-out; } .kniffel_move_right { left:-700px; transition:left 0.4s ease-out; } #kniffel_navi { position:absolute; top:414px; left:622px; width:170px; height:50px; background:url(https://mff.wavecdn.net/mff/em/navi_left_right.png); } #kniffel_navi:hover { background-position:0px -50px; } #kniffel_roll_button { position:absolute; bottom:175px; left:330px; font-size:14px; font-weight:bold; } #kniffel_combos { position:absolute; top:172px; left:0px; } .kniffel_combo { margin-bottom:5px; width:172px; height:58px; padding-top:10px; } .kniffel_combo_active { background:url(https://mff.wavecdn.net/mff/em/combo_active_static.png); } #kniffel_dices { position:absolute; top:50px; left:255px; width:400px; height:400px; } .kniffel_dice { position:absolute; width:163px; height:162px; } .kniffel_dice_pos1 { top:-30px; left:100px; } .kniffel_dice_pos2 { top:80px; left:-25px; } .kniffel_dice_pos3 { top:80px; left:225px; } .kniffel_dice_pos4 { top:230px; left:0px; } .kniffel_dice_pos5 { top:230px; left:200px; } .kniffel_dice_img { width:100%; height:100%; } .kniffel_dice_tt { top:25px; left:-75px; width:100px; } .kniffel_dice1 { background:url(https://mff.wavecdn.net/mff/em/dice1.png); } .kniffel_dice2 { background:url(https://mff.wavecdn.net/mff/em/dice2.png); } .kniffel_dice3 { background:url(https://mff.wavecdn.net/mff/em/dice3.png); } .kniffel_dice4 { background:url(https://mff.wavecdn.net/mff/em/dice4.png); } .kniffel_dice5 { background:url(https://mff.wavecdn.net/mff/em/dice5.png); } .kniffel_dice6 { background:url(https://mff.wavecdn.net/mff/em/dice6.png); } .kniffel_dice_block { display:none; position:absolute; top:-15px; left:15px; width:100%; height:100%; } #kniffel_info { position:absolute; bottom:32px; left:260px; width:390px; height:130px; } #kniffel_current_combo { text-align:center; font-size:18px; font-weight:bold; margin-top:25px; } #kniffel_end_button { font-size:12px; font-weight:bold; position:absolute; left:50%; margin-left:-122px; bottom:25px; } #kniffel_current_round { font-size:20px; font-weight:bold; } #kniffel_roll_ani { display:none; position:absolute; top:85px; left:305px; width:293px; height:281px; z-index:5; } .kniffel_button { background:url(https://mff.wavecdn.net/mff/wooden_button.png); width:245px; height:34px; padding-top:17px; text-align:center; } .kniffel_button:hover { background-position:0 -50px; } .kniffel_ball { background:url(https://mff.wavecdn.net/mff/em/em_ball.png); width:32px; height:32px; } .kniffel_ball_mini { background:url(https://mff.wavecdn.net/mff/em/em_ball.png); width:32px; height:32px; transform:scale(0.5); } #kniffel_title { position:absolute; top:28px; left:160px; font-size:14px; font-weight:bold; text-align:center; width:185px; } #kniffel_title2 { position:absolute; top:28px; left:905px; font-size:14px; font-weight:bold; text-align:center; width:380px; } #kniffel_combos_title { position:absolute; top:119px; width:164px; text-align:center; } #kniffel_sum { position:absolute; top:88px; left:1025px; font-size:14px; font-weight:bold; } #kniffel_today, #kniffel_start, #kniffel_playtime_end { display:none; position:absolute; bottom:70px; left:260px; width:350px; text-align:center; font-weight:bold; font-size:12px; padding:20px; } #kniffel_playtime { display:none; position:absolute; bottom:20px; left:260px; width:350px; text-align:center; padding:20px; } #kniffel_prizes { position:absolute; top:135px; right:35px; width:620px; overflow:auto; height:480px; } .kniffel_prize_balls { position:absolute; bottom:5px; left:40px; } #kniffel_buy { position:absolute; top:70px; right:140px; width:60px; height:60px; background:url(https://mff.wavecdn.net/mff/em/button_buyballs.png); } #kniffel_buy:hover { background-position:-60px 0; } #kniffel_buy_tt { right:55px; } #messages_transp { display:none; z-index:99; } #messages_main { display:none; z-index:99; position:absolute; top:50px; left:50%; width:640px; height:540px; margin-left:-320px; background:url(https://mff.wavecdn.net/mff/architect_back.jpg); font-size:11px; } #messages_navi { position:relative; top:25px; left:25px; width:600px; } .messages_navi_item { float:left; padding:5px; text-align:center; font-weight:bold; border-radius:5px; background-color:#C3A75E; margin-right:5px; } .messages_navi_item:hover { background-color:#fff; } .messages_navi_item_active { background-color:#fff; } #messages_list { display:none; position:relative; top:35px; left:25px; width:585px; } #messages_list_head { position:relative; } #messages_list_inner { position:relative; width:100%; overflow:auto; } .messages_list_inner { height:300px; } .messages_list_inner_withoutinfo { height:410px; } #messages_list_check { position:relative; text-align:right; margin-top:5px; padding-right:5px; } .messages_list_item { position:relative; margin-bottom:2px; padding:2px; border-bottom:1px solid #6F663F; } .messages_list_item:hover { background-color:#C3A75E; border-radius:5px; } .messages_list_date { float:left; width:120px; padding:2px; margin-right:5px; } .messages_list_subject { float:left; width:225px; overflow:hidden; padding:2px; margin-right:5px; text-decoration:underline; } .messages_list_contract { float:left; width:16px; } .messages_list_name { float:left; width:120px; padding:2px; margin-right:5px; } .messages_list_status { float:left; width:16px; } .admin_icon { background:url(https://mff.wavecdn.net/mff/menu/admin.gif) 50% 2px no-repeat; height:16px; background-size:14px 14px; } .contract_icon { background:url(https://mff.wavecdn.net/mff/guild/contract.gif) 50% 2px no-repeat; height:16px; background-size:14px 14px; } .contacts_icon { background:url(https://mff.wavecdn.net/mff/popin/buch.gif) 50% 2px no-repeat; height:16px; background-size:14px 14px; } .addcontact_icon { margin:2px 0 0 2px; width:12px; height:16px; background:url(https://mff.wavecdn.net/mff/popin/addcontact.gif) no-repeat; } .mail_icon { background:url(https://mff.wavecdn.net/mff/guild/mail.gif) 50% 2px no-repeat; height:16px; background-size:14px 14px; } .delete_icon { background:url(https://mff.wavecdn.net/mff/stadt/anullieren.gif) 50% 2px no-repeat; height:16px; background-size:14px 14px; } .messages_list_check { float:right; width:20px; padding:2px; margin:2px; } .messages_list_body { display:none; padding:5px; } .messages_list_body_navi { margin-top:5px; } .messages_list_unread { font-weight:bold; } #messages_view { display:none; position:relative; top:40px; left:25px; } .messages_view_line { position:relative; margin-bottom:2px; } .messages_view_line_item { float:left; width:200px; margin-right:5px; } #messages_view_blocklist_info { display:none; color:red; position:relative; width:305px; margin-left:205px; padding:5px 0px; } #messages_view_name, #messages_view_subject, #messages_view_body { padding:2px; border-radius:5px; border:1px solid #ccc; } #messages_view_name { width:280px; } #messages_view_subject { width:300px; } #messages_view_body { width:300px; height:200px; margin-top:2px; } .messages_list_body_text { padding:5px; border-radius:5px; background-color:#fff; } .messages_list_body_text .eventgarden_product { width:40px; height:40px; } .messages_list_body_text .eventitem.itemwater, .messages_list_body_text .eventitem.itemfertilizer { transform:scale(0.5); margin:-10px; } .messages_list_body_text .col1 { float:left; } .messages_list_body_text .col1.eventgarden_product { margin-right:5px; } .messages_list_body_text .col1.eventitem { margin-right:5px; } .messages_list_body_text .col2 { float:left; } .messages_list_body_text .money_package { width:50px; height:50px; margin-right:5px; } .messages_list_body_text .line { margin-bottom:10px; } .messages_list_body_text .flexit { display:flex; align-items:center; } #messages_view_info { } #messages_view_form { display:none; } #messages_info { display:none; position:absolute; bottom:45px; left:25px; width:575px; background-color:#C3A75E; border-radius:5px; height:85px; overflow:auto; padding:5px; opacity:0.8; } #messages_footer { position:absolute; bottom:25px; width:100%; text-align:center; font-weight:bold; } #messages_contacts_link { display:none; position:absolute; top:100px; right:17px; background:url(https://mff.wavecdn.net/mff/popin/kontakte.jpg); width:225px; height:350px; border-top-left-radius:5px; border-bottom-left-radius:5px; } #messages_contacts_link_inner { position:absolute; top:50px; left:50px; height:280px; overflow:auto; width:170px; } .messages_contacts_link_item { margin-bottom:2px; text-decoration:underline; } #messages_contacts { display:none; } #messages_contacts_inner { position:absolute; top:60px; left:35px; } #messages_contacts_inner_left { float:left; margin-right:20px; width:280px; } #messages_contacts_inner_right { float:left; width:250px; } #messages_contacts_inner_left_inner, #messages_contacts_inner_right_inner { margin-top:5px; height:360px; overflow:auto; border-radius:5px; background-color:rgba(195, 167, 94, 0.5); padding:5px; } #messages_contacts_inner_left_input, #messages_contacts_inner_right_input { padding:2px; border-radius:5px; border:1px solid #ccc; } .messages_contacts_addressbook_line { position:relative; margin-bottom:2px; padding:2px; } .messages_contacts_addressbook_line:hover { background-color:#C3A75E; border-radius:5px; } .messages_close_message { position:relative; top:8px; float:right; background:url(https://mff.wavecdn.net/mff/close_arrows.png) 0px 0px; width:21px; height:16px; opacity:0.7} .messages_close_message:hover { background-position:0 -16px; } #contracts_transp { display:none; z-index:99; } #contracts_main { display:none; z-index:99; position:absolute; top:50px; left:50%; width:640px; height:540px; margin-left:-320px; background:url(https://mff.wavecdn.net/mff/architect_back.jpg); font-size:11px; } #contracts_navi { position:relative; top:25px; left:25px; width:600px; } .contracts_navi_item { float:left; padding:5px; text-align:center; font-weight:bold; border-radius:5px; background-color:#C3A75E; margin-right:5px; } .contracts_navi_item:hover { background-color:#fff; } .contracts_navi_item_active { background-color:#fff; } #contracts_navi_new_content, #contracts_navi_overview_in_content, #contracts_navi_overview_out_content { display:none; position:relative; top:35px; left:25px; width:585px; height:425px; } #contracts_navi_overview_in_content, #contracts_navi_overview_out_content { overflow:auto; } .contracts_list_item { position:relative; margin-bottom:2px; padding:2px; border-bottom:1px solid #6F663F; } .contracts_list_item:hover { background-color: #C3A75E; border-radius:5px; } .contracts_list_item_unread { font-weight:bold; } .contracts_list_time, .contracts_list_contact, .contracts_list_name, .contracts_list_products, .contracts_list_price, .contracts_list_cancel { float:left; padding:2px; } .contracts_list_time { width:120px; } .contracts_list_contact { width:15px; } .contracts_list_name { width:120px; text-decoration:underline; } .contracts_list_products { width:150px; } .contracts_list_price { width:100px; text-align:right; } .contracts_list_cancel { background:url(https://mff.wavecdn.net/mff/popin/contracts/anullieren.gif); width:10px; height:10px; margin:2px 0 0 4px; } .contracts_list_detail { display:none; padding:5px; } .contracts_list_detail_block { background-color:#fff; border-radius:5px; padding:5px; } .contracts_list_detail_line { border-radius:2px; padding:2px; } .contracts_list_detail_line:hover { background-color:#DDC683; } #contracts_new_categories { position:relative; float:left; width:382px; margin-right:10px; } #contracts_new_categories_line { position:relative; margin-left:3px; } #contracts_new_cart { position:relative; float:left; background-color:#C3A75E; padding:5px; border-radius:5px; width:170px; margin:0 auto; } .contracts_new_cart_item { position:relative; float:left; width:75px; height:75px; background-color:#FFFEE9; border-radius:4px; margin:5px; } .contracts_new_cart_item_tt { } .contracts_new_cart_item_img { margin:0 auto; margin-top:15px; } .contracts_new_cart_item_price { position:absolute; bottom:0px; width:75px; border-radius:4px; background-color:#fff; font-size:8px; text-align:center; } .contracts_new_cart_item_amount { position:absolute; top:0px; width:75px; border-radius:4px; background-color:#fff; text-align:center; } .contracts_new_cart_item_del { position:absolute; top:-2px; right:-2px; background:url(https://mff.wavecdn.net/mff/popin/contracts/delete.gif); width:11px; height:11px; } #contracts_new_cart_receiver, #contracts_new_cart_template_name { margin:5px; width:135px; } #contracts_new_cart_contactlist { display:none; position:absolute; top:10px; right:0px; background:url(https://mff.wavecdn.net/mff/popin/kontakte.jpg); width:225px; height:350px; border-top-left-radius:5px; border-bottom-left-radius:5px; } #contracts_new_cart_contactlist_inner { position:absolute; top:50px; left:50px; height:280px; overflow:auto; width:170px; } #contracts_new_cart_sum { margin-left:5px; font-weight:bold; } #contracts_select_pid_input, #contracts_select_price_input, #contracts_new_cart_receiver, #contracts_new_cart_template_name { padding:2px; border-radius:5px; border:1px solid #ccc; } .contactbook { width:16px; height:16px; background:url(https://mff.wavecdn.net/mff/popin/buch.gif); } .friendsbook { width:15px; height:16px; background:url(https://mff.wavecdn.net/mff/popin/buch2.gif); } #contracts_new_cart_fire { margin-left:5px; } #contracts_new_templates { margin:5px 0px 0px 5px; } #contracts_new_cart_template_name { width:200px; } #contracts_new_reset_link { position:absolute; border-top-left-radius:5px; border-top-right-radius:5px; top:-17px; right:22px; background-color:#C3A75E; padding:2px 8px; font-weight:bold; color:#fff; } #contracts_new_reset_link_tt { left:auto; top:0px; right:30px; font-weight:normal; white-space:nowrap; } #contracts_trade_info { position:absolute; top:500px; left:0px; width:100%; font-style:italic; text-align:center; color:#000; font-weight:bold; } #contracts_main .overflow { position:relative; overflow:auto; max-height:194px; width:360px; } #contracts_main #contracts_new_category_products .ttbox { top:35px; left:0px; } #contracts_main #contracts_new_category_products .ttbox.right { left:auto; right:0px; } #contracts_main #contracts_new_category_products .ttbox.bottom { top:auto; bottom:35px; } #cropbonus_blackfriday_out, #cropbonus_blackfriday_in { position:absolute; } #cropbonus_blackfriday_out { top:0px; left:0px; } #cropbonus_blackfriday_in { bottom:47px; right:120px; } .blackfriday { background:url(https://mff.wavecdn.net/mff/blackfriday2.png); width:40px; height:40px; } .blackfriday_mini { background:url(https://mff.wavecdn.net/mff/blackfriday_mini2.png); width:20px; height:20px; } #megafield_harvest_all { display:none; position:absolute; top:315px; left:615px; width:40px; height:40px; background-color:#0f0; } #megafield_fertilize_all { display:none; position:absolute; top:365px; left:615px; width:40px; height:40px; background-color:#00f; } #megafield_harvest_all_blocker { display:none; position:absolute; top:0px; left:0px; width:100%; height:260px; padding-top:200px; text-align:center; background-color:#f00; opacity:0.3; font-size:20px; font-weight:bold; } #giftevent_link .alert { display:none; position:absolute; right:0px; top:5px; background:url(https://mff.wavecdn.net/mff/incoming.gif); width:20px; height:46px; background-size:100%; } #giftevent { position:relative; width:500px; height:460px; margin-top:-10px; z-index:1; } #giftevent .back { background:url(https://mff.wavecdn.net/mff/Valentine2017_Interface_BgScene_00.png) top left; width:562px; height:505px; position:absolute; bottom:-32px; left:-30px; } #giftevent .grass { background:url(https://mff.wavecdn.net/mff/Valentine2017_Interface_BgScene_FrontGrass_00.png); width:562px; height:65px; position:absolute; bottom:-32px; left:-30px; } #giftevent .intro { } #giftevent .timer { position:absolute; bottom:-32px; width:100%; background-color:#C3A75E; padding:2px; border-top-left-radius:5px; border-top-right-radius:5px; } #giftevent .timer #giftevent_timer { font-weight:bold; } #giftevent .help { position:absolute; z-index:1; top:-35px; right:-45px; } #giftevent .send { position:absolute; top:5px; right:40px; padding:10px; border-radius:5px; width:100px; background-color:#C3A75E; font-weight:bold; } #giftevent .send:after { content:''; position:absolute; top:-3px; left:-20px; background:url(https://mff.wavecdn.net/mff/gifts/secret.gif); width:45px; height:45px; background-size:100%; } #giftevent .send:hover { transform:scale(1.05); } #giftevent .log { position:absolute; top:5px; left:40px; padding:10px; border-radius:5px; width:100px; background-color:#C3A75E; font-weight:bold; } #giftevent .log:hover { transform:scale(1.05); } #giftevent .stage { position:absolute; bottom:0px; width:200px; border-top:1px dotted white; } #giftevent .stage.even { right:0px; } #giftevent .stage.uneven { left:0px; } #giftevent .stage .prize { position:absolute; top:-25px; width:115px; height:50px; } #giftevent .stage .prize.even { left:-60px; } #giftevent .stage .prize.uneven { right:-65px; } #giftevent .stage .prize .item { position:relative; float:right; width:50px; height:50px; margin-right:5px; } #giftevent .stage .prize .item img { width:100%; height:100%; background-size:100%; border-radius:5px; } #giftevent .stage .prize .farmhouse { position:relative; width:50px; height:50px; margin-right:5px; } #giftevent .stage .prize .farmhouse img { width:100%; height:100%; border-radius:5px; } #giftevent .stage .prize .powerup { position:relative; background:url(https://mff.wavecdn.net/mff/specialboost_circleonly.png); background-size:100%; width:50px; height:50px; margin-right:10px; } #giftevent .stage .prize .powerup .percent { position:absolute; bottom:-5px; right:-10px; padding:5px; background-color:white; border-radius:20px; width:20px; height:16px; padding-top:7px; text-align:center; } #giftevent .stage .prize .farmhouse.even, #giftevent .stage .prize .powerup.even { float:right; } #giftevent .stage .prize .farmhouse.uneven, #giftevent .stage .prize .powerup.uneven { float:left } #giftevent .stage .prize .farmhouse .ttbox, #giftevent .stage .prize .powerup .ttbox, #giftevent .stage .prize .item .ttbox { width:150px; top:0px; left:60px; } #giftevent .stage .need { position:absolute; top:5px; width:35px; text-align:center; } #giftevent .stage .need.even { left:55px; } #giftevent .stage .need.uneven { right:55px; } #giftevent .stage .need .ready { position:absolute; bottom:10px; left:0px; background:url(https://mff.wavecdn.net/mff/merchslot_isset.png); width:35px; height:35px; background-size:100%; } #giftevent .bar { position:absolute; top:-5px; left:50%; margin-left:-49px; } #giftevent .bar .amount { position:absolute; top:52px; left:0px; width:100%; text-align:center; } #giftevent .bar .front { position:absolute; top:0px; left:0px; width:98px; height:408px; background:url(https://mff.wavecdn.net/mff/Valentine2017_Interface_Progress_Bar_00.png); } #giftevent .bar .inner { position:absolute; bottom:22px; left:20px; width:59px; height:300px; } #giftevent_bar_inner { position:absolute; bottom:0px; left:0px; width:100%; background:url(https://mff.wavecdn.net/mff/Valentine2017_Interface_Progress_Filler_00.jpg) bottom left; } #giftevent_help { width:350px; } #giftevent_help .line { margin-bottom:10px; text-align:left; } #giftevent_help .gift { width:50px; height:50px; margin:0px 10px; } #giftevent_help .gift img { width:50px; height:50px; } #giftevent_help .gift .points { position:relative; background-color:antiquewhite; border-radius:5px; padding:5px; margin-bottom:10px; text-align:center; } #giftevent_help .gift .points:before { content:''; position:absolute; top:-5px; left:-18px; width:35px; height:32px; background: url(https://mff.wavecdn.net/mff/Valentine2017_SilverHeart.png); background-size: 100%; } #giftevent_help .border { margin-bottom:10px; padding:10px; border:2px solid #6C441D; border-radius:5px; } #giftevent_navi { position:absolute; top:-20px; left:0px; z-index:1; } #giftevent_navi .item { position:relative; float:left; background-color:white; border-top-left-radius:5px; border-top-right-radius:5px; width:35px; height:20px; } #giftevent_navi .item:hover { background-color:#C3A75E; } #giftevent_navi .item.active { background-color:#E5D194; } #giftevent_navi .item .in { position:absolute; top:7px; left:10px; border-color:#000 transparent transparent transparent; border-style:solid; border-width:8px; height:0px; width:0px; } #giftevent_navi .item .out { position:absolute; top:-2px; left:10px; border-color:transparent transparent #000 transparent; border-style:solid; border-width:8px; height:0px; width:0px; } #giftevent_lastupdates { } #giftevent_lastupdates .intro { margin-bottom:10px; } #giftevent_lastupdates .list { height:150px; overflow:auto; } #giftevent_lastupdates .line { margin-bottom:5px; } #giftevent_lastupdates .line img { width:30px; margin-right:5px; } #giftevent_lastupdates .line .name { margin-top:7px; margin-right:5px; width:120px; text-align:left; } #giftevent_lastupdates .line .date { margin-right:10px; width:100px; text-align:left; margin-top:1px; } #giftevent_lastupdates .line .points { position:relative; width:50px; background-color:antiquewhite; border-radius:5px; padding:5px; text-align:center; margin-top:2px; } #giftevent_lastupdates .line .points:before { content:''; position:absolute; top:-2px; left:-13px; width:30px; height:26px; background: url(https://mff.wavecdn.net/mff/Valentine2017_SilverHeart.png); background-size:100%; } #giftevent .bunny_box { position:absolute; bottom:-40px; width:560px; height:150px; left:-30px; overflow:hidden; } #giftevent .bunny_box .start { left:-200px; transition:all 4s linear; } #giftevent .bunny_box .end { left:800px; transition:all 4s linear; } #giftevent .bunny_box .valentine_bunny { position:absolute; bottom:-10px; } #giftevent .bunny_box .valentine_bunny_ani { background:url(https://mff.wavecdn.net/mff/Valentine2017_BunnyAni_Spritesheet_00.png); height:164px; width:154px; animation:valentine_bunny .8s steps(24) infinite; } @keyframes valentine_bunny { 100% { background-position: -3696px; } } #giftevent .bunny_box .valentine_bunny.child { transform:scale(0.7) scaleX(-1); bottom:-25px; } #giftevent .bunny_box .valentine_bunny.rewind { transform:scaleX(-1); } .guild_medalcase_item { position:relative; float:left; width:16px; height:58px; margin-right:10px; margin-bottom:13px; } .guild_medalcase_bronze { background:url(https://mff.wavecdn.net/mff/guild/guild_bronzemedal.gif); } .guild_medalcase_silver { background:url(https://mff.wavecdn.net/mff/guild/guild_silvermedal.gif); } .guild_medalcase_gold { background:url(https://mff.wavecdn.net/mff/guild/guild_goldmedal.gif); } .guild_medalcase_platin { background:url(https://mff.wavecdn.net/mff/guild/guild_platinmedal.gif); } .guild_medalcase_item_tt_left { min-width:75px; text-align:center; left:18px; right:auto; } .guild_medalcase_item_tt_right { min-width:75px; text-align:center; right:18px; left:auto; } .guild_newsticker_item { border-bottom:1px dashed #6A5739; padding-top:5px; padding-bottom:5px; padding-left:2px; padding-right:2px; } .guild_newsticker_item:hover { background-color:#B5AA96; } .guild_newsticker_item_back1 { background-color:#FF610C; } .guild_newsticker_item_back2 { background-color:#B89460; } .guild_newsticker_item_back3 { background-color:#85A3C5; } .guild_newsticker_item_back4 { background-color:#FF843D; } .guild_newsticker_item_back5 { background-color:#996E43; } .guild_halloffame_line { padding:2px; } .guild_halloffame_line:hover { background-color:#D8B57D; border-radius:3px; width:95%; } .coinsbutton_flex { position:relative; text-decoration:none; font-weight:bold; border-style:solid; border-width:20px; border-image:url(https://mff.wavecdn.net/mff/coinsbutton_9patch.png) 20 fill repeat; font-size:14px; max-width:250px; text-align:center; margin:0 auto; } .coinsbutton_flex_link { color:#000; text-decoration:none; font-size:24px; font-weight:bold; } .coinsbutton_flex:hover { transform:scale(1.05); } .info_button { width:20px; height:20px; background:linear-gradient(aqua, blue); border-radius:10px; } .info_button:after { content:'!'; position:absolute; top:3px; left:8px; color:#fff; font-weight:bold; } .flowerfarmi_go_top { top:30px; transition:top 1s linear; } .flowerfarmi_go_left { top:30px; left:-125px; transition:left 2s linear; } .flowerfarmi_go_away { top:1000px; left:-125px; transition:top 5s linear; } #flower_action { position:absolute; top:655px; left:735px; z-index:35; } #flower_action_tt { top:-5px; left:50px; width:165px; } #forestry_action { position:absolute; top:15px; left:40px; z-index:101; } #forestry_action_tt { top:-5px; left:50px; width:165px; } .action_star { background:orange; width:40px; height:40px; position:relative; text-align:center; } .action_star:hover { transform:scale(1.1); } .action_star:before, .action_star:after { content:""; position:absolute; top:0; left:0; height:40px; width:40px; background:orange; } .action_star:before { transform:rotate(30deg); } .action_star:after { transform:rotate(60deg); } .action_star_text { color:#fff; position:absolute; z-index:1; padding:12px 0px; width:42px; text-align:center; font-weight:bold; } .base { position:relative; background:#A27242; display:inline-block; height:260px; width:170px; } .base:before { border-top:35px solid #A27242; border-left:85px solid transparent; border-right:85px solid transparent; content:''; height:0; left:0; position:absolute; top:260px; width:0; } #forestry_info_button { position:absolute; top:10px; left:10px; width:20px; height:20px; border-radius:10px; border-color:#fff; background:linear-gradient(aqua, blue); } #forestry_info_button:after { content:'i'; position:absolute; top:3px; left:8px; font-weight:bold; color:#fff; } #forestry_help_button { top:40px; position:absolute; left:10px; } .bonus_star { background:#70CD2A; width:25px; height:25px; position:relative; text-align:center; } .bonus_star:before, .bonus_star:after { content:''; position:absolute; top:0; left:0; height:25px; width:25px; background:#70CD2A; } .bonus_star:before { transform:rotate(30deg); } .bonus_star:after { transform:rotate(60deg); } .star_five { margin:50px 0; color:red; width:0px; height:0px; border-right:100px solid transparent; border-bottom:70px solid red; border-left:100px solid transparent; transform:rotate(35deg); } .star_five:before { border-bottom:80px solid red; border-left:30px solid transparent; border-right:30px solid transparent; position:absolute; height:0; width:0; top:-45px; left:-65px; content:''; transform:rotate(-35deg); } .star_five:after { position:absolute; color:red; top:3px; left:-105px; width:0px; height:0px; border-right:100px solid transparent; border-bottom:70px solid red; border-left:100px solid transparent; transform:rotate(-70deg); transform:rotate(-70deg); content:''; } #farmersmarket_pos3_inner { z-index:25; display:none; position:absolute; top:50px; left:50%; width:640px; height:540px; margin-left:-320px; border-radius:5px; border:2px solid #885F49; overflow:hidden; } .megafruit_inner_back { background:url(https://mff.wavecdn.net/mff/megafruit_inner.jpg); } .megafruit_inner_back_current { background:url(https://mff.wavecdn.net/mff/megafruit_inner2.jpg); } #megafruit_levelbar { position:absolute; top:5px; left:45px; } #megafruit_countbar { position:absolute; top:10px; right:85px; } #megafruit_level_insert { position:relative; top:1px; float:left; width:45px; border-radius:3px; padding:2px; } #megafruit_needs { z-index:10; position:absolute; top:115px; left:10px; } .megafruit_need { position:relative; margin-bottom:40px; height:62px; width:65px; background:url(https://mff.wavecdn.net/mff/megafruit_object_map6.png) 0 0; } .megafruit_need_img { position:absolute; top:0px; left:0px; width:100%; height:100%; } .megafruit_need_water { background:url(https://mff.wavecdn.net/mff/megafruit_object_map6.png) -65px 0; } .megafruit_need_light { background:url(https://mff.wavecdn.net/mff/megafruit_object_map6.png) -130px 0; } .megafruit_need_fertilize { background:url(https://mff.wavecdn.net/mff/megafruit_object_map6.png) -195px 0; } #megafruit_need_water_timer, #megafruit_need_light_timer, #megafruit_need_fertilize_timer { } .megafruit_need_timer { position:absolute; bottom:-20px; left:0px; background:url(https://mff.wavecdn.net/mff/megafruit_need_timer.png); width:64px; height:20px; padding-top:5px; font-size:10px; } .megafruit_need_tt { position:absolute; top:-30px; left:5px; } #megafruit_need_water_timer_box, #megafruit_need_light_timer_box, #megafruit_need_fertilize_timer_box { display:none; } #megafruit_need_water_timer_inner, #megafruit_need_light_timer_inner, #megafruit_need_fertilize_timer_inner { position:absolute; top:6px; left:6px; background:url(https://mff.wavecdn.net/mff/megafruit_innerbar2.jpg) 0 15px; width:52px; height:12px; } #megafruit_incubator { position:absolute; top:60px; left:50%; width:470px; margin-left:-235px; } #megafruit_incubator_fruit { position:absolute; left:50%; } #megafruit_harvest_button { position:absolute; bottom:10px; left:50%; margin-left:-37px; background:url(https://mff.wavecdn.net/mff/megafruit_harvest_button2.png) 0 0; width:70px; height:78px; } #megafruit_harvest_button:hover { background-position:0 -78px; } #megafruit_harvest_button_tt { position:absolute; top:-40px; } #megafruit_timer { overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; height:28px; text-align:center; background:url(https://mff.wavecdn.net/mff/megafruit_time_bar.png); padding:2px 0; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } #megafruit_timer_inner { z-index:5; position:absolute; top:14px; width:0%; height:18px; background:url(https://mff.wavecdn.net/mff/megafruit_innerbar2.jpg) 0 -5px; } #megafruit_timer_count { z-index:10; position:relative; top:13px; } .megafruit_need_item_bar { display:none; position:relative; width:529px; height:57px; top:4px; left:62px; background:url(https://mff.wavecdn.net/mff/megafruit_objectbar2.png); } .megafruit_need_item { position:relative; float:left; margin-left:10px; height:62px; width:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit_object_map6.png); } .megafruit_need_item1 { background-position:-65px -65px; } .megafruit_need_item2 { background-position:-65px -130px; } .megafruit_need_item3 { background-position:-65px -195px; } .megafruit_need_item4 { background-position:-65px -260px; } .megafruit_need_item5 { background-position:-65px -325px; } .megafruit_need_item6 { background-position:-65px -390px; } .megafruit_need_item7 { background-position:-65px -455px; } .megafruit_need_item8 { background-position:-65px -520px; } .megafruit_need_item10 { background-position:-130px -65px; } .megafruit_need_item11 { background-position:-130px -130px; } .megafruit_need_item12 { background-position:-130px -195px; } .megafruit_need_item13 { background-position:-130px -260px; } .megafruit_need_item14 { background-position:-130px -325px; } .megafruit_need_item15 { background-position:-130px -390px; } .megafruit_need_item16 { background-position:-130px -455px; } .megafruit_need_item17 { background-position:-130px -520px; } .megafruit_need_item20 { background-position:-195px -65px; } .megafruit_need_item21 { background-position:-195px -130px; } .megafruit_need_item22 { background-position:-195px -195px; } .megafruit_need_item23 { background-position:-195px -260px; } .megafruit_need_item24 { background-position:-195px -325px; } .megafruit_need_item25 { background-position:-195px -390px; } .megafruit_need_item26 { background-position:-195px -455px; } .megafruit_need_item27 { background-position:-195px -520px; } #megafruit_need_water_img, #megafruit_need_light_img, #megafruit_need_fertilize_img { background-image:url(https://mff.wavecdn.net/mff/megafruit_object_map6.png); } #megafruit_need_transp { z-index:10; display:none; } .megafruit_need_item_tt { display:none; z-index:100; position:absolute; top:65px; left:0px; width:250px; max-width:250px; } .megafruit_need_item_tt2 { display:none; z-index:100; position:absolute; top:65px; right:0px; width:250px; max-width:250px; } #megafruit_select { display:none; position:absolute; top:80px; left:160px; } .megafruit_select_item { position:relative; float:left; width:102px; height:135px; background:url(https://mff.wavecdn.net/mff/strickerei_slot.png); margin-bottom:15px; margin-right:15px; } .megafruit_select_item_tt { display:none; z-index:100; position:absolute; top:140px; left:0px; width:180px; } .megafruit_select_item_tt2 { display:none; z-index:100; position:absolute; bottom:140px; left:0px; width:180px; } .megafruit_object_lock { background:url(https://mff.wavecdn.net/mff/rack_lock.png); width:30px; height:43px; position:absolute; top:10px; left:20px; } .megafruit_object_lock2 { background:url(https://mff.wavecdn.net/mff/rack_lock2.png); width:30px; height:50px; position:absolute; top:10px; left:20px; } .megafruit_select_lock { background:url(https://mff.wavecdn.net/mff/questlock.png); width:83px; height:112px; position:absolute; top:4px; left:11px;} #megafruit_stats_button { z-index:5; position:absolute; top:0px; left:50%; margin-left:-36px; width:72px; height:52px; background:url(https://mff.wavecdn.net/mff/megafruit_stats.png) 0px 0px; } #megafruit_stats_button_tt { top:10px; left:75px; } #megafruit_stats_button:hover { background-position:0px -52px; } #megafruit_stats_transp { z-index:15; display:none; } #megafruit_stats, #foodcontest_stats, #fuelstation_stats { z-index:22; display:none; position:absolute; top:10px; left:50%; margin-left:-262px; width:525px; height:512px; background:url(https://mff.wavecdn.net/mff/megafruit_stats.jpg); } #megafruit_stats_inner, #foodcontest_stats_inner, #fuelstation_stats_inner { position:relative; margin:30px; } #megafruit_stats_ranking, #foodcontest_stats_ranking, .fuelstation_stats_ranking { position:relative; height:340px; overflow:auto; } .megafruit_stats_line { } .megafruit_stats_line:hover { background-color:#C3A75E; border-radius:4px; } .megafruit_stats_field1, .megafruit_stats_field2, .megafruit_stats_field3 { float:left; padding:3px; } .megafruit_stats_field1 { width:25px; text-align:right; margin-right:5px; } .megafruit_stats_field2 { width:290px; margin-right:5px; } .megafruit_stats_field3 { width:100px; text-align:right; } #megafruit_stats_select_line, #foodcontest_stats_select_line, #megafield_stats_select_line, #fuelstation_stats_select_line { background-color:#C3A75E; padding:4px; border-radius:4px; } #megafruit_stats_select, #foodcontest_stats_select, #megafield_stats_select { border-radius:4px; border-color:#fff; } #megafruit_count_plus { position:absolute; top:-1px; right:-32px; width:43px; height:41px; background:url(https://mff.wavecdn.net/mff/megafruit_plus.png); } #megafruit_count_plus:hover { background-position:0 41px; } #megafruit_buy_button, #megafield_buy_button { background:url(https://mff.wavecdn.net/mff/megafruit_coins_button.gif); text-align:center; width:253px; height:38px; padding-top:12px; } #megafruit_buy_button:hover, #megafield_buy_button:hover { background:url(https://mff.wavecdn.net/mff/megafruit_coins_button_over.gif); } #megafruit_info_board { position:absolute; top:390px; right:0px; background:url(https://mff.wavecdn.net/mff/megafruit_infoboard2.png); width:144px; height:78px; padding:17px; } .megafruit_seed { width:15px; height:20px; background:url(https://mff.wavecdn.net/mff/megafruit_seed.png); } #megafruit_stock { position:absolute; top:35px; right:5px; } #megafruit_stock_tt { top:0px; right:30px; } #megafruit_select { left:95px; } .megafruit_select_item { margin-right:5px; } .megafruit_select_item.right .ttbox { left:auto; right:0px; } #megafruit_needs { top:100px; } #megafruit_need_fertilize .megafruit_need_item .ttbox { top:auto; bottom:65px; } .megafruit_need { margin-bottom:75px; } .megafruit_need_item { margin-top:-5px; } .megafruit_need_item_bar { height:112px; } .megafruit_need_item27 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_watering1.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item28 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_watering2.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item29 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_watering3.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item30 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_watering4.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item31 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_watering5.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item32 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_light1.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item33 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_light2.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item34 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_light3.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item35 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_light4.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item36 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_light5.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item37 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_fertilizer1.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item38 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_fertilizer2.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item39 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_fertilizer3.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item40 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_fertilizer4.png) !important; background-size:100% !important; background-position:50% !important; } .megafruit_need_item41 { width:65px; height:65px; background-image:url(https://mff.wavecdn.net/mff/megafruit/MF24_tool_fertilizer5.png) !important; background-size:100% !important; background-position:50% !important; } #farmersmarket_pos6_inner { z-index:25; display:none; position:absolute; top:50px; left:50%; width:640px; height:540px; margin-left:-320px; border-radius:5px; border:2px solid #885F49; overflow:hidden; background:url(https://mff.wavecdn.net/mff/foodcontest_back2.jpg); } #foodcontest_select_transp { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; } #foodcontest_select { display:none; position:absolute; top:70px; left:50%; margin-left:-285px; width:352px; } .fruit_image_select { position:absolute; width:115px; top:11px; left:-7px; } .foodcontest_select_item_tt { top:135px; width:150px; } #foodcontest_select_fighter { position:absolute; top:130px; right:-220px; width:205px; height:215px; background:url(https://mff.wavecdn.net/mff/eater.png); } #foodcontest_select_fighter_levelbar, #foodcontest_fighter_level_tt { position:absolute; bottom:-5px; left:35px; height:45px; width:184px; background:url(https://mff.wavecdn.net/mff/megafruit_level_back.png); } #foodcontest_fighter_level_tt { display:none; z-index:100; bottom:-40px; left:-50px; } #foodcontest_select_fighter_levelbar_inner, #foodcontest_fighter_level_tt_inner { position:absolute; bottom:14px; left:40px; width:132px; height:24px; } #foodcontest_select_fighter_levelbar_inner_line, #foodcontest_fighter_level_tt_inner_line { position:absolute; bottom:0; left:0; width:0px; height:24px; background:url(https://mff.wavecdn.net/mff/megafruit_innerbar2.jpg); } #foodcontest_select_fighter_levelbar_front, #foodcontest_fighter_level_tt_levelbar_front { position:absolute; bottom:0; left:0; width:132px; height:24px; background:url(https://mff.wavecdn.net/mff/megafruit_level_front.png); } #foodcontest_select_fighter_level, #foodcontest_fighter_level_tt_fighter_level { position:absolute; top:6px; left:-23px; font-weight:bold; font-size:14px; } #foodcontest_select_fighter_need { background-color:#fff; position:absolute; bottom:225px; padding:10px; text-align:center; border-radius:10px; } #foodcontest_select_fighter_need:after { content:''; position:absolute; height:50px; top:44px; left:30px; margin:15px; border-color:#fff transparent transparent transparent; border-style:solid; border-width:8px; height:0px; width:0px; } #foodcontest_current { display:none; } #foodcontest_happymeter { position:absolute; top:5px; left:10px; width:105px; height:180px; background:url(https://mff.wavecdn.net/mff/happymeter_back.png); } #foodcontest_happymeter_inner1 { position:absolute; bottom:45px; left:8px; width:28px; height:125px; background:url(https://mff.wavecdn.net/mff/happymeter_inner.png) 0px 0px; } #foodcontest_happymeter_inner2 { position:absolute; bottom:45px; left:36px; width:28px; height:125px; background:url(https://mff.wavecdn.net/mff/happymeter_inner.png) -28px 0px; } #foodcontest_happymeter_inner3 { position:absolute; bottom:45px; left:64px; width:28px; height:125px; background:url(https://mff.wavecdn.net/mff/happymeter_inner.png) -56px 0px; } #foodcontest_happymeter_front { position:absolute; bottom:45px; left:9px; width:84px; height:125px; background:url(https://mff.wavecdn.net/mff/happymeter_front.png); } #foodcontest_stage { position:absolute; top:10px; left:135px; width:300px; height:190px;} #foodcontest_stage_fighter_bubble { display:none; position:absolute; top:-60px; left:6px; } .foodcontest_stage_fighter_bubble_feed { background:url(https://mff.wavecdn.net/mff/foodpin2.png); width:56px; height:77px; } .foodcontest_stage_fighter_bubble_feed:hover { background-position:-56px 0px; } #foodcontest_stage_fighter_timer { position:absolute; bottom:80px; left:-50px; text-align:center; background:url(https://mff.wavecdn.net/mff/megafruit_number.png); width:174px; height:28px; padding-top:12px; } #foodcontest_stage_timer { position:absolute; bottom:10px; left:50%; width:200px; margin-left:-100px; text-align:center; } #foodcontest_stage_fighter { position:absolute; top:54px; left:119px; width:64px; height:68px; } #foodcontest_stage_opponent1 { position:absolute; top:51px; left:10px; width:82px; height:73px; } #foodcontest_stage_opponent2 { position:absolute; top:50px; left:214px; width:67px; height:74px; } .foodcontest_stage_fighter_idle { background:url(https://mff.wavecdn.net/mff/eater_middle_idle2.gif); } .foodcontest_stage_opponent1_idle { background:url(https://mff.wavecdn.net/mff/eater_left_idle2.gif); } .foodcontest_stage_opponent2_idle { background:url(https://mff.wavecdn.net/mff/eater_right_idle2.gif); } .foodcontest_stage_fighter_eat { background:url(https://mff.wavecdn.net/mff/eater_middle_eat2.gif); } .foodcontest_stage_opponent1_eat { background:url(https://mff.wavecdn.net/mff/eater_left_eat2.gif); } .foodcontest_stage_opponent2_eat { background:url(https://mff.wavecdn.net/mff/eater_right_eat2.gif); } #foodcontest_merch { position:absolute; top:45px; right:0px; width:178px; height:177px; } #foodcontest_merch:hover { background:url(https://mff.wavecdn.net/mff/merchstand_hover.png); } #foodcontest_merch_bubble { display:none; position:absolute; right:105px; top:80px; background:url(https://mff.wavecdn.net/mff/merchpin.png); width:81px; height:58px; } #foodcontest_merch_bubble:hover { background-position:0px -58px; } #foodcontest_merch_slots_inner { width:400px; height:240px; } .foodcontest_merch_slot { position:relative; float:left; width:107px; height:107px; margin-left:15px; margin-bottom:15px; background:url(https://mff.wavecdn.net/mff/merch_slots.png); } .foodcontest_merch_slot:hover { background-position:0 -107px; } .foodcontest_merch_slot_lock { display:none; background:url(https://mff.wavecdn.net/mff/questlock.png); width:83px; height:112px; position:absolute; top:-3px; left:12px; } .foodcontest_merch_slot_unlock { display:none; background:url(https://mff.wavecdn.net/mff/new_lock_slot.png); position:absolute; top:-11px; left:16px; width:80px; height:126px; } .foodcontest_merch_slot_time { position:absolute; top:97px; left:0px; background:url(https://mff.wavecdn.net/mff/oilslot_remain.png); width:109px; height:24px; padding:26px 0 0 0; } #foodcontest_merch_inner { width:400px; } .foodcontest_merch_item { position:relative; float:left; margin-right:15px; width:100px; height:100px; border:1px solid #000; } #foodcontest_blocks { position:absolute; top:200px; left:10px; } .foodcontest_block { position:relative; float:left; width:308px; height:160px; } #foodcontest_block_crowd1 { position:absolute; top:5px; left:22px; width:245px; height:140px; } #foodcontest_block_crowd2 { position:absolute; top:8px; left:-22px; width:257px; height:137px; } #foodcontest_block_crowd3 { position:absolute; top:7px; left:-10px; width:301px; height:141px; } #foodcontest_block_crowd4 { position:absolute; top:6px; left:0px; width:273px; height:152px; } .foodcontest_block_crowd1_static { background:url(https://mff.wavecdn.net/mff/crowd_block_a_static.jpg); } .foodcontest_block_crowd1_ani { background:url(https://mff.wavecdn.net/mff/crowd_block_a.gif); } .foodcontest_block_crowd2_static { background:url(https://mff.wavecdn.net/mff/crowd_block_b_static.jpg); } .foodcontest_block_crowd2_ani { background:url(https://mff.wavecdn.net/mff/crowd_block_b.gif); } .foodcontest_block_crowd3_static { background:url(https://mff.wavecdn.net/mff/crowd_block_c_static.jpg); } .foodcontest_block_crowd3_ani { background:url(https://mff.wavecdn.net/mff/crowd_block_c.gif); } .foodcontest_block_crowd4_static { background:url(https://mff.wavecdn.net/mff/crowd_block_d_static.jpg); } .foodcontest_block_crowd4_ani { background:url(https://mff.wavecdn.net/mff/crowd_block_d.gif); } .foodcontest_block_block { position:absolute; top:30px; left:90px; background:url(https://mff.wavecdn.net/mff/questlock.png); width:83px; height:112px; } .foodcontest_block_timer { display:none; position:absolute; top:30px; left:90px; } .foodcontest_block_pin { position:absolute; display:none; width:40px; height:48px; background:url(https://mff.wavecdn.net/mff/foodcontest_pins2.png); } .foodcontest_block_pin_money { background-position:-80px 0; top:0px; left:100px; } .foodcontest_block_pin_money:hover { background-position:-80px -48px; } .foodcontest_block_pin_points { background-position:-40px 0; top:0px; left:215px; } .foodcontest_block_pin_points:hover { background-position:-40px -48px; } .foodcontest_block_pin_fame { background-position:0px 0px; top:50px; left:100px; } .foodcontest_block_pin_fame:hover { background-position:0px -48px; } .foodcontest_block_pin_products { background-position:-120px -0px; top:50px; left:215px; } .foodcontest_block_pin_products:hover { background-position:-120px -48px; } .foodcontest_help_button { position:absolute; top:35px; right:5px; background:url(https://mff.wavecdn.net/mff/kaeserei_info.png); width:25px; height:25px; } .foodcontest_stats_button { position:absolute; top:-7px; right:50px; background:url(https://mff.wavecdn.net/mff/foodcontest_buttons3.png) 0px -56px; width:70px; height:56px; } .foodcontest_stats_button:hover { background-position:-70px -56px; } .foodcontest_stock_button { position:absolute; top:-7px; right:110px; background:url(https://mff.wavecdn.net/mff/foodcontest_buttons3.png) 0px 0px; width:70px; height:56px; } .foodcontest_stock_button:hover { background-position:-70px 0px; } .foodcontest_collection_button { position:absolute; top:-7px; right:180px; background:url(https://mff.wavecdn.net/mff/foodcontest_buttons3.png) 0px -112px; 0px 0px; width:70px; height:56px; } .foodcontest_collection_button:hover { background-position:-70px -112px; } #foodcontest_transp { display:none; } #foodcontest_stock_button_tt, #foodcontest_stats_button_tt, #foodcontest_collection_button_tt { top:70px; right:0px; } #foodcontest_stock, #foodcontest_merch_box { display:none; position:absolute; top:0px; left:50%; width:550px; margin-left:-275px; } #foodcontest_stock { width:530px; left:50%; margin-left:-250px; } #foodcontest_merch_box { top:30px; } .foodcontest_stock { position:relative; width:480px; left:30px; } #foodcontest_stock:after, #foodcontest_merch_box:after { content:''; background:url(https://mff.wavecdn.net/mff/globalbox_scale_right.jpg); width:40px; height:100%; position:absolute; top:0px; right:0px; z-index:1; } #foodcontest_stock:before, #foodcontest_merch_box:before { content:''; background:url(https://mff.wavecdn.net/mff/globalbox_scale_left.jpg); width:40px; height:100%; position:absolute; top:0px; left:0px; z-index:1; } .foodcontest_stock_item { position:relative; float:left; margin-right:10px; margin-bottom:-40px; width:150px; height:200px; z-index:1; } #foodcontest_stock_close { z-index:10; } .foodcontest_stock_item_img { position:relative; top:8px; left:1px; } .foodcontest_stock_item_amount { position:relative; top:15px; font-weight:bold; text-align:center; width:85px; left:10px; } .foodcontest_stock_item_tt { bottom:100px; width:125px; } .foodcontest_stock_amount_plus { position:relative; top:-35px; } .amount_plus { width:123px; height:46px; background:url(https://mff.wavecdn.net/mff/input_plus2.png); } .amount_plus:hover { background-position:0 -46px; } .foodcontest_stock_buy_button { background:url(https://mff.wavecdn.net/mff/megafruit_coins_button.gif); width:253px; height:40px; padding-top:10px; margin-bottom:25px; } .foodcontest_stock_buy_button:hover { background:url(https://mff.wavecdn.net/mff/megafruit_coins_button_over.gif); } .foodcontest_merch_overview_item { position:relative; margin-top:10px; margin-left:40px; background-color:#C3A75E; padding:5px; border-radius:5px; width:460px; height:85px; } .foodcontest_merch_overview_item:hover { background-color:#FFAF62; } #foodcontest_merch_buy_button_line { float:left; } #foodcontest_help_button { top:5px; left:5px; } #foodcontest_stock_header, #foodcontest_merch_box_header { position:relative; background:url(https://mff.wavecdn.net/mff/globalbox_scale_top.jpg); width:100%; height:40px; } #foodcontest_stock_inner, #foodcontest_merch_box_inner { position:relative; background-color:#e5d194; } #foodcontest_merch_box_inner { height:395px; overflow:auto; } #foodcontest_stock_footer, #foodcontest_merch_box_footer { position:relative; background:url(https://mff.wavecdn.net/mff/globalbox_scale_bottom.jpg); width:100%; height:40px; } .farmersmarket_howto_navi_item_flowers, .farmersmarket_howto_navi_item_megafruit, .farmersmarket_howto_navi_item_foodcontest, .farmersmarket_howto_navi_item_vet, .farmersmarket_howto_navi_item_pets, .farmersmarket_howto_navi_item_rewards, .farmersmarket_howto_navi_item_butterfly, .farmersmarket_howto_navi_item_cowracing, .farmersmarket_howto_navi_item_fishing, .farmersmarket_howto_navi_item_vineyard, .farmersmarket_howto_navi_item_scouts, .farmersmarket_howto_navi_item_flowers_active, .farmersmarket_howto_navi_item_megafruit_active, .farmersmarket_howto_navi_item_foodcontest_active, .farmersmarket_howto_navi_item_vet_active, .farmersmarket_howto_navi_item_pets_active, .farmersmarket_howto_navi_item_rewards_active, .farmersmarket_howto_navi_item_butterfly_active, .farmersmarket_howto_navi_item_cowracing_active, .farmersmarket_howto_navi_item_fishing_active, .farmersmarket_howto_navi_item_vineyard_active, .farmersmarket_howto_navi_item_scouts_active { width:69px; height:45px; background:url(https://mff.wavecdn.net/mff/farmersmarket_help_tab12.png); } .farmersmarket_howto_navi_item_flowers { background-position:0 -46px; } .farmersmarket_howto_navi_item_megafruit { background-position:-69px -46px; } .farmersmarket_howto_navi_item_foodcontest { background-position:-138px -46px; } .farmersmarket_howto_navi_item_vet { background-position:-207px -46px; } .farmersmarket_howto_navi_item_pets { background-position:-345px -46px; } .farmersmarket_howto_navi_item_butterfly { background-position:-482px -46px; } .farmersmarket_howto_navi_item_cowracing { background-position:-552px -46px; } .farmersmarket_howto_navi_item_fishing { background-position:-690px -46px; } .farmersmarket_howto_navi_item_vineyard { background-position:-758px -46px; } .farmersmarket_howto_navi_item_scouts { background-position:-895px -46px; } .farmersmarket_howto_navi_item_rewards { background-position:-276px -46px; } .farmersmarket_howto_navi_item_flowers:hover, .farmersmarket_howto_navi_item_flowers_active { background-position:0 0; } .farmersmarket_howto_navi_item_megafruit:hover, .farmersmarket_howto_navi_item_megafruit_active { background-position:-69px 0; } .farmersmarket_howto_navi_item_foodcontest:hover, .farmersmarket_howto_navi_item_foodcontest_active { background-position:-138px 0; } .farmersmarket_howto_navi_item_vet:hover, .farmersmarket_howto_navi_item_vet_active { background-position:-207px 0; } .farmersmarket_howto_navi_item_pets:hover, .farmersmarket_howto_navi_item_pets_active { background-position:-345px 0; } .farmersmarket_howto_navi_item_butterfly:hover, .farmersmarket_howto_navi_item_butterfly_active { background-position:-482px 0; } .farmersmarket_howto_navi_item_cowracing:hover, .farmersmarket_howto_navi_item_cowracing_active { background-position:-552px 0; } .farmersmarket_howto_navi_item_fishing:hover, .farmersmarket_howto_navi_item_fishing_active { background-position:-690px 0; } .farmersmarket_howto_navi_item_vineyard:hover, .farmersmarket_howto_navi_item_vineyard_active { background-position:-758px 0; } .farmersmarket_howto_navi_item_scouts:hover, .farmersmarket_howto_navi_item_scouts_active { background-position:-895px 0; } .farmersmarket_howto_navi_item_rewards:hover, .farmersmarket_howto_navi_item_rewards_active { background-position:-276px 0; } #farmersmarket_howto_navi_item_flowers_tt, #farmersmarket_howto_navi_item_megafruit_tt, #farmersmarket_howto_navi_item_foodcontest_tt, #farmersmarket_howto_navi_item_vet_tt, #farmersmarket_howto_navi_item_pets_tt, #farmersmarket_howto_navi_item_rewards_tt, #farmersmarket_howto_navi_item_butterfly_tt, #farmersmarket_howto_navi_item_cowracing_tt, #farmersmarket_howto_navi_item_fishing_tt, #farmersmarket_howto_navi_item_vineyard_tt, #farmersmarket_howto_navi_item_scouts_tt { top:50px; left:0px; } .foodcontest_merch_slot_tt_top { position:absolute; top:110px; } .foodcontest_merch_slot_tt_bottom { position:absolute; bottom:110px; } #foodcontest_feedback { display:none; z-index:150; position:absolute; top:120px; left:50%; margin-left:-50px; background-color:#000; border:2px solid #fff; border-radius:5px; color:#fff; padding:10px; } #foodcontest_stage_fighter_bubble_tt { top:5px; left:60px; } #foodcontest_merch_box_tt { bottom:0px; width:120px; } #foodcontest_timer { overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; height:28px; text-align:center; background:url(https://mff.wavecdn.net/mff/megafruit_time_bar.png); padding:2px 0; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } #foodcontest_timer_inner { z-index:5; position:absolute; top:14px; width:0%; height:18px; background:url(https://mff.wavecdn.net/mff/megafruit_innerbar2.jpg) 0 -5px; } #foodcontest_timer_count { position:relative; top:13px; left:180px; z-index:5; } .foodcontest_block_crowd_tt { top:120px; left:60px; } .foodcontest_podium { position:relative; background:url(https://mff.wavecdn.net/mff/foodcontest_podium_back.jpg); width:321px; height:228px; } .foodcontest_podium:after { content:''; position:absolute; bottom:5px; left:50%; margin-left:-108px; background:url(https://mff.wavecdn.net/mff/foodcontest_podium.png); width:216px; height:83px; } .foodcontest_podium_pos1 { position:absolute; bottom:80px; left:120px; } .foodcontest_podium_pos2 { position:absolute; bottom:60px; left:200px; } .foodcontest_podium_pos3 { position:absolute; bottom:40px; left:60px; } .foodcontest_podium_char1 { background:url(https://mff.wavecdn.net/mff/foodcontest_podium_char1.png); width:79px; height:136px; } .foodcontest_podium_char2 { background:url(https://mff.wavecdn.net/mff/foodcontest_podium_char2.png); width:63px; height:133px; } .foodcontest_podium_char3 { background:url(https://mff.wavecdn.net/mff/foodcontest_podium_char3.png); width:54px; height:138px; } .globalbox_content_flex { } #foodcontest_merch_tab { position:relative; background:url(https://mff.wavecdn.net/mff/merch_tabs_line.jpg) bottom no-repeat; height:25px; width:513px; z-index:10; left:19px; } .foodcontest_merch_tab { position:relative; background:url(https://mff.wavecdn.net/mff/merch_tabs.png); float:left; width:69px; height:25px; } .foodcontest_merch_tab1 { background-position:-69px 0; } .foodcontest_merch_tab1:hover, .foodcontest_merch_tab1_active { background-position:0 0; } .foodcontest_merch_tab2 { background-position:-69px -25px; } .foodcontest_merch_tab2:hover, .foodcontest_merch_tab2_active { background-position:0 -25px; } .foodcontest_merch_tab3 { background-position:-69px -50px; } .foodcontest_merch_tab3:hover, .foodcontest_merch_tab3_active { background-position:0 -50px; } #foodcontest_merch_box_close { z-index:100; } #foodcontest_merch_navi { position:absolute; left:50%; bottom:0; margin-top:5px; width:200px; margin-left:-100px; } .foodcontest_merch_navi_left, .foodcontest_merch_navi_right { position:relative; background:url(https://mff.wavecdn.net/mff/merch_arrows.png); width:59px; height:52px; } .foodcontest_merch_navi_left { background-position:0 0; float:left; } .foodcontest_merch_navi_left:hover { background-position:0 -52px; } .foodcontest_merch_navi_right { background-position:-59px 0; float:right; } .foodcontest_merch_navi_right:hover { background-position:-59px -52px; } #foodcontest_merch_navi_middle { position:absolute; top:15px; left:50%; width:100px; margin-left:-50px; text-align:center; font-size:16px; } .foodcontest_select_item_amount, .foodcontest_select_merchitem_amount { position:absolute; background:url(https://mff.wavecdn.net/mff/foodcontest_number.png); height:32px; width:70px; padding:15px 0 0 0px; text-align:center; } .foodcontest_select_item_amount { top:105px; right:-10px; } .foodcontest_select_merchitem_amount { top:75px; right:-10px; } .foodcontest_happymeter_percent { bottom:-20px; } #foodcontest_happymeter_percent1 { left:-13px; bottom:-20px; } #foodcontest_happymeter_percent2 { left:-4px; bottom:-20px; } #foodcontest_happymeter_percent3 { left:5px; bottom:-20px; } #foodcontest_collection_flyer { z-index:100; visibility:hidden; opacity:0.5; font-size:14px; color:#fff; text-shadow:#000 0px 0px 3px; position:absolute; top:150px; left:400px; width:350px; -webkit-transition:top 2.5s linear, opacity 2.5s linear; transition:top 2.5s linear, opacity 2.5s linear; } #foodcontest_collection_flyer.collection_move { visibility:visible; opacity:1; top:-100px; } .foodcontest_merchpin_item { position:relative; float:left; width:150px; height:135px; background-color:#C3A75E; border-radius:5px; margin-right:5px; margin-bottom:5px; } .foodcontest_merchpin_item:hover { background-color:#FFAF62; } .foodcontest_merchpin_slot { position:relative; height:62px; width:65px; background:url(https://mff.wavecdn.net/mff/megafruit_object_map6.png); left:50%; margin-left:-32px; top:5px; } .foodcontest_merchslot_buybutton { width:72px; height:74px; background:url(https://mff.wavecdn.net/mff/merchslot_buttons2.png) 0 0; } .foodcontest_merchslot_buybutton:hover { background-position:0 -74px; } .foodcontest_merchslot_setbutton { width:72px; height:74px; background:url(https://mff.wavecdn.net/mff/merchslot_buttons2.png) -72px 0; } .foodcontest_merchslot_setbutton:hover { background-position:-72px -74px; } .foodcontest_merchslot_lock { background:url(https://mff.wavecdn.net/mff/rack_lock.png); width:30px; height:43px; position:absolute; top:10px; left:60px; } .firsttime_arrow { background:url(https://mff.wavecdn.net/mff/firsttime_arrow.gif); width:96px; height:98px; } #foodcontest_firsttime { position:absolute; top:35px; left:305px; } .miniicons_money, .miniicons_points, .miniicons_fame { background:url(https://mff.wavecdn.net/mff/pinsymbols_mini.png); width:15px; height:15px; margin-right:5px; } .miniicons_money { background-position:-30px 0; } .miniicons_points { background-position:-15px 0; } .miniicons_fame { background-position:0 0; } .foodcontest_collection_box { top:57px; left:50%; } #foodcontest_select_list { display:flex; justify-content:left; flex-wrap:wrap; } #foodcontest_stock { width:540px; } .foodcontest_stock { display:flex; justify-content:left; flex-wrap:wrap; width:470px; height:425px; overflow:auto; } .foodcontest_stock_item { float:none; margin-right:0px; } #foodcontest_select .megafruit_select_item { float:none; } #foodcontest_select .megafruit_select_item .ttbox { top:auto; bottom:0px; } #foodcontest_select .megafruit_select_item .ttbox.right { left:auto; right:0px; } #foodcontest_select_list { overflow:auto; height:460px; } #pan_item_overview { position:absolute; top:6px; left:6px; } #pan_item_overview .item { position:relative; float:left; width:50px; height:50px; margin:4px; } #pan_item_overview .item .img { width:50px; height:50px; background-size:100% !important; } #tutorial .step_quest { background:url(https://mff.wavecdn.net/mff/tutorial_quest_new.png); display:block; } #tutorial .step_quest .step_click { position:absolute; top:0px; right:0px; height:65px; width:65px; background:url(https://mff.wavecdn.net/mff/blinkblink.gif) top left no-repeat; background-size:100%; } #tutorial .step_quest .step_animation { left:365px; top:247px; } #tutorial .step_quest .step_quest_text { position:absolute; top:190px; left:235px; width:160px; height:190px; } #timeline_link { position:absolute; top:50px; left:70px; width:48px; height:50px; background:url(https://mff.wavecdn.net/mff/Time_Capsule.gif); } #timeline_link .ttbox { top:0px; left:55px; min-width:100px; } #timeline { position:relative; width:500px; background-color:#E5D194; } #timeline .fix { position:relative; width:100%; height:330px; overflow:auto; } #timeline .desc { margin-top:-10px; } #timeline .line { position:absolute; top:50%; margin-left:5px; width:3420px; } #timeline .section { position:relative; float:left; width:9px; height:9px; border-radius:5px; background-color:black; margin:4px; } #timeline .section.year { width:19px; height:19px; border-radius:10px; background-color:coral; margin-top:-1px; } #timeline .section.year .count { position:absolute; bottom:24px; left:50%; width:40px; margin-left:-20px; font-weight:bold; color:coral; text-align:center; } #timeline .section.year .count.down { bottom:auto; top:24px; } #timeline .section.empty { background-color:transparent; } #timeline .section .pointer { position:absolute; bottom:4px; left:3px; width:1px; height:100px; border-right:1px dashed black; } #timeline .section .pointer.down { top:4px; bottom:auto; } #timeline .section.year .pointer { bottom:8px; left:8px; } #timeline .section.year .pointer.down { top:9px; bottom:auto; left:8px; } #timeline .section .pointer .bubble { position:absolute; bottom:60px; left:-40px; width:80px; height:80px; border-radius:45px; background-color:coral; border:0px solid coral; transform:scale(0.8); transition:all 0.2s linear; } #timeline .section .pointer.down .bubble { top:60px; bottom:auto; } #timeline .section .pointer .bubble.full { z-index:1; border:4px solid coral; left:-44px; transform:scale(1); transition:all 0.2s linear; } #timeline .section .pointer .info, #timeline .highlight .you .info, #timeline .section .you .info { z-index:1; position:absolute; top:45px; left:50%; width:120px; margin-left:-60px; text-align:center; } #timeline .highlight .you .info, #timeline .section .you .info { top:auto; bottom:35px; } #timeline .section .pointer.down .info { bottom:45px; top:auto; } #timeline .section .pointer .info.full { opacity:1; transition:all 0.3s linear; } #timeline .section .you, #timeline .highlight .you { position:absolute; top:-45px; left:-10px; width:30px; height:20px; padding-top:10px; background-color:orange; border-radius:25px; text-align:center; color:white; font-size:8px; } #timeline .section .you.year { left:0px; top:-50px; } #timeline .section .you:before, #timeline .highlight .you:before { content:''; position:absolute; top:32px; left:13px; width:1px; height:20px; border-right:1px dashed black; } #timeline .section .you.down { top:auto; bottom:-50px; } #timeline .highlight .you.down { top:auto; bottom:-50px; left:39px; } #timeline .section .you.down:before, #timeline .highlight .you.down:before { bottom:30px; top:auto; } #timeline .section .star { position:absolute; top:-82px; left:-95px; transform: scale(0.1) rotate(35deg); z-index:1; } #timeline .section .star.down { bottom:-79px; top:auto; } #timeline .section.year .star { left:-90px; top:-76px; } #timeline .section.year .star.down { left:-91px; bottom:-75px; top:auto; } #timeline .highlight { position:relative; float:left; width:99px; height:99px; border-radius:55px; background-color:coral; margin:4px; margin-top:-43px; color:white; text-align:center; transition:all 0.2s linear; } #timeline .highlight .hyear { position:relative; font-size:20px; font-weight:bold; padding-top:15px; } #timeline .highlight .hmonth { position:relative; font-size:12px; } #timeline .highlight .hinfo { position:relative; font-size:12px; font-size:14px; font-weight:bold; } #timeline .highlight .star { position:absolute; top:-86px; left:-50px; transform:scale(0.2) rotate(35deg); } .star_five2 { margin:50px 0; color:orange; width:0px; height:0px; border-right:100px solid transparent; border-bottom:70px solid orange; border-left:100px solid transparent; transform:rotate(35deg); } .star_five2:before { border-bottom:80px solid orange; border-left:30px solid transparent; border-right:30px solid transparent; position:absolute; height:0; width:0; top:-45px; left:-65px; content:''; transform:rotate(-35deg); } .star_five2:after { position:absolute; color:orange; top:3px; left:-105px; width:0px; height:0px; border-right:100px solid transparent; border-bottom:70px solid orange; border-left:100px solid transparent; transform:rotate(-70deg); transform:rotate(-70deg); content:''; } #timeline .section .pointer .bubble.update2 { background:url(https://mff.wavecdn.net/mff/timeline/bauernhaus.jpg); background-size:100%; } #timeline .section .pointer .bubble.update3 { background:url(https://mff.wavecdn.net/mff/timeline/teichlingen.jpg); background-size:100%; } #timeline .section .pointer .bubble.update4 { background:url(https://mff.wavecdn.net/mff/timeline/gildenwbw.jpg); background-size:100%; } #timeline .section .pointer .bubble.update5 { background:url(https://mff.wavecdn.net/mff/timeline/losbude.jpg); background-size:100%; } #timeline .section .pointer .bubble.update6 { background:url(https://mff.wavecdn.net/mff/timeline/baumerei.jpg); background-size:100%; } #timeline .section .pointer .bubble.update7 { background:url(https://mff.wavecdn.net/mff/timeline/holzpark.jpg); background-size:100%; } #timeline .section .pointer .bubble.update8 { background:url(https://mff.wavecdn.net/mff/timeline/ziegenfarm.jpg); background-size:100%; } #timeline .section .pointer .bubble.update9 { background:url(https://mff.wavecdn.net/mff/timeline/oele.jpg); background-size:100%; } #timeline .section .pointer .bubble.update10 { background:url(https://mff.wavecdn.net/mff/timeline/picknickarea.jpg); background-size:100%; } #timeline .section .pointer .bubble.update11 { background:url(https://mff.wavecdn.net/mff/timeline/angorastall.jpg); background-size:100%; } #timeline .section .pointer .bubble.update12 { background:url(https://mff.wavecdn.net/mff/timeline/strickerei.jpg); background-size:100%; } #timeline .section .pointer .bubble.update13 { background:url(https://mff.wavecdn.net/mff/timeline/zimmerei.jpg); background-size:100%; } #timeline .section .pointer .bubble.update14 { background:url(https://mff.wavecdn.net/mff/timeline/architekt.jpg); background-size:100%; } #timeline .section .pointer .bubble.update15 { background:url(https://mff.wavecdn.net/mff/timeline/ponyhof.jpg); background-size:100%; } #timeline .section .pointer .bubble.update16 { background:url(https://mff.wavecdn.net/mff/timeline/kino.jpg); background-size:100%; } #timeline .section .pointer .bubble.update17 { background:url(https://mff.wavecdn.net/mff/timeline/bauernmarkt.jpg); background-size:100%; } #timeline .section .pointer .bubble.update18 { background:url(https://mff.wavecdn.net/mff/timeline/monsterfruchtzucht.jpg); background-size:100%; } #timeline .section .pointer .bubble.update19 { background:url(https://mff.wavecdn.net/mff/timeline/wettmampfen.jpg); background-size:100%; } #timeline .section .pointer .bubble.update20 { background:url(https://mff.wavecdn.net/mff/timeline/gueterhof.jpg); background-size:100%; } #timeline .section .pointer .bubble.update21 { background:url(https://mff.wavecdn.net/mff/timeline/tierarzt.jpg); background-size:100%; } #timeline .section .pointer .bubble.update22 { background:url(https://mff.wavecdn.net/mff/timeline/biosprit.jpg); background-size:100%; } #timeline .section .pointer .bubble.update23 { background:url(https://mff.wavecdn.net/mff/timeline/berufe.jpg); background-size:100%; } #timeline .section .pointer .bubble.update24 { background:url(https://mff.wavecdn.net/mff/timeline/tieraufzucht.jpg); background-size:100%; } #timeline .section .pointer .bubble.update25 { background:url(https://mff.wavecdn.net/mff/timeline/kunibert.jpg); background-size:100%; } #timeline .section .pointer .bubble.update26 { background:url(https://mff.wavecdn.net/mff/timeline/bergstation.jpg); background-size:100%; } #timeline .section .pointer .bubble.update27 { background:url(https://mff.wavecdn.net/mff/timeline/schmetterlingshaus.jpg); background-size:100%; } #timeline .section .pointer .bubble.update28 { background:url(https://mff.wavecdn.net/mff/timeline/kuhrennen.jpg); background-size:100%; } #timeline .section .pointer .bubble.update29 { background:url(https://mff.wavecdn.net/mff/timeline/loginbonus.jpg); background-size:100%; } #timeline .section .pointer .bubble.update30 { background:url(https://mff.wavecdn.net/mff/timeline/kuhrennen_pvp.jpg); background-size:100%; } #timeline .section .pointer .bubble.update31 { background:url(https://mff.wavecdn.net/mff/timeline/obststand.jpg); background-size:100%; } #timeline .section .pointer .bubble.update32 { background:url(https://mff.wavecdn.net/mff/timeline/farm7.jpg); background-size:100%; } #timeline .section .pointer .bubble.update33 { background:url(https://mff.wavecdn.net/mff/timeline/rosi.jpg); background-size:100%; } #timeline .section .pointer .bubble.update34 { background:url(https://mff.wavecdn.net/mff/timeline/teams.jpg); background-size:100%; } #timeline .section .pointer .bubble.update35 { background:url(https://mff.wavecdn.net/mff/timeline/fishing.png); background-size:100%; } #timeline .section .pointer .bubble.update36 { background:url(https://mff.wavecdn.net/mff/timeline/obststand.jpg); background-size:100%; } #timeline .section .pointer .bubble.update37 { background:url(https://mff.wavecdn.net/mff/timeline/vineyard.png); background-size:100%; } #timeline .section .pointer .bubble.update38 { background:url(https://mff.wavecdn.net/mff/timeline/sushibar.png); background-size:100%; } #timeline .section .pointer .bubble.update39 { background:url(https://mff.wavecdn.net/mff/timeline/scouts.png); background-size:100%; } #timeline .section .pointer .bubble.update40 { background:url(https://mff.wavecdn.net/mff/timeline/insecthotel.png); background-size:100%; } #timeline .section .pointer .bubble.update41 { background:url(https://mff.wavecdn.net/mff/timeline/fishingcontest.png); background-size:100%; } #timeline .section .pointer .bubble.update42 { background:url(https://mff.wavecdn.net/mff/timeline/eventgarden.png); background-size:100%; } #timeline .section .pointer .bubble.update43 { background:url(https://mff.wavecdn.net/mff/timeline/9farm.png); background-size:100%; } #timeline .section .pointer .bubble.update44 { background:url(https://mff.wavecdn.net/mff/timeline/friendstasks.png); background-size:100%; } #timeline .section .pointer .bubble.update45 { background:url(https://mff.wavecdn.net/mff/timeline/greenhouse.png); background-size:100%; } #timeline .section .pointer .bubble.update46 { background:url(https://mff.wavecdn.net/mff/timeline/seasonpass.png); background-size:100%; } #timeline .capsule { z-index:1; position:absolute; bottom:-160px; right:-90px; width:270px; height:260px; background:url(https://mff.wavecdn.net/mff/Time_Capsule_Render.png); background-size:100%; pointer-events:none; } #eventcountdown { display:none; position:absolute; top:-21px; left:-64px; width:44px; height:57px; background:url(https://mff.wavecdn.net/mff/Event_Notice_Icon_44x57.png); } #eventcountdown:hover { background-position:-44px 0px; } #eventcountdown .ttbox { z-index:10001; top:5px; left:50px; width:300px; max-width:300px; } #eventcountdown .header { margin-bottom:10px; } #eventcountdown .star { } #eventcountdown .footer { font-style:italic; margin-top:10px; } #eventcountdown .line { position:relative; margin:4px 0px; border-bottom:1px solid #ccc; padding-bottom:5px; } #eventcountdown .line.last { border-bottom:1px solid transparent; padding-bottom:0px; } #eventcountdown .line .col1 { position:relative; float:left; width:230px; } #eventcountdown .line .col2 { position:relative; float:left; width:50px; text-align:right; } .production_slot.bonus_star { z-index:1; position:absolute; top:-50px; right:-40px; background-color:#d10c09; width:40px; height:40px; } .production_slot.bonus_star.fuelstation { top:auto; bottom:-70px; } .production_slot.bonus_star.foodworld { right:-60px; } .production_slot.bonus_star.forestry { top:35px; right:-50px; } .production_slot.bonus_star.windmill { top:-20px; right:-50px; } .production_slot.bonus_star:before, .production_slot.bonus_star:after { background-color:#d10c09; width:100%; height:100%; } .production_slot.bonus_star .inner { position:absolute; top:4px; left:0px; z-index:1; font-weight:bold; font-size:10px; color:white; width:100%; text-align:center; transform:rotate(15deg); } .production_slot.bonus_star .inner .percent { font-size:16px; } #lager_vehicle_info { display:none; z-index:100; position:absolute; top:160px; left:20px; width:160px; background-color:white; border-radius:5px; padding:10px; text-align:center; opacity:0.7; } #lager_vehicle_info:hover { opacity:1; } #rack_subnavi { z-index:100; position:absolute; top:235px; width:47px; } #rack_subnavi .navi_arrow { position:relative; width:26px; height:20px; background-color:#885F49; margin-left:6px; } #rack_subnavi .navi_arrow.top { border-top-left-radius:5px; border-top-right-radius:5px; margin-bottom:-5px; } #rack_subnavi .navi_arrow.bottom { border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-top:8px; } #rack_subnavi .navi_arrow:hover { background-color:#B39056; } #rack_subnavi .navi_arrow.off { opacity:0.5; } #rack_subnavi .navi_arrow:after { content:''; position:absolute; left:6px; height:0px; width:0px; border-style:solid; border-width:8px; } #rack_subnavi .navi_arrow.top:after { top:-2px; border-color:transparent transparent white transparent; } #rack_subnavi .navi_arrow.bottom:after { top:6px; border-color:white transparent transparent transparent; } #building_overview { position:relative; width:555px; height:400px; margin-top:10px; margin-bottom:-20px; } #building_overview .list { position:relative; width:100%; height:360px; overflow:auto; } #building_overview .list .line { position:relative; background-color:#dabe74; padding:5px; margin-bottom:5px; border-radius:5px; } #building_overview .list .line .ttbox { top:5px; left:5px; } #building_overview .list .line .col1 { position:relative; float:left; transform:scale(0.25); margin:-50px; } #building_overview .list .line .off { filter:grayscale(1); opacity:0.5; } #building_overview .list .line .col2 { position:relative; float:left; width:496px; } #building_overview .list .line .col2 .farm { position:relative; float:left; width:36px; height:22px; background:linear-gradient(#C3A75E, transparent); margin:-5px 0px; padding:4px 7px; padding-top:13px; margin-left:5px; } #building_overview .list .line .col2 .farm:hover { background:linear-gradient(gold, transparent); } #building_overview .list .line .col2 .farm .pos { position:relative; float:left; width:10px; height:10px; background-color:#e5d194; margin:1px; border-radius:2px; } #building_overview .list .line .col2 .farm .pos.placed { background-color:green; } #building_overview .list .line .col2 .farm .count { position:absolute; top:1px; left:0px; width:100%; text-align:center; color:#6C441D; font-weight:bold; font-size:10px; } #building_overview .list .line .col2 .info { padding:5px; margin-top:-7px; text-align:left; } #building_overview .list .line .col2 .info.failed { color:red; font-weight:bold; } #building_overview .list .line .disclaimer { font-style:italic; } #building_overview .navi { position:absolute; top:-40px; left:0px; border-bottom:1px solid black; width:100%; } #building_overview .navi .tab { position:relative; float:left; background-color:#dabe74; margin-right:-1px; padding:5px; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid black; border-bottom-color:black; margin-bottom:-1px; } #building_overview .navi .tab.active { background-color:#e5d194; border-bottom-color:#e5d194; } #building_overview .navi .tab:hover { background-color:white; } #building_overview .navi .tab.active:hover { background-color:#e5d194; } #building_overview .navi .tab:first-child { margin-left:5px; } #statscacher_box { position:relative; width:580px; margin:-35px -10px -10px -10px; } #statscacher_box .header { position:relative; background-color:#C3A75E; padding:5px; border-radius:5px; margin-bottom:10px; } #statscacher_box .header select { position:relative; float:left; padding:3px; border:0px; border-radius:5px; } #statscacher_box .header input { position:relative; float:right; padding:4px; border:0px; border-radius:5px; } #statscacher_box .header .button_new { position:relative; float:left; } #statscacher_box .header .button_new.search { float:right; margin-left:5px; margin-right:30px; } #statscacher_box .header .button_new.whoiam { margin-left:5px; } #statscacher_box .header .info { position:absolute; top:5px; right:5px; width:20px; height:17px; border-radius:20px; background:linear-gradient(aqua, blue); padding-top:3px; color:white; font-weight:bold; text-align:center; } #statscacher_box .header .info .ttbox { top:0px; right:25px; width:200px; color:black; font-weight:normal; text-align:left; } #statscacher_box .list { position:relative; height:425px; overflow:auto; } #statscacher_box .list .line { position:relative; padding:2px; border-radius:5px; } #statscacher_box .list .line.self { background-color:gold; } #statscacher_box .list .line:hover { background-color:#C3A75E; } #statscacher_box .list .line .rank { position:relative; float:left; width:40px; text-align:right; margin-right:10px; } #statscacher_box .list .line .name { position:relative; float:left; width:180px; text-align:left; } #statscacher_box .list .line .name .text { position:relative; float:left; margin-right:3px; } #statscacher_box .list .line .name .medal { position:relative; float:left; width:11px; height:11px; background-size:100%; margin-top:1px; } #statscacher_box .list .line .name .medal.gold { background-image:url(https://mff.wavecdn.net/mff/medaillen/10er.gif); } #statscacher_box .list .line .name .medal.silber { background-image:url(https://mff.wavecdn.net/mff/medaillen/5er.gif); } #statscacher_box .list .line .name .medal.bronze { background-image:url(https://mff.wavecdn.net/mff/medaillen/1er.gif); } #statscacher_box .list .line .name .showgarden { position:relative; float:left; width:11px; height:7px; margin-right:3px; background-image:url(https://mff.wavecdn.net/mff/stadt/stats_sf_black.gif); margin-top:3px; } #statscacher_box .list .line .level { position:relative; float:left; width:175px; text-align:left; } #statscacher_box .list .line .join { position:relative; float:left; width:175px; text-align:right; } #statscacher_box .list .line .value { position:relative; float:left; width:150px; text-align:right; } #statscacher_box .list .line .value.isanimals, #statscacher_box .list .line .value.isbuildings { width:340px; } #statscacher_box .list .line .value.isstock { width:320px; } #statscacher_box .list .line .percent { position:absolute; top:0px; left:5px; width:100px; height:15px; } #statscacher_box .list .line .value.isanimals .percent, #statscacher_box .list .line .value.isbuildings .percent { width:250px; } #statscacher_box .list .line .value.isstock .percent { width:200px; } #statscacher_box .list .line .percent .percent_inner { position:absolute; top:0px; left:0px; height:100%; background-image:url(https://mff.wavecdn.net/mff/stadt/percentbar.gif); } #statscacher_box .footer { position:relative; display:flex; justify-content:center; margin-top:10px; margin-bottom:5px; border-top:1px solid #C3A75E; padding-top:5px; margin-bottom:-20px; } #statscacher_box .footer .arrow { position:relative; border-style:solid; border-width:10px 10px; height:0px; width:0px; } #statscacher_box .footer .arrow.off { filter:grayscale(1); opacity:0.5; } #statscacher_box .footer .arrow.left { left:-50px; border-color:transparent #C3A75E transparent transparent; } #statscacher_box .footer .arrow.right { right:-50px; border-color:transparent transparent transparent #C3A75E; } #statscacher_box .footer .counter { margin-top:3px; } #statscacher_infobox { width:400px; margin:-30px -10px -10px -10px; } #statscacher_infobox .head { color:#6C441D; font-size:14px; font-weight:bold; margin-bottom:10px; } #statscacher_infobox .line { padding:2px; } #statscacher_infobox .line:hover { background-color:gold; } #statscacher_infobox .line .col1 { position:relative; float:left; } #statscacher_infobox .line .col2 { position:relative; float:right; } #statscacher_infobox .liner { width:100%; border-top:1px solid #C3A75E; padding-top:10px; margin-top:10px; } #statscacher_infobox .isguilddescription { float:left !important; font-style:italic; margin-top:5px; } #julewashere { z-index:1000; position:absolute; top:0px; left:0px; width:100%; height:100%; } #julewashere .back { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:red; opacity:0.5; transition:1s all linear; } #julewashere .char { position:absolute; top:120px; left:-200px; width:200px; height:200px; background:url(https://mff.wavecdn.net/mff/jule_dance.gif); transition:5s all linear; } #julewashere .char .bubble { position:absolute; bottom:125px; background-color:black; color:white; padding:40px; border-radius:10px; } #julewashere .char .bubble:after { content:''; position:absolute; bottom:-10px; left:50%; border-style:solid; border-width:5px; height:0px; width:0px; border-color:black transparent transparent transparent; } #julewashere .char.move { left:800px; } .product_package { background-size:100%; } .product_package.size1 { background-image:url(https://mff.wavecdn.net/mff/produce_package_small.png); } .product_package.size2 { background-image:url(https://mff.wavecdn.net/mff/produce_package_medium.png); } .product_package.size3 { background-image:url(https://mff.wavecdn.net/mff/produce_package_big.png); } .money_package { background-size:100%; } .money_package.size1 { background-image:url(https://mff.wavecdn.net/mff/kt_package_small.png); } .money_package.size2 { background-image:url(https://mff.wavecdn.net/mff/kt_package_medium.png); } .money_package.size3 { background-image:url(https://mff.wavecdn.net/mff/kt_package_big.png); } #production_queue_commit, #production_commit {} #production_queue_commit .bonus, #production_commit .bonus { color:green; font-style:italic; margin-top:5px; } #production_queue_commit .cost .bonus, #production_commit .cost.bonus { font-style:normal; font-weight:bold; margin-top:0px; } .plant_pulse { animation:plant_pulse_ani 0.25s linear; } @keyframes plant_pulse_ani { 0% { transform:scale(1); } 50% { transform:scale(1.4); } 100% { transform:scale(1); } } .window_wobble { animation:window_wobble_ani 0.3s linear; } @keyframes window_wobble_ani { 0% { transform:scale(0.5); } 70% { transform:scale(1.04); } 100% { transform:scale(1); } } #citymaincontainer { position:absolute; z-index:30; top:0px; left:0px; width:720px; height:640px; display:none; overflow:hidden; } #people_1_1 { position:absolute; z-index:31; height:40px; width:30px; top:280px; left:380px; } #people_1_2 { position:absolute; z-index:31; height:40px; width:25px; top:180px; left:360px; } #cityzone_1_1,#cityzone_1_2,#cityzone_1_3,#cityzone_1_4,#cityzone_1_5,#cityzone_1_6,#cityzone_1_7,#cityzone_1_8,#cityzone_1_9,#cityzone_1_10,#cityzone_1_11,#cityzone_1_12,#cityzone_1_13,#cityzone_2_1,#cityzone_2_2,#cityzone_2_3,#cityzone_2_4,#cityzone_2_5,#cityzone_2_6,#cityzone_2_7,#cityzone_2_8,#cityzone_2_9,#cityzone_2_10,#cityzone_2_11 { position:absolute; z-index:31; background:url(https://mff.wavecdn.net/mff/leer.gif) top left no-repeat; } #cityzone_1_1 { height:155px; left:515px; top:115px; width:205px; } #cityzone_1_1:hover { background:url(https://mff.wavecdn.net/mff/city/1_1_over.gif) 3px -2px no-repeat; } #cityzone_1_2 { height:130px; left:550px; top:265px; width:170px; } #cityzone_1_2:hover { background:url(https://mff.wavecdn.net/mff/city/1_2_over.gif) 7px 5px no-repeat; } #cityzone_1_3 { height:180px; left:-10px; top:240px; width:140px; } #cityzone_1_3:hover { background:url(https://mff.wavecdn.net/mff/city/1_3_over.gif) 10px 1px no-repeat; } #cityzone_1_4 { height:135px; left:630px; top:485px; width:90px; } #cityzone_1_4:hover { background:url(https://mff.wavecdn.net/mff/city/1_4_over.gif) 23px 19px no-repeat; } #cityzone_1_5 { height:208px; left:0; top:430px; width:325px; } #cityzone_1_5:hover { background:url(https://mff.wavecdn.net/mff/city/1_5_over.gif) 0px -4px no-repeat; } #cityzone_1_6 { height:95px; left:520px; top:440px; width:100px; } #cityzone_1_6:hover { background:url(https://mff.wavecdn.net/mff/city/1_6_over.gif) 16px 13px no-repeat; } #cityzone_1_7 { height:80px; left:342px; top:245px; width:48px; } #cityzone_1_7:hover { background:url(https://mff.wavecdn.net/mff/city/1_7_over.gif) 6px 0px no-repeat; } #cityzone_1_8 { height:85px; left:430px; top:30px; width:200px; } #cityzone_1_8:hover { background:url(https://mff.wavecdn.net/mff/city/1_8_over.gif) 15px 14px no-repeat; } #cityzone_1_9 { height:150px; left:340px; top:430px; width:75px; } #cityzone_1_9:hover { background:url(https://mff.wavecdn.net/mff/city/1_9_over.gif) 12px 7px no-repeat; } #cityzone_1_10 { width:47px; height:47px; top:337px; left:481px; background:url(https://mff.wavecdn.net/mff/city/marktschreier.gif) top left no-repeat; } #cityzone_1_11 { width:85px; height:80px; top:371px; left:373px; background:url(https://mff.wavecdn.net/mff/city/imker.gif) top left no-repeat; } #cityzone_1_12 { width:67px; height:84px; top:347px; left:262px; background:url(https://mff.wavecdn.net/mff/city/giftshop.jpg) top left no-repeat; } #cityzone_1_13 { width:68px; height:60px; bottom:11px; right:98px; background:url(https://mff.wavecdn.net/mff/city/newsboy.gif) top left no-repeat; } #cityzone_2_1 { height:190px; left:330px; top:20px; width:190px; } #cityzone_2_1:hover { background:url(https://mff.wavecdn.net/mff/city/2_1_over.gif) 6px 1px no-repeat; } #cityzone_2_2 { height:50px; left:10px; top:190px; width:80px; } #cityzone_2_2:hover { background:url(https://mff.wavecdn.net/mff/city/2_2_over.gif) 8px 10px no-repeat; } #cityzone_2_3 { bottom:125px; height:120px; right:20px; width:135px; } #cityzone_2_3:hover { background:url(https://mff.wavecdn.net/mff/city/2_3_over.gif) 5px 5px no-repeat; } #cityzone_2_4 { bottom:0px; height:190px; left:320px; width:170px; } #cityzone_2_4:hover { background:url(https://mff.wavecdn.net/mff/city/2_4_over.gif) 10px 26px no-repeat; } #cityzone_2_5 { bottom:215px; height:90px; left:95px; width:165px; } #cityzone_2_5:hover { background:url(https://mff.wavecdn.net/mff/city/2_5_over.gif) 6px 2px no-repeat; } #cityzone_2_6 { bottom:154px; height:90px; left:315px; width:40px; } #cityzone_2_7 { bottom:-2px; height:105px; right:61px; width:75px; } #cityzone_2_7:hover { background:url(https://mff.wavecdn.net/mff/city/2_7_over.gif) 0 0 no-repeat; } #cityzone_2_8 { top:208px; left:273px; height:74px; width:87px; } #cityzone_2_8:hover { background:url(https://mff.wavecdn.net/mff/city/2_8_over.gif) 0 0 no-repeat; } #cityzone_2_9 { height:95px; right:71px; top:198px; width:155px; } #cityzone_2_9:hover { background:url(https://mff.wavecdn.net/mff/city/2_9_over.gif) 12px 7px no-repeat; } #cityzone_2_10 { top:118px; right:8px; height:74px; width:141px; } #cityzone_2_10:hover { background:url(https://mff.wavecdn.net/mff/city/2_10_over.gif) 12px 7px no-repeat; } #cityzone_2_11 { top:123px; left:152px; height:137px; width:102px; } #cityzone_2_11:hover { background:url(https://mff.wavecdn.net/mff/city/2_11_over.gif) 12px 7px no-repeat; } #cityzone_tt_1_1,#cityzone_tt_1_2,#cityzone_tt_1_3,#cityzone_tt_1_4,#cityzone_tt_1_5,#cityzone_tt_1_6,#cityzone_tt_1_7,#cityzone_tt_1_8,#cityzone_tt_1_9,#cityzone_tt_1_10,#cityzone_tt_1_11,#cityzone_tt_1_12,#cityzone_tt_1_13,#cityzone_tt_2_1,#cityzone_tt_2_2,#cityzone_tt_2_3,#cityzone_tt_2_4,#cityzone_tt_2_5,#cityzone_tt_2_6,#cityzone_tt_2_7,#cityzone_tt_2_8,#cityzone_tt_2_9,#cityzone_tt_2_10,#cityzone_tt_2_11 { position:absolute; z-index:100; display:none; left:0px; top:0px; } #cityzone_tt_1_3 { left:25px; top:0px; } #cityzone_tt_1_5 { left:25px; top:0px; } #cityzone_tt_1_9 { left:0px; top:20px; } #cityzone_tt_1_10 { left:5px; top:-40px; } #cityzone_tt_1_13 { left:auto; right:60px; } #cityzone_tt_2_7 { top:-45px; } #cityzone_tt_2_9 { left:auto; right:125px; top:0px; width:125px; } #cityzone_tt_2_10 { left:-37px; top:auto; bottom:60px; width:165px; } #cityzone_tt_1_11 { top:25px; } #cityzone_ad_special { position:absolute; z-index:100; top:7px; left:-2px; background:url(https://mff.wavecdn.net/mff/topaktion_medium_ani.gif) top left no-repeat; height:30px; width:30px; } #cityzone_ad_special_inner { position:absolute; top:8px; width:30px; color:#fff; text-align:center; } #cityzone_hartmut_special { position:absolute; z-index:31; top:345px; right:175px; background:url(https://mff.wavecdn.net/mff/topaktion_medium_ani.gif) top left no-repeat; height:30px; width:30px; } #cityzone_hartmut_special_inner { position:absolute; top:8px; width:30px; color:#fff; font-weight:bold; text-align:center; } #market { display:none; z-index:35; position:absolute; top:65px; left:50%; width:670px; height:530px; margin-left:-335px; background:url(https://mff.wavecdn.net/mff/market/market_back.jpg); color:#fff; } #marketheader { position:relative; top:13px; left:25px; height:85px; width:620px; } #marketoffers { position:relative; top:10px; left:45px; width:620px; height:405px; overflow:hidden; } #marketcategories { position:absolute; top:140px; height:375px; overflow:hidden; } .marketcategories { left:30px; width:630px; } .marketcategories_pages { left:65px; width:550px; } #market_categories { height:48px; width:579px; background:url(https://mff.wavecdn.net/mff/market/categories4.gif); position:relative; left:50%; margin-left:-289px; } #marketheader .naviitem { position:relative; float:left; top:0px; margin-right:30px; } #marketheader .naviitem_tt { z-index:100; display:none; position:absolute; top:70px; left:0px; white-space:nowrap; } #marketheader .naviitem_tt2 { z-index:100; display:none; position:absolute; top:55px; left:5px; white-space:nowrap; } #market_navi1 { background-position:0px -10px no-repeat; width:84px; height:68px; margin-left:43px; } #market_navi2 { background-position:0px -10px no-repeat; width:69px; height:69px; } #market_navi3 { background-position:0px -10px no-repeat; width:76px; height:67px; } #market_navi4 { background-position:0px -10px no-repeat; width:72px; height:62px; } #market_navi5 { background-position:0px -10px no-repeat; width:81px; height:67px; } #market_navi1:hover, #market_navi2:hover, #market_navi3:hover, #market_navi4:hover, #market_navi5:hover { background-position:0px 0px; } .market_navi1 { background:url(https://mff.wavecdn.net/mff/market/market_list.png) } .market_navi2 { background:url(https://mff.wavecdn.net/mff/market/market_new.png) } .market_navi3 { background:url(https://mff.wavecdn.net/mff/market/market_own.png) } .market_navi4 { background:url(https://mff.wavecdn.net/mff/market/market_guild.png) } .market_navi5 { background:url(https://mff.wavecdn.net/mff/market/market_categories.png) } .market_navi1_active { background:url(https://mff.wavecdn.net/mff/market/market_list_a.png) } .market_navi2_active { background:url(https://mff.wavecdn.net/mff/market/market_new_a.png) } .market_navi3_active { background:url(https://mff.wavecdn.net/mff/market/market_own_a.png) } .market_navi4_active { background:url(https://mff.wavecdn.net/mff/market/market_guild_a.png) } .market_navi5_active { background:url(https://mff.wavecdn.net/mff/market/market_categories_a.png) } #marketheader .naviitem2 { position:absolute; top:0px; height:50px; } #market_navi_cat1 { left:4px; width:66px; } #market_navi_cat2 { left:75px; width:80px; } #market_navi_cat3 { left:161px; width:61px; } #market_navi_cat4 { left:228px; width:61px; } #market_navi_cat5 { left:294px; width:74px; } #market_navi_cat6 { left:513px; width:60px; } #market_navi_cat7 { left:383px; width:60px; } #market_navi_cat8 { left:444px; width:65px; } #market_navi_cat1:hover { background:url(https://mff.wavecdn.net/mff/market/cat1o.gif) 11px 9px no-repeat; } #market_navi_cat2:hover { background:url(https://mff.wavecdn.net/mff/market/cat2o.gif) 10px 12px no-repeat; } #market_navi_cat3:hover { background:url(https://mff.wavecdn.net/mff/market/cat3o.gif) 6px 6px no-repeat; } #market_navi_cat4:hover { background:url(https://mff.wavecdn.net/mff/market/cat4o.gif) 9px 6px no-repeat; } #market_navi_cat5:hover { background:url(https://mff.wavecdn.net/mff/market/cat5o.gif) 8px 6px no-repeat; } #market_navi_cat6:hover { background:url(https://mff.wavecdn.net/mff/market/cat6o.gif) 7px 8px no-repeat; } #market_navi_cat7:hover { background:url(https://mff.wavecdn.net/mff/market/cat7o.gif) 7px 8px no-repeat; } #market_navi_cat8:hover { background:url(https://mff.wavecdn.net/mff/market/cat8o.gif) 12px 4px no-repeat; } .market_cat1_active { background:url(https://mff.wavecdn.net/mff/market/cat1.gif) 11px 9px no-repeat; } .market_cat2_active { background:url(https://mff.wavecdn.net/mff/market/cat2.gif) 10px 12px no-repeat; } .market_cat3_active { background:url(https://mff.wavecdn.net/mff/market/cat3.gif) 6px 6px no-repeat; } .market_cat4_active { background:url(https://mff.wavecdn.net/mff/market/cat4.gif) 9px 6px no-repeat; } .market_cat5_active { background:url(https://mff.wavecdn.net/mff/market/cat5.gif) 8px 6px no-repeat; } .market_cat6_active { background:url(https://mff.wavecdn.net/mff/market/cat6.gif); } .market_cat7_active { background:url(https://mff.wavecdn.net/mff/market/cat7.gif) 7px 8px no-repeat; } .market_cat8_active { background:url(https://mff.wavecdn.net/mff/market/cat8.gif) 12px 4px no-repeat; } .market_popup { background:url(https://mff.wavecdn.net/mff/market/market_popup.jpg) top left no-repeat; width:301px; height:248px; } #market_line { position:relative; background:url(https://mff.wavecdn.net/mff/market/line.png); width:574px; height:6px; } .market_mark { background:url(https://mff.wavecdn.net/mff/market/mark.png) top left no-repeat; } .market_carticon { background:url(https://mff.wavecdn.net/mff/market/cart.gif) 50% 0 no-repeat; height:15px; width:15px; } .market_delicon { background:url(https://mff.wavecdn.net/mff/stadt/anullieren.gif) 50% 0 no-repeat; height:16px; width:16px; } .market_noicon { background:url(https://mff.wavecdn.net/mff/leer.gif); height:16px; width:16px; } .market_head { font-weight:bold; font-size:14px; height:20px; overflow:hidden; } .market_amount { position:relative; width:75px; text-align:right; float:left; } .market_img { width:15px; float:left; } .market_product { width:120px; float:left; margin-left:5px; height:14px; overflow:hidden; white-space:nowrap; } .market_seller { width:175px; float:left; } .market_price { position:relative; width:115px; text-align:right; float:left; } .market_buy { width:60px; text-align:center; float:left; } #marketnewoffer, #marketbuyoffer { z-index:20; display:none; position:absolute; top:200px; left:50%; margin-left:-150px; text-align:center; } .market_correctme { border:2px solid #f00; } .market_pframe { background:url(https://mff.wavecdn.net/mff/market/pframe.png); width:65px; height:65px; } #market_transp { z-index:10; display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:black; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; } #marketnewoffer_setup { text-align:center; position:relative; left:20px; width:260px; font-size:14px; font-weight:bold; margin-top:15px; } #marketnewoffer_amount, #marketnewoffer_price1, #marketnewoffer_price2, #marketbuyofferamount { font-size:14px; font-weight:bold; text-align:right; width:65px; border:0px; border-bottom:1px solid #000; } #marketnewoffer_amount, #marketbuyofferamount { width:85px; } #marketnewoffer_amount_coins, #marketnewoffer_price_coins { font-size:14px; font-weight:bold; text-align:right; width:65px; border:0px; border-bottom:1px solid #000; } #marketnewoffer_price1 { margin-right:4px; } #marketnewoffer_price2 { margin-left:2px; width:35px; } #marketnewoffer_name_coins { font-size:14px; font-weight:bold; } #market_new_block, #market_new_block_coins { display:none; } #market_new_block_coins { font-size:11px; font-weight:normal; } #marketnewselectinfo { position:absolute; top:20px; left:20px; text-align:center; width:260px; } .marketshowimg { top:8px; left:7px; } #marketnewoffer_img, #marketbuyoffer_img { position:absolute; top:7px; left:8px } #marketnewofferlimitreached { padding:20px; position:absolute; top:38px; width:260px; } #marktoffers_navi { position:absolute; bottom:0px; left:50%; width:100px; margin-left:-50px; font-size:12px; font-weight:bold; } #marktoffers_self_sum { position:absolute; bottom:0px; left:0px; font-size:11px; color:#708B2B; } #marktoffers_self_sum_tt { position:absolute; top:-25px; left:0px; display:none; z-index:100; white-space:nowrap; max-width:500px; } #marktoffers_navi_prev { float:left; margin-right:25px; } #marktoffers_navi_next { float:right; } .important2 { color:#FE2A2A; } #marketfilterdelbutton { display:none; position:absolute; top:95px; right:25px; width:14px; height:13px; background:url(https://mff.wavecdn.net/mff/market/filter_del.gif); } #market_updater { position:absolute; bottom:30px; right:30px; } .market_category_arrowright { display:none; background:url(https://mff.wavecdn.net/mff/arrow_big_right.png); width:58px; height:253px; z-index:100; position:absolute; top:170px; right:-12px; } .market_category_arrowright:hover { background:url(https://mff.wavecdn.net/mff/arrow_big_right_hover.png); } .market_category_arrowleft { display:none; background:url(https://mff.wavecdn.net/mff/arrow_big_left.png); width:58px; height:253px; z-index:100; position:absolute; top:170px; left:-12px; } .market_category_arrowleft:hover { background:url(https://mff.wavecdn.net/mff/arrow_big_left_hover.png); } #market_trade_info { position:absolute; top:535px; left:0px; width:100%; font-style:italic; text-align:center; color:#fff; } #marketnewoffer_minprice_block { display:none; position:absolute; bottom:-15px; font-size:11px; font-weight:normal; } #marketnewoffer_maxprice_block { display:none; position:absolute; bottom:-30px; font-size:11px; font-weight:normal; } #clothingdonation_transp { background-color:black; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; position:absolute; z-index:35; top:0px; left:0px; width:720px; height:640px; display:none; } #clothingdonation_link { z-index:32; position:absolute; bottom:29px; left:84px; width:153px; height:122px; background:url(https://mff.wavecdn.net/mff/city/clothingdonation.jpg); } #clothingdonation_link_sparrow { position:absolute; top:-10px; left:62px; width:43px; height:24px; background:url(https://mff.wavecdn.net/mff/city/clothingdonation_sparrow.gif); } #clothingdonation_link_2 { position:absolute; top:0px; left:47px; width:105px; height:120px; } #clothingdonation_link_2:hover { background:url(https://mff.wavecdn.net/mff/city/clothingdonation_over.gif); } #clothingdonation_link_tt { display:none; position:absolute; top:0px; left:150px; width:150px; } #clothingdonation { display:none; position:absolute; z-index:100; left:50%; margin-left:-200px; top:50px; } #clothingdonation_inner { background-color:#E5D194; text-align:center; width:535px; padding:10px; } #clothingdonation_levelpoints { z-index:100; display:none; position:absolute; top:5px; left:10%; } #clothingdonation_gamblebutton { position:relative; width:51px; height:37px; background:url(https://mff.wavecdn.net/mff/city/clothingdonation_dice.png); margin-left:70px; } #clothingdonation_gamblebutton:hover { background-position:0px -37px; } #clothingdonation_gamblebutton_tt { z-index:100; display:none; position:absolute; top:0px; left:60px; } #clothingdonation_donatebutton { position:absolute; background:url(https://mff.wavecdn.net/mff/city/donatebutton.png); width:135px; height:28px; text-align:center; bottom:93px; left:80px; font-size:14px; margin-top:10px; font-weight:bold; padding-top:8px; } #clothingdonation_donatebutton:hover { background-position:0px -37px; } #clothingdonation_inner_left { float:left; margin-left:20px; margin-right:20px; width:200px; padding:10px; } #clothingdonation_inner_right { float:right; margin-right:20px; width:200px; padding:10px; } #clothingdonation_inner_left_inner, #clothingdonation_inner_right_inner { margin-top:10px; } .clothingdonation_wish { position:relative; float:left; height:66px; width:65px; background:url(https://mff.wavecdn.net/mff/wishslot.png); border-radius:5px; margin-right:5px; } #clothingdonation_levelline { position:relative; left:50%; margin-left:-205px; margin-bottom:10px; } #clothingdonation_levelintro { width:100px; text-align:right; float:left; } #clothingdonation_level { float:left; width:10px; font-weight:bold; text-align:right; margin:0px 5px; } #clothingdonation_levelname { float:left; width:100px; text-align:left; } #clothingdonation_levelouter { float:left; position:relative; border-radius:3px; width:226px; height:38px; overflow:hidden; margin:0 5px; background-color:#000; } #clothingdonation_levelinner { position:absolute; top:4px; left:0px; background:url(https://mff.wavecdn.net/mff/guild/innerbar.png); width:226px; height:38px; } #clothingdonation_levelfront { position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/city/clothingdonation_bar.png); width:226px; height:38px; } #clothingdonation_close { position:absolute; top:22px; left:25px; height:25px; width:25px; background:url(https://mff.wavecdn.net/mff/kaeserei_info.png); } #city_stats_transp { z-index:50; display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; } #city_stats { z-index:51; display:none; position:relative; top:50px; width:640px; height:540px; margin:0 auto; background:url(https://mff.wavecdn.net/mff/architect_back.jpg); } #stats_type_select { border-radius:4px; padding:2px; border-radius:5px; border:1px solid #fff; } #city_stats_inner { width:580px; position:absolute; top:30px; left:30px; } #stats_table { width:100%; } #stats_table td { padding:3px; } #stats_table tr { margin-bottom:2px; } #stats_table tr:hover { background-color:#C3A75E; } .stats_right { text-align:right; } .stats_percent { padding-right:5px; } #stats_table td:first-child { border-radius:5px 0 0 5px; } #stats_table td:last-child { border-radius:0 5px 5px 0; } #stats_search_info { position:absolute; top:80px; right:88px; width:400px; max-width:400px; } #stats_search_info_inner_player, #stats_search_info_inner_guild { width:100%; margin-top:15px; } #stats_search_info_inner_guild, #unknown_guild { border-top:1px dashed #ccc; padding-top:15px; margin-bottom:15px; } .search_info_left { float:left; margin-bottom:4px; } .search_info_right { float:right; margin-bottom:4px; } #unknown_player, #unknown_guild { display:none; } #guildpublictransp { z-index:52; display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; } #guildpublic { z-index:53; display:none; position:absolute; top:50px; left:50%; margin-left:-305px; background-color:#fff; width:610px; height:535px; border:2px solid #000; } #guilddata { z-index:50; position:absolute; top:0px; left:0px; padding:10px; width:300px; } #guilddata_inner { z-index:100; position:relative; color:#fff; width:100%; } #publicguildname { font-weight:bold; font-size:12px; } #publicguildbanner { position:absolute; } .publicguildbanner1 { left:20px; top:100px; width:115px; height:236px; } .publicguildbanner2 { left:22px; top:107px; width:110px; height:226px; } .publicguildbanner3 { left:20px; top:102px; width:115px; height:236px; } #publicguildjoinbutton { z-index:100; position:absolute; bottom:10px; left:50%; margin-left:-134px; background:url(https://mff.wavecdn.net/mff/guild/joinbutton.png) top left no-repeat; color:#000; padding:10px; width:268px; height:83px; text-align:center; } .publicguilddataleft { float:left; } .publicguilddataright { float:right; } #publicguilddesc { margin-bottom:10px; } #publicguildachievements { display:none; z-index:50; position:absolute; top:65px; left:50%; margin-left:-282px; width:565px; height:495px; background:url(https://mff.wavecdn.net/mff/guild/guildachievements_back3.gif) top left no-repeat; } #publicguildtrophies { display:none; z-index:50; background:url(https://mff.wavecdn.net/mff/guild/trophybox.jpg) top left no-repeat; height:260px; position:absolute; left:50%; margin-left:-320px; top:150px; width:640px; } #windmill_slots { z-index:2; position:absolute; top:200px; left:200px; } .windmill_slots_item { position:relative; float:left; margin-right:50px; background:url(https://mff.wavecdn.net/mff/strickerei_slot.png); width:102px; height:135px } .windmill_slot_img { position:absolute; top:25px; left:23px; } .windmill_slot_remain { position:absolute; bottom:20px; width:90px; left:6px; text-align:center; } .windmill_slot_cancel { display:none; position:absolute; bottom:0px; right:0px; } .windmill_slot_block { display:none; position:absolute; top:4px; left:11px; background:url(https://mff.wavecdn.net/mff/new_lock_slot.png); width:80px; height:126px; } #windmill_slot_renttime_block { position:absolute; top:125px; left:-5px; width:78px; padding-top:26px; padding-left:26px; height:28px; background:url(https://mff.wavecdn.net/mff/oilslot_remain.png); } #windmill_slot_renttime_tt { display:none; position:absolute; top:10px; left:115px; width:150px; } #windmill_formula_select { z-index:3; display:none; position:absolute; background:url(https://mff.wavecdn.net/mff/editguildback2.jpg); width:539px; height:503px; left:50px; top:15px; } #windmill_formula_select_inner { position:absolute; width:410px; top:45px; left:75px; text-align:center; } .windmill_formula_select_item { position:relative; float:left; margin-right:6px; margin-bottom:6px; width:52px; height:49px; } #windmill_formula_select_close { } .windmill_stock_item { position:relative; float:left; margin-right:5px; width:52px; height:49px; } .windmill_stock_amount { position:absolute; top:0px; left:0px; font-weight:bold; color:#fff; } .windmill_stock_newline { position:relative; height:28px; } .windmill_stock_navi_left { position:absolute; top:139px; left:-2px; background:url(https://mff.wavecdn.net/mff/city/windmill_arrow_left.jpg); width:69px; height:52px; } .windmill_stock_navi_left:hover { background:url(https://mff.wavecdn.net/mff/city/windmill_arrow_left_over.jpg); } .windmill_stock_navi_right { position:absolute; top:138px; right:-8px; background:url(https://mff.wavecdn.net/mff/city/windmill_arrow_right.jpg); width:55px; height:52px; } .windmill_stock_navi_right:hover { background:url(https://mff.wavecdn.net/mff/city/windmill_arrow_right_over.jpg); } #windmill_paper { z-index:4; position:absolute; background:url(https://mff.wavecdn.net/mff/city/windmill_paper.gif); width:367px; height:277px; top:110px; left:50%; margin-left:-183px; } #windmill_paper_pos1 { position:absolute; top:146px; left:80px; width:50px; height:50px; } #windmill_paper_pos2 { position:absolute; top:146px; left:161px; width:50px; height:50px; } #windmill_paper_pos3 { position:absolute; top:146px; left:242px; width:50px; height:50px; } .windmill_paper_pos_amount { position:absolute; top:50px; left:-15px; width:70px; text-align:center; } #windmill_paper_commit { position:absolute; bottom:23px; left:0px; width:367px; text-align:center; } #windmill_paper_headline { position:absolute; top:40px; left:0px; width:367px; text-align:center; } #windmill_stock_button { z-index:1; position:absolute; top:20px; left:20px; background:url(https://mff.wavecdn.net/mff/city/windmill_stock_button.png); width:159px; height:158px; } #windmill_stock_button:hover { background-position:-159px 0; } #windmill_stock_button_tt { display:none; position:absolute; top:50px; left:140px; } #windmillproductiontime { display:none; z-index:31; left:310px; position:absolute; top:80px; width:150px; } #windmillani { display:none; background:url(https://mff.wavecdn.net/mff/city/windmill_ani.gif) top left no-repeat; position:absolute; top:6px; left:368px; width:162px; height:183px; } #windmill_readyani { display:none; position:absolute; background:url(https://mff.wavecdn.net/mff/city/windmill_ani2.gif) top left no-repeat; top:170px; left:336px; width:38px; height:44px; } #windmill_feedback { display:none; padding:10px; border:1px solid #fff; color:#fff; background-color:#000; position:absolute; top:340px; right:285px; } #cinema_link { display:block; position:absolute; z-index:30; top:134px; left:326px; background:url(https://mff.wavecdn.net/mff/city/projector.gif); width:99px; height:77px; } #cinema { display:none; position:relative; z-index:100; top:25px; margin:0 auto; margin-left:-24px; background:url(https://mff.wavecdn.net/mff/cityscreen/cityscreen_bigger.gif); width:758px; height:757px; } #cinema .points { position:absolute; z-index:1; top:65px; left:140px; width:200px; text-align:right; font-size:20px; font-weight:bold; background-color:white; border-radius:5px; padding:5px; } #cinema .points:after { content:''; position:absolute; top:-50px; left:-12px; background:url(https://mff.wavecdn.net/mff/cityscreen/collection_count.png); width:97px; height:110px; background-size:100%; } #cinema .info { position:absolute; top:153px; left:183px; } #cinema .adinfo { position:absolute; top:80px; left:64px; background-color:white; padding:5px; border-radius:5px; height:20px; width:50px; text-align:center; } #cinema .adfailinfo { display:none; z-index:1; position:absolute; top:300px; left:0px; width:75%; text-align:center; color:white; padding:0px 100px; } #cinema iframe { display:none; position:absolute; left:50%; top:105px; width:640px; margin-left:-315px; height:480px; background-color:black; } #cinema .cooldown, #cinema .end, #cinema .start { display:none; position:absolute; left:50%; top:105px; width:640px; margin-left:-315px; height:380px; background-color:black; padding-top:100px; text-align:center; color:white; } #cinema_cooldown_timer { margin-top:10px; font-size:14px; font-weight:bold; } #cinema .start .link { position:absolute; top:50%; left:50%; border-color:transparent transparent transparent #fff; border-style:solid; border-width:40px; height:0px; width:0px; margin-left:0px; margin-top:-40px; } #cinema .disclaimer { position:absolute; bottom:172px; left:64px; width:620px; padding:10px; background-color:black; color:white; text-align:center; } #cinema .today { position:absolute; left:65px; top:593px; } #cinema .shop { position:absolute; top:40px; right:45px; width:145px; height:55px; background-image:url(https://mff.wavecdn.net/mff/cityscreen/button_map.png); padding-top:32px; padding-left:90px; font-size:14px; font-weight:bold; } #cinema .shop:hover { background-position:0px -91px; transform:scale(1.05); } #cinema .big_close { right:20px; } #cinema_shop { width:410px; height:420px; } #cinema_shop .points { position:absolute; z-index:5; top:6px; left:-15px; background-color:white; padding:5px; border-radius:5px; width:85px; text-align:right; } #cinema_shop .points:after { content:''; position:absolute; top:-20px; left:-12px; background:url(https://mff.wavecdn.net/mff/cityscreen/collection_count.png); width:50px; height:55px; background-size:100%; } #cinema_shop .points .buyreel, #cinema_shop .gamble { position:absolute; background-color:green; border-radius:30px; font-weight:bold; text-align:center; color:white; } #cinema_shop .points .buyreel { top:-1px; right:-24px; width:25px; height:25px; font-size:18px; } #cinema_shop .points .buyreel:hover { transform:scale(1.05); } #cinema_shop .intro { margin:-10px 0px 10px 0px; } #cinema_shop .timer { position:absolute; bottom:30px; left:50%; width:300px; margin-left:-150px; text-align:center; } #cinema_shop .gamble { top:5px; right:-5px; z-index:1; width:40px; height:40px; font-size:29px; } #cinema_shop .gamble:hover { transform:scale(1.05); } #cinema_shop .items { } #cinema_shop .items .item { position:relative; float:left; text-align:center; background:url(https://mff.wavecdn.net/mff/cityscreen/cityscreen_shop_card.png); width:136px; height:199px; } #cinema_shop .items .item:hover { background:url(https://mff.wavecdn.net/mff/cityscreen/cityscreen_shop_card_over.png); } #cinema_shop .items .item img { position:absolute; top:45px; left:50%; width:80px; margin-left:-38px; } #cinema_shop .items .item .amount { position:absolute; bottom:43px; left:25px; padding-left:37px; padding-top:12px; } #cinema_shop .items .item .amount:after { content:''; position:absolute; top:0px; left:0px; background:url(https://mff.wavecdn.net/mff/cityscreen/collection_count.png); width:35px; height:40px; background-size:100%; } #cinema_shop .items .item .pan { position:absolute; bottom:15px; right:0px; background-color:white; width:25px; height:20px; text-align:center; border-radius:5px; color:black; padding-top:5px; } #cinema_shop .info { position:absolute; z-index:5; top:-32px; left:-32px; width:20px; height:20px; border-radius:10px; border-color:#fff; background:linear-gradient(aqua, blue); } #cinema_shop .info:after { content:'i'; position:absolute; top:3px; left:8px; font-weight:bold; color:#fff; } #cinema_shop .info .head { font-weight:bold; margin-bottom:5px; } #cinema_shop .info .ttbox { left:25px; width:450px; max-width:450px; } #cinema_shop .info .ttbox img { width:35px; height:35px; float:left; margin:5px; } #cinema_buy_reel .coinsbutton_flex { font-size:11px; margin-bottom:5px; } #birthdayani1 { z-index:40; position:absolute; bottom:0px; right:150px; width:115px; height:98px; background:url(https://mff.wavecdn.net/mff/city/birthday_ani1.gif); } #birthday_townsheep_4th { z-index:30; position:absolute; bottom:270px; left:425px; width:38px; height:45px; background:url(https://mff.wavecdn.net/mff/city/birthday_townsheep_4th.gif); } .birthday_townsheep_globalbox_mod { top:50px; } .birthday_townsheep_globalbox_content_mod { max-width:400px; max-height:350px; overflow:hidden; } #birthday_citysheep_cards { position:relative; margin-top:10px; width:335px; } .birthday_townsheep_buy_button { padding:10px; font-weight:bold; } .birthday_citysheep_card { float:left; position:relative; background:url(https://mff.wavecdn.net/mff/minigames/suitcase_sheeps_map.png); width:100px; height:100px; margin-right:5px; margin-bottom:5px; } .birthday_citysheep_card_check { position:absolute; background:url(https://mff.wavecdn.net/mff/architect_item_bought.png); width:63px; height:47px; top:20px; left:25px; } #birthdayCitySheepAmount { font-weight:bold; font-size:20px; } #birthday_citysheep_card1 { background-position:0 0; } #birthday_citysheep_card2 { background-position:-100px 0; } #birthday_citysheep_card3 { background-position:-200px 0; } #birthday_citysheep_card4 { background-position:-300px 0; } #birthday_citysheep_card5 { background-position:-400px 0; } #birthday_citysheep_card6 { background-position:0 -100px; } #birthday_citysheep_card7 { background-position:-100px -100px; } #birthday_citysheep_card8 { background-position:-200px -100px; } #birthday_citysheep_card9 { background-position:-300px -100px; } .birthday_citysheep_card_points { position:absolute; bottom:2px; left:15px; background:url(https://mff.wavecdn.net/mff/minigames/suitcase_points.png); width:69px; height:18px; padding-top:5px; font-weight: bold; } #birthday_citysheep_flyer { position:absolute; top:2px; right:-10px; font-weight:bold; font-size:18px; color:#000; z-index:100; visibility:hidden; opacity:1; -webkit-transition: right 2s linear, opacity 2s linear; transition: right 2s linear, opacity 2s linear; } #birthday_citysheep_flyer.birthday_citysheep_flyer { visibility:visible; right:-75px; opacity:0; } .merchant_pan_link { width:40px; height:40px; margin-top:-5px !important; } .merchant_pan_link .back { position:absolute; top:-2px; left:0px; width:55px; height:33px; overflow:hidden; } .merchant_pan_link .back2 { position:absolute; top:0px; left:0px; width:50px; height:40px; background-color:#B39056; border-radius:10px; border:2px solid white; overflow:hidden; } .merchant_pan_link .back2:after { content:''; position:absolute; top:0px; left:0px; width:200px; height:200px; background:url(https://mff.wavecdn.net/mff/merchant_side2.png); background-size:100%; background-position:-133px -4px; } .merchant_pan_link:hover { } .merchant_pan_link .ttbox { left:60px !important; } #merchant_link { display:none; z-index:31; position:absolute; bottom:150px; left:140px; width:162px; height:90px; background:url(https://mff.wavecdn.net/mff/merchant_link2.gif); } #merchant_link_tt { display:none; position:absolute; top:0px; left:110px; } #merchant { width:520px; margin-bottom:120px; } #merchant .block { position:relative; } #merchant .items { position:relative; background-color:bisque; padding:10px; border-radius:5px; display:flex; justify-content:center; } #merchant .item { position:relative; margin:0px 5px; background-color:#C3A75E; border-radius:5px; width:150px; height:159px; padding-bottom:5px; } #merchant .item:hover { background-color:khaki; } #merchant .item img { margin-top:10px; width:75px; } #merchant .item img.off { opacity:0.5; } #merchant .item .coinsbutton_flex { position:relative; font-size:11px; width:100px; margin-top:8px; } #merchant .item .info { position:absolute; left:0px; bottom:10px; color:red; font-weight:bold; width:140px; text-align:center; padding:0px 5px; } #merchant .intro { margin-bottom:5px; margin-top:-10px; } #merchant .timer { margin-bottom:10px; background-color:#C3A75E; border-radius:5px; padding:10px 0px; } #merchant .back { position:absolute; bottom:-50px; left:50%; width:355px; margin-left:-179px; height:300px; background:url(https://mff.wavecdn.net/mff/merchant_side2.png) left bottom; background-size:100%; background-repeat:no-repeat; } #merchant .cinema { position:relative; margin-top:10px; background-color:bisque; padding:10px; border-radius:5px; margin-left:-10px; } #merchant .cinema .intro2 { margin-bottom:5px; margin-top:-5px; font-weight:bold; color:#6C441D; } #merchant .cinema .amount { margin-bottom:5px; margin-top:-5px; font-weight:bold; color:#6C441D; } #merchant .gamble { position:absolute; bottom:-50px; left:0px; z-index:1; background-color:green; border-radius:30px; font-weight:bold; text-align:center; color:white; width:40px; height:40px; font-size:29px; } #merchant .gamble:hover { transform:scale(1.05); } #merchant .gamble .ttbox { font-weight:normal; top:0px; left:45px; } #merchant .cinema .amount { position:absolute; bottom:-15px; right:-10px; background-color:white; width:25px; height:20px; text-align:center; border-radius:5px; color:black; padding-top:5px; } #merchant .giftinfo { position:absolute; z-index:5; top:5px; left:5px; width:20px; height:20px; border-radius:10px; border-color:#fff; background:linear-gradient(aqua, blue); } #merchant .giftinfo:after { content:'i'; position:absolute; top:3px; left:8px; font-weight:bold; color:#fff; } #merchant .giftinfo .head { font-weight:bold; margin-bottom:5px; } #merchant .giftinfo .ttbox { left:25px; top:-297px; width:450px; max-width:450px; } #merchant .giftinfo .ttbox img { width:35px; height:35px; float:left; margin:5px; } #merchant .navi { position:relative; border-bottom:1px solid black; margin:5px 0px 10px 0px; } #merchant .navi .tab { position:relative; float:left; margin-right:-1px; margin-bottom:-1px; background-color:#C3A75E; padding:5px 10px; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid black; } #merchant .navi .tab.tab_gifts { padding-left:20px; } #merchant .navi .tab.tab_gifts:after { content:''; position:absolute; top:4px; left:4px; background:url(https://mff.wavecdn.net/mff/star.png); width:14px; height:13px; } #merchant .navi .tab:hover, #merchant .navi .tab.active { background-color:#E5D194; } #merchant .navi .tab.active { border-bottom:1px solid #E5D194; } #merchant .infobutton { position:absolute; z-index:5; top:-40px; right:0px; width:25px; height:25px; border-radius:25px; border-color:#fff; background:linear-gradient(aqua, blue); } #merchant .infobutton:after { content:'i'; position:absolute; top:4px; left:10px; font-weight:bold; color:#fff; font-size:14px; } #merchant .infobutton:hover { transform:scale(1.05); } #merchant .infobutton .ttbox { top:0px; left:auto; right:25px; width:442px; max-width:500px; } #merchant .infobutton .ttbox .head { font-weight:bold; text-align:center; margin-bottom:5px; } #merchant .infobutton .ttbox .slot { position:relative; float:left; margin:2px; } #merchant .infobutton .ttbox img { position:relative; width:30px; } #merchant .infobutton .ttbox img.off { filter:grayscale(1); opacity:0.35; } #merchant .infobutton .ttbox .slot .ready { position:absolute; top:7px; left:7px; width:25px; height:23px; background-image:url(https://mff.wavecdn.net/mff/merchslot_isset.png); background-size:100%; } #merchant .infobutton.isgifts .ttbox { top:-180px; } #merchant .infobutton.isgifts .ttbox .active { background-color:gold; border-radius:5px; padding:5px; font-weight:bold; } #merchant_commit { width:300px; } #merchant_event_link { display:none; position:absolute; top:55px; left:-58px; width:35px; height:35px; background-color:burlywood; border-top-left-radius:5px; border-bottom-left-radius:5px; border:4px solid #885F49; border-right:0px; box-shadow:0px 0px 5px black; } #merchant_event_link:hover { background-color:#e5d194; } #merchant_event_link .imgbox { position:absolute; bottom:0px; left:0px; width:35px; height:65px; overflow:hidden; } #merchant_event_link .img { position:relative; width:200px; height:65px; background-image:url(https://mff.wavecdn.net/mff/merchant_side2.png); background-size:100%; background-position:-141px 10px; } #merchant_event_link .ttbox { top:0px; left:40px; } #giftshop_box { position:relative; width:580px; } #giftshop_box .intro { margin:-10px 0px 10px 0px; } #giftshop_box .feedback { position:absolute; top:200px; left:50%; width:200px; background-color:black; color:white; border-radius:5px; padding:20px; margin-left:-100px; } #giftshop_box .gifts .item { position:relative; float:left; margin:5px; } #giftshop_box .gifts .item img { width:60px; height:60px; } #giftshop_box .gifts .item .ttbox { min-width:150px; left:50%; margin-left:-60px; } #giftshop_box .gifts .item .ttbox .name { font-weight:bold; } #giftshop_box .gifts .item .ready { position:absolute; bottom:-2px; right:-2px; width:25px; height:25px; background:url(https://mff.wavecdn.net/mff/merchslot_isset.png); background-size:100%; } #giftshop_box .gifts .info { position:absolute; bottom:30px; font-style:italic; } #giftshop_box .gifts .remain { position:absolute; bottom:10px; } #giftshop_box .gifts .legend { position:absolute; bottom:-22px; display:flex; justify-content:left; align-items:center; } #giftshop_box .gifts .legend .col1 { position:relative; width:20px; height:20px; background:url(https://mff.wavecdn.net/mff/merchslot_isset.png); background-size:100%; } #giftshop_box .gifts .legend .col2 { position:relative; font-style:italic; } #giftshop_box .gifts { position:relative; background-color:khaki; padding:10px; border-radius:5px; width:560px; height:355px; } #giftshop_box .menue { position:relative; margin-left:5px; } #giftshop_box .menue .item { float:left; background-color:white; border-top-left-radius:5px; border-top-right-radius:5px; padding:5px; width:53px; height:33px; } #giftshop_box .menue .item:hover { background-color:darkkhaki; } #giftshop_box .menue .item.active { background-color:khaki; } #giftshop_box .menue .item .img.symbol { width:100%; height:100%; background:url(https://mff.wavecdn.net/mff/city/giftshop_categories4.png); } #giftshop_box .menue .item .img.symbol_default { background-position:0px 0px; } #giftshop_box .menue .item .img.symbol_valentine { background-position:-53px 0px; } #giftshop_box .menue .item .img.symbol_easter { background-position:-583px 0px; } #giftshop_box .menue .item .img.symbol_carnival { background-position:-159px 0px; } #giftshop_box .menue .item .img.symbol_halloween { background-position:-212px 0px; } #giftshop_box .menue .item .img.symbol_xmas { background-position:-265px 0px; } #giftshop_box .menue .item .img.symbol_santaclaus { background:url(https://mff.wavecdn.net/mff/NikolausBoot_categorySymbol.png); background-position:50%; background-repeat:no-repeat; } #giftshop_box .menue .item .img.symbol_newyear, #giftshop_box .menue .item.symbol_newyear_iran { background-position:-318px 0px; } #giftshop_box .menue .item .img.symbol_friends { background-position:-477px 0px; } #giftshop_box .menue .item .img.symbol_valentine_event { background-position:-106px -33px; } #giftshop_box .menue .item .img.symbol_friday13 { background-position:-955px 0px; } #giftshop_box .menue .item .img.symbol_newyeargreetings { background-position:-1060px 0px; } #giftshop_box .menue .item .img.symbol_oktoberfest { background-position:-902px 1px; } #giftshop_box .menue .item .img.symbol_autumn { background-position:-372px 0px; } #giftshop_box .menue .item .img.symbol_thxgiving { background-position:-424px 0px; } #giftshop_box .menue .item .img.symbol_motherday { background-position:-1008px 0px; } #giftshop_box .menue .item .img.symbol_fatherday { background-position:-1008px 0px; } #giftshop_box .menue .item .img.symbol_summer { background:url(https://mff.wavecdn.net/mff/specialoffer_summer2016.gif); width:33px; height:33px; background-size:100%; margin:0 auto; } #giftshop_box .menue .item .img.symbol_winter { background-position:-635px 0px; } #giftshop_box .menue .item .img.symbol_pentecost { background-position:-848px 0px; } #giftshop_box .menue .item .img.symbol_newyearchina { background-position:-795px 0px; } #giftshop_box .menue .item .img.symbol_superbowl { background-position:-690px 0px; } #giftshop_box .menue .item .img.symbol_saintpatrick { background-position:-740px 0px; } #giftshop_box .menue .item .img.symbol_football { background:url(https://mff.wavecdn.net/mff/wm/wm_icon.png); width:32px; height:32px; margin-left:10px; } #giftshop_detail { width:250px; } #giftshop_detail img { margin-top:-10px; width:75px; } #giftshop_detail .cost { font-size:12px; margin:10px; } #giftshop_detail .points { position:relative; font-size:12px; margin:10px; background-color:antiquewhite; border-radius:5px; padding:5px; width:80px; margin:0 auto; margin-bottom:10px; } #giftshop_detail .points:before { content:''; position:absolute; top:-12px; left:-18px; width:50px; height:45px; background:url(https://mff.wavecdn.net/mff/Valentine2017_SilverHeart.png); background-size:100%; } #giftshop_detail .form { background-color:#C3A75E; padding:5px; border-radius:5px; } #giftshop_detail .form .line { margin-bottom:4px; } #giftshop_detail .form input, #giftshop_detail .form textarea, #giftshop_detail .form select { padding:2px; border-radius:5px; border:1px solid #ccc; } #giftshop_detail .form textarea { font-weight:normal; width:234px; height:50px; } #giftshop_detail .form input { width:100%; } #giftshop_detail .form #giftshop_detail_name_line { position:relative; float:left; margin-left:0px; margin-right:5px; width:193px; } #giftshop_detail .form #giftshop_detail_anonym { position:relative; float:left; width:15px; height:15px; border-radius:5px; background-color:white; border:1px solid #ccc; margin-right:5px; } #giftshop_detail .form .anonym { text-align:left; width:218px; } #giftshop_detail .form .checked { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(https://mff.wavecdn.net/mff/merchslot_isset.png); background-size:100%; } #giftshop_detail .form .head { font-weight:bold; } #giftshop_detail .form .book { float:left; margin-top:2px; position:relative; margin-left:5px; } #giftshop_detail .form .contacts { display:none; z-index:1; position:absolute; left:3px; top:18px; background-color:#ddd; border-top:1px solid #ccc; width:193px; height:100px; overflow:auto; } #giftshop_detail .form .contacts .line { padding:2px; } #giftshop_detail .form .contacts .line:hover { background-color:antiquewhite; } #giftshop_detail .form .button_new { margin:0 auto; margin-top:10px; } #giftshop_detail #giftshop_detail_servercost { display:none; } #market_categories { background:url(https://mff.wavecdn.net/mff/market/categories5.gif); } #market_navi_cat1 { left:4px; width:66px; } #market_navi_cat2 { left:70px; width:75px; } #market_navi_cat3 { left:145px; width:60px; } #market_navi_cat4 { left:205px; width:60px; } #market_navi_cat5 { left:265px; width:70px; } #market_navi_cat6 { left:513px; width:60px; } #market_navi_cat7 { left:335px; width:60px; } #market_navi_cat8 { left:400px; width:60px; } #market_navi_cat9 { left:460px; width:55px; } #market_navi_cat1:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_1MO.gif) 11px 9px no-repeat; } #market_navi_cat2:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_2MO.gif) 8px 10px no-repeat; } #market_navi_cat3:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_3MO.gif) 10px 8px no-repeat; } #market_navi_cat4:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_4MO.gif) 9px 8px no-repeat; } #market_navi_cat5:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_5MO.gif) 5px 8px no-repeat; } #market_navi_cat6:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_9MO.gif) 10px 8px no-repeat; } #market_navi_cat7:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_6MO.gif) 11px 8px no-repeat; } #market_navi_cat8:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_7MO.gif) 8px 6px no-repeat; } #market_navi_cat9:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_8MO.gif) 5px 8px no-repeat; } .market_cat1_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_1active.gif) 11px 9px no-repeat; } .market_cat2_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_2active.gif) 8px 10px no-repeat; } .market_cat3_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_3active.gif) 10px 8px no-repeat; } .market_cat4_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_4active.gif) 9px 8px no-repeat; } .market_cat5_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_5active.gif) 5px 8px no-repeat; } .market_cat6_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_9active.gif); } .market_cat7_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_6active.gif) 11px 8px no-repeat; } .market_cat8_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_7active.gif) 8px 6px no-repeat; } .market_cat9_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_8active.gif) 5px 8px no-repeat; } #marketheader .naviitem2 { top:-3px; } #market_categories { width:572px; height:42px; background:url(https://mff.wavecdn.net/mff/market/categories6.png); } #market_navi_cat1 { left:-4px; width:57px; } #market_navi_cat2 { left:50px; width:75px; } #market_navi_cat3 { top:-1px !important; left:119px; width:54px; } #market_navi_cat4 { top:-2px !important; left:172px; width:58px; } #market_navi_cat5 { top:-1px !important; left:227px; width:70px; } #market_navi_cat6 { left:509px; width:60px; } #market_navi_cat7 { left:291px; width:60px; } #market_navi_cat8 { left:346px; width:60px; } #market_navi_cat9 { left:402px; width:55px; } #market_navi_cat10 { left:457px; width:55px; } #market_navi_cat1:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_1MO.gif) 11px 9px no-repeat; } #market_navi_cat2:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_2MO.gif) 8px 10px no-repeat; } #market_navi_cat3:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_3MO.gif) 10px 8px no-repeat; } #market_navi_cat4:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_4MO.gif) 9px 8px no-repeat; } #market_navi_cat5:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_5MO.gif) 5px 8px no-repeat; } #market_navi_cat6:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_9MO.gif) 10px 8px no-repeat; } #market_navi_cat7:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_6MO.gif) 11px 8px no-repeat; } #market_navi_cat8:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_7MO.gif) 8px 6px no-repeat; } #market_navi_cat9:hover { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_8MO.gif) 5px 8px no-repeat; } #market_navi_cat10:hover { background:url(https://mff.wavecdn.net/mff/market/categories/Categories_spice_hover.png) 12px 8px no-repeat; } .market_cat1_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_1active.gif) 11px 9px no-repeat; } .market_cat2_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_2active.gif) 8px 10px no-repeat; } .market_cat3_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_3active.gif) 10px 8px no-repeat; } .market_cat4_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_4active.gif) 9px 8px no-repeat; } .market_cat5_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_5active.gif) 5px 8px no-repeat; } .market_cat6_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_9active.gif); } .market_cat7_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_6active.gif) 11px 8px no-repeat; } .market_cat8_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_7active.gif) 8px 6px no-repeat; } .market_cat9_active { background:url(https://mff.wavecdn.net/mff/market/categories/categories5_8active.gif) 5px 8px no-repeat; } .market_cat10_active { background:url(https://mff.wavecdn.net/mff/market/categories/Categories_spice_active.png) 12px 8px no-repeat; }