#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_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; }