/*@charset "UTF-8";*/ /* CSS Document */ /* MediaFire - Master Stylesheet Version: 2010.6.02 */ /* LEGACY FORM STYLES */ .form { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; } .form_error { font-size: 12px; background: #ffecef; padding: 3px; text-align: center; font-weight: bold; color: #FF0000; } .form_error a { color: #FF0000; text-decoration: underline; } .form_success { font-size: 12px; background: #E3FFE9; padding: 3px; text-align: center; font-weight: bold; color: #18CE3F; } .form_success a { color: #18CE3F; text-decoration: underline; } .login_box { width: 195px; border: #7dc7ff 1px solid; padding: 5px; font-size: 14px; } .default_input_box { width: 195px; border: #c1c1c1 1px solid; padding: 5px; font-size: 14px; } /*LEGACY DOWNLOAD STYLES*/ .captcha_box { text-align: center; } .code_header { margin-top: 5px; margin-bottom: 2px; font-weight: bold; font-size: 12px; color: #505050; overflow: auto; } .delete_link { color:#444444; font-size: 12px; } .delete_link a { color:#21d548; text-decoration: none; } .delete_link a:hover { border-bottom: 2px #21d548 dotted; } /*CREATE ACCT FOR SOCIAL NETWORKS?*/ #upload_create.upload_create { display: block; } #upload_create { display: none; } #upload_login.upload_create { display: none; } #upload_login { display: block; } /*LEGACY IMAGE PREVIEW PAGE*/ .image_size_tab { float: left; padding: 5px 10px } .image_leftcolumn_small { float: left; width: 55.5%; } .image_leftcolumn_800 { width: 810px; position: relative; margin: auto; } .image_leftcolumn_1024 { width: 1034px; position: relative; margin: auto; } /*LEGACY: old index page content, investigate removal*/ .home_page_content_container { background: url(//static.mediafire.com/images/sprites/index_gradients_sprites_v3.png) 0 -630px repeat-x; color: #777; } .home_page_content_container div p { font-size: 14px; line-height: 18px; } /* STATS FILTER TOGGLES */ .report_option_highlighted, .time_option_highlighted { background: #e1e6eb; line-height: 34px; margin-right: 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .report_option { line-height: 34px; margin-right: 15px; } .report_option_highlighted a, .time_option_highlighted a { display: block; margin-left: 15px; padding-left: 40px; background: url(//static.mediafire.com/images/icons/check-green-circle.png) no-repeat left; font-weight: bold; } .report_option a, .time_option a { display: block; padding-left: 55px; } .report_option a:hover, .time_option a:hover { } .time_option { line-height: 34px; margin-right: 10px; } .stats-filter-options > div, .stats-filter-options > ul { padding: 0 5px; margin: 0 0 15px; border-radius: 4px; border: 0px solid #b1b8bf; -moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0 1px 0 0 #fff; -webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0 1px 0 0 #fff; box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0 1px 0 0 #fff; background: #f5f9fc; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f9fc), to(#ebf0f5)); background-image: -webkit-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: -moz-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: -ms-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: -o-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: linear-gradient(top, #f5f9fc, #ebf0f5); } #show_basicreportsettings .stats-filter-options > div { height: 180px; float: left; } #customize_report_form ul { border: none !important; margin-bottom: 15px !important; padding: 15px !important; } #customize_report_form li { margin-bottom: 10px; } #customize_report_form li label { display: block; font-weight: bold; } #customize_report_form ul select { width: 385px; } #customize_report_form li input[type="text"] { font-size: 16px; padding: 1px; } #customize_report_form li.stats-filter-region { float: left; } #customize_report_form li.stats-filter-region select { width: 304px; } #customize_report_form li.stats-filter-filesize select { width: 60px; clear: both; } #customize_report_form li.stats-filter-sort select, #customize_report_form li.stats-filter-filetype select { width: 190px; } #customize_report_form li.stats-filter-filetype input[type="text"] { width: 615px; margin-top: 8px; } #customize_report_form li.stats-filter-number select { width: 60px; } #customize_report_form li.stats-filter-bandwidth div { margin-bottom: 20px; } #customize_report_form li.stats-filter-bandwidth select { width: 190px; } #customize_report_form li.stats-filter-bandwidth select#bandwidth_multi { width: 60px; } #show_filterfiles p { clear: both; margin: 0 0 0 27px; } .stats-filter-submit { padding: 15px 0 10px 0; text-align: center; clear: both; } .stats-filter-submit a { padding: 15px 40px; margin: 0 5px; } .stats-filter-options h4 { padding: 3px 3px 8px 3px; } .stats-filter-icons { float: right; width: 201px; margin: -24px 4px 0 0; padding: 10px 0 0; border: 5px solid #e1e6eb; border-radius: 4px; background: #fff; } #show_filterfiles > div > p { padding-left: 27px; margin-bottom: 15px; clear: both; } /*MISC TABLE STYLES*/ .invoices table tr td { padding: 5px; } .stats_table table tr td { padding: 5px; } .popup_table table tr td { padding: 10px; } #report_contents table tr td { padding: 5px; } /* LEGACY: Color Selector Styles (only dropbox settings uses this now. should switch to js color pickers) */ /* LEGACY: used in many billing pages */ .small-print { font-size: 10px; color: #888; } .small-print a:link, .small-print a:visited { color: #888; } .small-print a:hover, .small-print a:active { color: #333; } .checkout_table td { padding: 7px; } /* LEGACY MESSAGE BOXes */ .yellow_message { background: #FFFFCC; border: 2px solid #fc6; line-height: 18px; padding: 16px 20px; position: relative; } .yellow_message div.ym_pointer_left_med { position: absolute; top: 50%; left: -15px; margin-top: -13px; height: 27px; width: 15px; background: url(//static.mediafire.com/images/v4images/backgrounds/ym_pointer_left_med.png) 0 center no-repeat; } .yellow_message_popup { position: relative; } .yellow_message_popup .yellow_message { display: none; position: absolute; } .yellow_message_popup:hover .yellow_message { display: block } .red_message { border: 1px solid #FF0000; background: #FFCBC8; padding: 15px; color: #990000; font-weight: normal; display: block; } /* LEGACY LAYOUT CONTAINERS */ .content_650px { float: left; width: 650px; } .content_650px h2 { margin: 36px 0 16px 0; font-size: 20px; } .content_650px h3.text_title { margin: 0px 0 18px 0; font-size: 16px; } .content_650px p { margin: 0 0 18px 0; } .content_650px ul { list-style: none; margin: 0 0 18px 0; } .content_650px ul.list_disc { padding: 0 0 0 1em; list-style: disc outside none; } .content_650px div.text_with_pic { clear: both; overflow: auto; margin-bottom: 36px; } .content_650px div.text_with_pic div { float: left; } .content_650px div.topic_pic { height: 110px; width: 110px; margin-right: 30px; background: #eee; } .content_650px div.topic_text { width: 510px; } .right_sidebar { width: 230px; float: right; padding: 5px; margin-top: 30px; background: #e7f4ff; clear: right; } .right_sidebar h6 { font-size: 13px; font-weight: bold; text-align: center; padding: 3px 0 8px; color: #06d; } .right_sidebar p, .right_sidebar ul { background: #fff; padding: 15px; line-height: 18px; } .right_sidebar p a { display: block; } .right_sidebar ul { line-height: 18px; } .right_sidebar ul.withicons li { padding: 0 0 18px 26px; } /*ABOUT PAGE INDEX: accolades block */ div.accolades_subdued { overflow: auto; padding: 8px 0 54px 0; } div.accolades_subdued div { height: 128px; width: 202px; margin: 0 20px 0 0; float: left; text-align: center; } div.accolades_subdued em { font-size: 11px; font-weight: bold; line-height: 15px; display: block; margin-top: 78px; } #as_doubleclick { background: url(//static.mediafire.com/images/v4images/backgrounds/as_doubleclick.png) 0 0 no-repeat; } #as_alexa { background: url(//static.mediafire.com/images/v4images/backgrounds/as_alexa.png) 0 0 no-repeat; } #as_techcrunch { background: url(//static.mediafire.com/images/v4images/backgrounds/as_techcrunch.png) 0 0 no-repeat; } #as_pcworld { background: url(//static.mediafire.com/images/v4images/backgrounds/as_pcworld.png) 0 0 no-repeat; } #as_cnet { background: url(//static.mediafire.com/images/v4images/backgrounds/as_cnet.png) 0 0 no-repeat; } #as_pcmag { background: url(//static.mediafire.com/images/v4images/backgrounds/as_pcmag.png) 0 0 no-repeat; } /* Reseller Styles */ #redemption_process { margin: 42px 0 0 60px; } #redemption_process h2 { margin: 0 0 8px 0; } #redemption_process li { font-weight: normal; margin: 0 0 10px 0px; font-size: 14px; color: #494949; } #redemption_process li.rp_selected { font-weight: bold; color: #639500; } table.border_fix td{ border: 1px solid #e0e0e0; border-collapse: collapse; } .heading_reseller { padding: 6px 5px; background: #fff; border-bottom: 1px #cde4fb solid; color: #0655c0; font-weight: bold; font-size: 16px; margin-bottom: 5px; } .heading_reseller_country { padding: 10px 5px 0 0px; background: #fff; border-top: 1px #cde4fb solid; color: #0655c0; font-weight: bold; font-size: 14px; margin-bottom: 5px; } #reseller_list h3 { float: left; clear: both; width: 100%; padding-right: 0; margin: 0 0 5px; background: #E9F2FB; border-radius: 6px; } #reseller_list:first-child h3 { background: transparent; } #reseller_list h3 img { margin: 0 10px !important; } #reseller_list div { overflow: auto; padding-bottom: 12px; } #reseller_list div div { width: 320px; float: left; margin: 0 30px 0 0; } .lg_grey { font-size: 24px; color: #bbb; margin: 4px 5px 0 0; float: left; display: block; } #heading_application { font-size: 20px; color: #000; margin: 12px 0 10px 5px; } #reseller_signup_side { width: 390px; margin: 48px 10px 0 0px; line-height: 18px; float: right; } #reseller_signup_side div { padding: 4px 0 0 0; } #reseller_signup_side h3 { font-size: 20px; } #reseller_signup_side p { margin: 10px 0 23px; } #reseller_list div.align_country { width: 100%; height: 0px; clear: both; padding: 0; margin: 0; } #reseller-countries tbody tr { background: transparent; } /* Change Payment Styles */ #current_card_table { margin: 0 0 40px; } #current_card_table table { width: 494px; } #current_card_table tr{ height: 27px; } .current_card_item { width: 148px; text-align: right; font-weight: bold; } .heading_sm_blue { padding: 6px 5px; background: #fff; border-bottom: 1px #cde4fb solid; color: #0655c0; font-weight: bold; font-size: 16px; margin-bottom: 10px; } #cc_bg { padding: 70px 6px 5px 6px; margin-top: 5px; background: url(//static.mediafire.com/images/myaccount/change_pay_cc_logos.png) 0 0 no-repeat; } #new_card_info { background: #f4f4f5; padding: 30px 30px 10px; margin-bottom: 10px; box-sizing: border-box; } #new_card_info p { margin-bottom: 30px !important; } #new_card_info label { font-weight: bold; display: block; font-size: 14px; margin-bottom: 3px; } #new_card_info input { width: 330px; margin-bottom: 30px; } #new_card_info select { margin: 0 10px 30px 0; } #change_cc_btns a { margin: 0 0 0 10px; } #alt_payment_changes { width: 600px; } #change_paypal_bg { padding: 50px 6px 5px 6px; margin-top: 5px; background: url(//static.mediafire.com/images/myaccount/change_pay_paypal.png) 0 0 no-repeat; } #change_amazon_bg { padding: 50px 6px 5px 6px; margin-top: 5px; background: url(//static.mediafire.com/images/myaccount/change_pay_amazonpayments.png) 0 0 no-repeat; } #alt_payment_changes p { margin: 24px 0; font-size: 14px; line-height: 18px; } #alt_payment_changes ol { padding-left: 1.5em; font-size: 14px; line-height: 18px; list-style-type: decimal; } #alt_payment_changes li { margin: 0 0 24px; } #alt_payment_changes ol li em { font-weight: bold; font-style: normal; } /* Upload & Download Options Pages */ .ul_options_outer { position: relative; padding: 20px !important; } .ul_options_outer p { margin-bottom: 0 !important; } p.ul_options_title { float: left; width: 32px; margin: 6px 15px 0 5px; height: 33px; background: url(//static.mediafire.com/images/icons/check-green-circle-32x32.png) center no-repeat; } .ul_options_inner { float: left; padding-bottom: 0; width: 585px; margin: 0; position: relative; } #web_upload_options h4 { margin-bottom: 0px; } a.ul_option_enable_disable { position: absolute; right: 0; bottom: 0; display: block; font-weight: bold; } #web_upload_options span.ul_option_enabled { color: #629721; } #web_upload_options span.ul_option_disabled { color: #BD280A; } div.ul_flowarrow { background: url(//static.mediafire.com/images/v4images/backgrounds/arrow_up.png) center no-repeat; height: 20px; width: 20px; position: absolute; top: -19px; left: 31px; } li.ul_option_disabled_block .ul_options_outer .ul_options_title { background: url(//static.mediafire.com/images/icons/x-red-circle-32x32.png) center no-repeat; } #web_upload_options li.option_unsupported a.ul_option_enable_disable { display: none; } .options_box p.ul_options_title { background: url(//static.mediafire.com/images/icons/x-red-circle-32x32.png) center no-repeat; } .options_box .singlefile_selected:hover, .options_box .browsable_selected:hover { } .options_box .singlefile_selected p.ul_options_title, .options_box .browsable_selected p.ul_options_title { background: url(//static.mediafire.com/images/icons/check-green-circle-32x32.png) center no-repeat; } .options_box .singlefile_selected a.btn.secondary, .options_box .browsable_selected a.btn.secondary { display: none; } .options_box li { cursor: pointer; } .options_box li.singlefile_selected, .options_box li.browsable_selected { cursor: default; } .options_box li h4 > span { display: none; } .options_box li h4 > em { display: inline; font-style: normal; } .options_box li h4 > em span{ color: #BD280A; } .options_box li h4 > span span { color: #629721; } .options_box .singlefile_selected h4 > span, .options_box .browsable_selected h4 > span { display: inline; } .options_box .singlefile_selected h4 > em, .options_box .browsable_selected h4 > em { display: none; } #instantupload-toggle { position: absolute; top: 0; right: 216px; width: 150px; height: 21px; background: #D3D9DE; border-radius: 8px; padding-left: 8px; box-shadow: inset 0 1px 0 0px #C2C7CB, inset 0 -1px 0 0 #fff; color: #494D50; font-size: 12px; } #instantupload-toggle .toggle-switch { position: absolute; top: 0; right: 0; height: 18px; width: 54px; font-size: 10px; font-weight: bold !important; } #instantupload-toggle .tooltip { width: 275px; margin-bottom: 3px; font-size: 11px; line-height: 1.4; left: 0; } #instantupload-toggle > label { cursor: help; height: 21px; line-height: 21px; } #instantupload-toggle > label:hover .tooltip { display: block; } .ul_option_disabled_block #instantupload-toggle { display: none; } .macFlashUploaderLimit { display: none; } .mac .macFlashUploaderLimit { display: inline; } .mac .flashUploaderLimit { display: none; } #dl_unavailable { background: #ffcbc8 url(//static.mediafire.com/images/bg/lg_red_x.png) 20px 20px no-repeat; border: 1px solid #de7f7c; padding: 20px 20px 40px 96px; margin: 40px 0 0; } #dl_unavailable h2, #dl_unavailable p { color: #990000; margin: 0 0 6px; } #failed_file_info { overflow: auto; border-top: 1px solid #de7f7c; margin-top: 10px; padding: 10px 0 0; } #failed_file_info a { float: left; clear: both; display: block; margin: 14px 0 0 0; height: 46px; width: 270px; position: relative; } #failed_file_info a span { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url(//static.mediafire.com/images/buttons/retry_dl_btn.png) 0 0 no-repeat; } #failed_file_info div { float: left; margin: 0 40px 0 0; color: #000; font-weight: bold; } #failed_file_info em { font-weight: bold; font-style: normal; color: #990000; } #dl_getmediapro { background: #cef5c4 url(//static.mediafire.com/images/bg/lg_green_check.png) 20px 20px no-repeat; border: 1px solid #7fd46e; padding: 20px 20px 20px 96px; margin: 20px 0 80px 0; overflow: auto; } #dl_getmediapro h2, #dl_getmediapro p { color: #007400; margin: 0 0 6px; } p#feature_highlight { font-weight: bold; color: #000; margin-bottom: 16px; } p#feature_highlight em { font-weight: normal; font-style: normal; color: #007400; } #dl_getmediapro h3 { font-size: 16px; font-weight: bold; color: #fff; display: block; margin: 14px 0 0 0; padding: 5px 5px 5px 10px; background: #0ea00a; } #bronze_showcase { overflow: auto; padding: 14px 20px 20px 20px; border: 1px solid #7fd46e; border-top: none; background: #fff; } #bronze_showcase ul { float: left; font-size: 13px; font-weight: bold; margin: 0 0 0 0; color: #000; width: 238px; border: 1px solid #ddd; } #bronze_showcase li { border-bottom: 1px solid #ddd; display: block; padding: 4px 5px 4px 36px; background: url(//static.mediafire.com/images/sprites/index_bg_sprites_v5.png) 8px 5px no-repeat; } #bronze_showcase ul.last_show_list { border-left: none; width: 239px; } #bronze_showcase li.last_showcase { border: none; } #cvr_learnmore { float: left; clear: both; display: block; margin: 20px 0 0 0; height: 46px; width: 270px; position: relative; } #cvr_learnmore span { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url(//static.mediafire.com/images/buttons/learnmore_mediapro_btn.png) 0 0 no-repeat; } #cvr_send_message { display: block; height: 38px; width: 262px; position: relative; margin: 0; } #cvr_send_message span { display: block; position: absolute; height: 100%; width: 100%; background: url(//static.mediafire.com/images/buttons/cvr_send_message.png) 0 0 no-repeat; } #dl_unavailable #recaptcha_widget_div { text-align: left; } /* MediaFire Charge page */ #charges_container { overflow: auto; padding: 0 0 80px; } #answers_box { width: 640px; float: left; background: #fff; font-size: 14px; } #answers_box h3 { padding: 14px 0 12px 0; margin: 36px 0 0; color: #0655C0; font-size: 18px; font-weight: bold; border-top: 1px solid #CDE4FB; } #answers_box p { margin: 0; line-height: 18px; } #answers_box em { font-weight: bold; font-style: normal; } #answers_box #charges_acct_details { margin: 27px 0 0; font-size: 14px; font-weight: bold; line-height: 18px; color: #009900; } #answers_box #charges_acct_details em { color: #555; font-weight: normal; } #answers_box form { overflow: auto; padding: 0px; width: 320px; } #answers_box form div { float: left; width: 320px; margin: 0 0 8px; } #answers_box label { float: left; width: 320px; font-weight: bold; color: #000; margin: 0 0 3px; } #check_email div input { width: 250px; font-size: 14px; margin-bottom: 20px; margin-right: 10px; float: none; box-sizing: border-box; } #answers_box #charge_chk_email { float: left; margin: 10px 0; height: 46px; width: 320px; } #answers_box ul.charge_showsteps { margin: 18px 0; } #answers_box ul.charge_showsteps li { padding: 40px 0 50px 210px; } #illustrate_billing { background: url(//static.mediafire.com/images/illustrate_billing.png) 0 0 no-repeat; } #illustrate_billing2 { background: url(//static.mediafire.com/images/illustrate_billing.png) 0 0 no-repeat; } #illustrate_cancel { background: url(//static.mediafire.com/images/illustrate_cancel.png) 0 0 no-repeat; } #illustrate_paymenthistory { background: url(//static.mediafire.com/images/illustrate_paymenthistory.png) 0 0 no-repeat; } #charges_help { float: right; width: 250px; margin: 16px 0 0; } #charges_help h3 { margin: 5px 0; text-align: center; color: #0066dd; font-size: 14px; font-weight: bold; padding: 3px 5px 2px; } #charges_help div { padding: 15px; margin: 5px; background: #fff; } #charges_help p { margin-bottom: 18px; } /* Social Networks Status (My Account) */ .sn_status_inner { position: relative; } #sn_status_fb, #sn_status_tw { } #sn_status_fb { border-bottom: 1px solid #ddd; padding-bottom: 30px; } #sn_status_tw { border-top: 1px solid #fff; padding-top: 20px; } .sn_status_inner form { overflow: auto; position: relative; } .sn_status_inner a.primary, .sn_status_inner a.secondary { float: left; width: 160px; text-align: center; padding: 12px; margin: 0 10px 0 0; } .sn_status_inner em { font-style: normal; font-weight: bold; } #sn_status_fb p, #sn_status_tw p { padding: 10px 0px 5px 55px; } #sn_status_fb p { background: url(//static.mediafire.com/images/sprites/lg_icon_fb.png) 0px 15px no-repeat; } #sn_status_tw p { background: url(//static.mediafire.com/images/sprites/lg_icon_twitter_new.png) 0px 15px no-repeat; } .sn_status_login, .sn_status_logout, .sn_status_unlink { } .sn_status_link { } #sn_status a.sn_status_logout span { background: url(//static.mediafire.com/images/buttons/btn_logout_network.png) 0 0 no-repeat; } #sn_status a.sn_status_login span { background: url(//static.mediafire.com/images/buttons/btn_login_network.png) 0 0 no-repeat; } #sn_status a.sn_status_unlink span { background: url(//static.mediafire.com/images/buttons/btn_unlink_network.png) 0 0 no-repeat; } #sn_status a.sn_status_link span { background: url(//static.mediafire.com/images/buttons/btn_link_network.png) 0 0 no-repeat; } #sn_status em.social_info { font-weight: bold; color: #0655c0; font-style: normal; } #sn_status span.sn_info_title { font-weight: bold; color: #009900; } .sn-options { padding: 0px 0 10px 55px; clear: both; } div.sn_status_perms { overflow: auto; padding: 6px 10px 0; margin: 0 10px 0 0; font-size: 11px; float: left; width: 285px; height: 40px; } div.sn_status_perms input { margin: 2px 0 0 2px; float: left; } div.sn_status_perms span { background: none; float: right; width: 240px; margin-right: 21px; } /* Custom URL */ #customurl_intro { position: relative; overflow: auto; } #customurl_intro p { padding-bottom: 56px; } #customurl_add { position: absolute; width: 170px; bottom: 15px; right: 0; padding: 10px; text-align: center; } #customurl_add:hover, #customurl_add:focus { text-decoration: none; } #customurl_settings { font-size: 12px; line-height: 16px; } #customurl_table { font-size: 12px; table-layout: fixed; } #customurl_table td, #customurl_table th { padding: 6px; } #customurl_table select { width: 95%; border: 1px solid #ccc; font-size: 12px; } .customurl_edit { padding: 0 0 0 17px; } .customurl_delete { color: #888; } .customurl_enabled_status { background: none; } .customurl_enabled_status input { display: block; } a.customurl_copylink_main { display: block; width: 310px; overflow: hidden: text-overflow: ellipsis; } a.customurl_copylink_main:hover, a.customurl_copylink_main:focus { text-decoration: none; } /* Control Overlay for Image Viewer */ div.control_overlay { position: absolute; z-index: 20; } div.control_overlay a { background-image: url(//static.mediafire.com/images/sprites/control_overlay_sprite-images.png); background-repeat: no-repeat; } div.control_overlay a.control_inactive { background-image: url(//static.mediafire.com/images/sprites/control_overlay_sprite-images_inactive.png); cursor: default; } a.control_overlay_close { background-color: #000; background-position: right 0; display: block; height: 24px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } div.control_overlay_bg { background: #000; opacity: .4; position: absolute; top: 24px; left: 0; height: 56px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } div.control_overlay div a { float: left; display: block; height: 56px; position: relative; } a.control_overlay_prev { width: 31px; margin: 0 18px 0 20px; background-position: 0 -56px; } a.control_overlay_next { width: 31px; margin-right: 29px; background-position: 0 -112px; } a.control_overlay_smaller { width: 26px; margin-right: 18px; background-position: 0 -168px; } a.control_overlay_larger { width: 26px; margin-right: 29px; background-position: 0 -224px; } a.control_overlay_share { width: 59px; margin-right: 20px; background-position: 0 -280px; } /* Press Page */ .productHighlight { border-top: 4px solid #9fd3f5; padding: 50px 0 0; position: relative; } .productHighlight > div { min-height: 260px; position: relative; padding-bottom: 40px; box-sizing: border-box; } .productHighlight > div:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(0,0,0,.1); } .productHighlight div > p { margin-left: 290px; margin-bottom: 30px !important; width: 380px; } .productHighlight h3 { margin-left: 290px; } .productHighlight a { display: inline-block; float: none; } .productHighlight .gbtnTertiary { margin-left: 290px; } .productHighlight div .gbtnTertiary, .productHighlight div .gbtnPrimary { display: inline-block; float: none; } .productHighlight ul { font-size: 0; margin: 0 !important; padding: 40px 0; } .productHighlight li { width: 205px; margin: 0 10px 40px; display: inline-block; vertical-align: text-top; font-size: 12px; line-height: 16px; position: relative; padding-left: 48px; box-sizing: border-box; } .productHighlight li:before { content: ""; position: absolute; height: 36px; width: 36px; background: url(/images/backgrounds/press/productFeatureSprite.png); top: 4px; left: 0; } .productHighlight li.featurePhotos:before { background-position: 0 0; } .productHighlight li.featureDocs:before { background-position: 0 -36px; } .productHighlight li.featureShare:before { background-position: 0 -72px; } .productHighlight li.featureAccess:before { background-position: 0 -108px; } .productHighlight li.featureHD:before { background-position: 0 -144px; } .productHighlight li.featureVideo:before { background-position: 0 -180px; } .productHighlight li.featureIntegration:before { background-position: 0 -216px; } .productHighlight li.featureSync:before { background-position: 0 -252px; } .productHighlight li.featureVersionTracking:before { background-position: 0 -288px; } .productHighlight li.featureActivity:before { background-position: 0 -324px; } .productHighlight li.featureScreenshot:before { background-position: 0 -360px; } .productHighlight li.featureDragAndDrop:before { background-position: 0 -396px; } .productHighlight li.featureDownload:before { background-position: 0 -432px; } #productAndroid div { background: url(/images/backgrounds/press/android_v2.png) left bottom no-repeat; } #productiOS div { background: url(/images/backgrounds/press/ios_v2.png) left bottom no-repeat; } #productWeb div { padding-bottom: 332px; background: url(/images/backgrounds/press/web_v2.png) center bottom no-repeat; } #productWeb div { text-align: center; } #productWeb h3 { margin-left: 0; } #productWeb div p { margin-left: 0; margin-right: 0; width: 100%; } #productWeb div .gbtnTertiary { margin-left: 0; } #productQuicklinks { float: right; font-size: 0; padding-top: 5px } #productQuicklinks a { height: 30px; width: 30px; display: inline-block; margin: 0 5px; background: url(/images/backgrounds/press/quicklinksSprite.png) 0 0 no-repeat; position: relative; } #productQuicklinks .qlAndroid { background-position: 0 0; } #productQuicklinks .qlAndroid:hover { background-position: 0 -30px; } #productQuicklinks .qlIOS { background-position: -40px 0; } #productQuicklinks .qlIOS:hover { background-position: -40px -30px; } #productQuicklinks .qlWeb { background-position: -120px 0; } #productQuicklinks .qlWeb:hover { background-position: -120px -30px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SITE (RESTRUCTURE 4/2011) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* LEGACY Table styles */ div.basic_table_filter_group { float: left; margin-right: 5px; padding: 0px; margin-bottom: 5px !important; } div.basic_table_filter { float: left; margin-right: 5px; } div.basic_table_filter label, div.basic_table_filter select { font-size: 12px; float: left; margin-right: 5px; } div.basic_table_filter label { display: block; font-weight: bold; } div.basic_table_filter label.top { float: none; } div.basic_table_filter .date_picker { float: left; margin-top: -2px; } div.basic_table_filter .date_picker img, div.basic_table_filter .date_picker span, div.basic_table_filter .date_picker input { float: left; } div.basic_table_filter .date_picker img { cursor: pointer; margin-top: 3px; } div.basic_table_filter .date_picker input { font-size: 12px; margin: 2px 0 0 2px !important; padding: 0 !important; } div.basic_table_filter .date_picker span { margin: 3px 4px 0; font-size: 12px; } /* Applications page */ .row_delete { display: inline-block; padding: 1px 0 1px 20px; color: #888; background: url(//static.mediafire.com/images/icons/delete_grey.png) 0 0 no-repeat; } input.std_grey, select.std_grey, div.std_grey { font-size: 13px; font-family: arial, sans-serif; padding: 5px; border: 1px solid #ddd; display: block; width: 100%; color: #333; background: #f6f6f6; background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(0.20, #f6f6f6), to(#f6f6f6)); background: -webkit-linear-gradient(top, #eee, #f6f6f6 20%, #f6f6f6); background: -moz-linear-gradient(top, #eee, #f6f6f6 20%, #f6f6f6); background: -o-linear-gradient(top, #eee, #f6f6f6 20%, #f6f6f6); } input.std_grey:focus { background: #ffc; } .blue_metallic, .grey_plastic, .green_plastic, .yellow_plastic, .red_plastic, .red_flat, .emerald_plastic, .white_inset { border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; } .blue_metallic:hover, .grey_plastic:hover, .green_plastic:hover, .yellow_plastic:hover, .red_plastic:hover, .emerald_plastic:hover { text-decoration: none; } .blue_metallic { color: #03497a; border-color: #a6c8ec; background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfcff), color-stop(0.50, #eaf4ff), color-stop(0.51, #dcedff), to(#eaf4fe)); background: -webkit-linear-gradient(top, #fbfcff, #eaf4ff 50%, #dcedff 51%, #eaf4fe); background: -moz-linear-gradient(top, #fbfcff, #eaf4ff 50%, #dcedff 51%, #eaf4fe); background: -o-linear-gradient(top, #fbfcff, #eaf4ff 50%, #dcedff 51%, #eaf4fe); } .grey_plastic { color: #333; border-color: #bbb; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(0.5, white), to(#EEE)); background: -webkit-linear-gradient(top, #fff, #FCFCFC 50%, #EEE); background: -moz-linear-gradient(top, #fff, #FCFCFC 50%, #EEE); background: -o-linear-gradient(top, #fff, #FCFCFC 50%, #EEE); } .green_plastic { color: #06691c; border-color: #8bd695; background: #c9f9d0; background: -moz-linear-gradient(top, #DFFEE5, #CCF5D5); background: -webkit-gradient(linear, 0 0, 0 100%, from(#DFFEE5), to(#CCF5D5)); background: -webkit-linear-gradient(top, #DFFEE5, #CCF5D5); background: -o-linear-gradient(top, #DFFEE5, #CCF5D5); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.75); } .emerald_plastic { color: #fff; border-color: #383838; background: #18b513; background: -moz-linear-gradient(top, #12b70d, #0c8b09); background: -webkit-gradient(linear, 0 0, 0 100%, from(#12b70d), to(#0c8b09)); background: -webkit-linear-gradient(top, #12b70d, #0c8b09); background: -o-linear-gradient(top, #12b70d, #0c8b09); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.3); } .yellow_plastic { color: #333; border-color: #f2d377; background: #ffc; background: -moz-linear-gradient(top, #ffc, #FFE98F); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc), to(#FFE98F)); background: -webkit-linear-gradient(top, #ffc, #FFE98F); background: -o-linear-gradient(top, #ffc, #FFE98F); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.75); } .red_plastic { color: #b40000; border-color: #f5a2a2; background: #ffdede; background: -moz-linear-gradient(top, #ffdede, #ffbaba); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffdede), to(#ffbaba)); background: -webkit-linear-gradient(top, #ffdede, #ffbaba); background: -o-linear-gradient(top, #ffdede, #ffbaba); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.3); } .red_flat { color: #b40000; border-color: #f5a2a2; background: #ffdede; } .sm_rounded { border-radius: 3px; -moz-border-radius: 3px; } .white_inset { color: #333; border-color: #a6c8ec; background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), color-stop(0.10, #fff), to(#fff)); background: -webkit-linear-gradient(top, #f1f1f1, #fff 10%, #fff); background: -moz-linear-gradient(top, #f1f1f1, #fff 10%, #fff); background: -o-linear-gradient(top, #f1f1f1, #fff 10%, #fff); } .blue_metallic:hover { text-decoration: none; } .options_box li { overflow: auto; padding: 20px; } .options_box_title { float: left; width: 255px; font-weight: bold; font-size: 16px; color: #1165AD; padding: 40px 0 0 0; text-align: center; } .options_box li:hover .options_box_title { text-decoration: underline; } .options_box_content { margin-bottom: 0 !important; width: 480px; } .options_box li:hover .options_box_content { } .options_box li.browsable_selected, .options_box li.singlefile_selected { /*this targets classes specific to the Privacy Mode page. Change to generic classes*/ cursor: default; } .options_box li.browsable_selected .options_box_title, .options_box li.singlefile_selected .options_box_title { text-decoration: none !important; } .options_box li.browsable_selected .options_box_content, .options_box li.singlefile_selected .options_box_content { } .flyout_pointer_left { display: none; position: absolute; height: 25px; width: 15px; z-index: 30; background: url(//static.mediafire.com/images/pointers/description_pointer_left.png) 0 0 no-repeat; } .infomsg_pointer_up { position: absolute; height: 15px; width: 25px; /*maximum dimensions - we should make the image large in the future so it can be used at any size. set unique styles inline or on selector*/ background: url(//static.mediafire.com/images/pointers/infomsg_pointer_up.png) center top; } /* span.arrow_down, span.arrow_up { border-style: solid; height: 0; width: 0; position: absolute; right: 8px; } span.arrow_down { border-color: #666 transparent transparent; border-width: 6px 4px 0; top: 9px; } span.arrow_up { border-color: transparent transparent #666; border-width: 0 4px 6px; top: 8px; } */ .icon_localupload { background-image: url(//static.mediafire.com/images/icons/computer_go.png); } .icon_webupload { background-image: url(//static.mediafire.com/images/icons/world_add.png); } .icon_newfolder { background-image: url(//static.mediafire.com/images/icons/folder.gif); } .icon_moveitems { background-image: url(//static.mediafire.com/images/icons/move.gif); } .icon_emailitems { background-image: url(//static.mediafire.com/images/icons/email.gif); } .icon_update { background-image: url(//static.mediafire.com/images/icons/arrow_refresh.png); } .icon_bulkdownload { background-image: url(//static.mediafire.com/images/icons/lightning.png); } .icon_downloadarrow { background-image: url(//static.mediafire.com/images/icons/arrow_dn_orange.png); } .icon_uploadarrow { background-image: url(//static.mediafire.com/images/icons/arrow_up_green.png); } .icon_uploadarrow_grey { background-image: url(//static.mediafire.com/images/icons/arrow_up_grey.png); } .icon_customurls { background-image: url(//static.mediafire.com/images/icons/world_link.png); } .icon_delete { background-image: url(//static.mediafire.com/images/icons/delete.gif); } .icon_tags { background-image: url(//static.mediafire.com/images/icons/tag.gif); } .icon_desc { background-image: url(//static.mediafire.com/images/icons/comment.png); } .icon_public { background-image: url(//static.mediafire.com/images/icons/lockpublic_icon.png); } .icon_private { display: none; background-image: url(//static.mediafire.com/images/icons/lockprivate_icon.png); } .icon_note { background-image: url(//static.mediafire.com/images/icons/page_white_edit.png); } .icon_dropbox { background-image: url(//static.mediafire.com/images/icons/dropbox.png); } .icon_stats { background-image: url(//static.mediafire.com/images/icons/chart_pie.png); } .icon_copylink { background-image: url(//static.mediafire.com/images/icons/paste_plain.png); } .icon_share { background-image: url(//static.mediafire.com/images/icons/group_go.png); } .icon_editinfo { background-image: url(//static.mediafire.com/images/icons/information.png); } .icon_sendfile { background-image: url(//static.mediafire.com/images/icons/email_go.png); } .icon_password { background-image: url(//static.mediafire.com/images/icons/key.png); } .icon_facebook { background-image: url(//static.mediafire.com/images/icons/icon_sm_fb.png); } .icon_twitter { background-image: url(//static.mediafire.com/images/icons/icon_sm_twitter.png); } .icon_rss { background-image: url(//static.mediafire.com/images/v4images/icons/feed.png); } .icon_wrench { background-image: url(//static.mediafire.com/images/icons/wrench.gif); } .icon_savetoacct { background-image: url(//static.mediafire.com/images/icons/flame.gif); } .icon_app { background-image: url(//static.mediafire.com/images/icons/bricks.png); background-repeat: no-repeat; } .icon_add { background-image: url(//static.mediafire.com/images/icons/add.png); } .icon_cog { background-image: url(//static.mediafire.com/images/icons/cog.png); } .icon_user_grey { background-image: url(//static.mediafire.com/images/icons/user_grey.png); } .icon_dollar_grey { background-image: url(//static.mediafire.com/images/icons/money_dollar_grey.png); } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MY FILES (RESTRUCTURE 9/2011) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* MOVE SELECTED LIGHTBOX STYLES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #move_selected_folderlist { margin: 10px 20px 5px; border: 1px solid #bbb; overflow: auto; background: #fff; padding: 5px 10px; height: 200px; } #move_selected_folderlist.folderlist_content ul li { font-size: 13px; background-position: 0 3px; } #move_selected_folderlist.folderlist_content ul li a { padding: 3px 0 3px 5px; height: 14px; overflow: visible; } #move_selected_folderlist.folderlist_content ul li a.folder_arrow { top: 5px; padding: 0; } #move_selected_folderlist.folderlist_content ul li a.folder_name:hover { background: #edf1f5; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MEDIAPRO REDESIGN (/upgrade/index.php) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*body.signup { background-color: #fff; background-image: url(//static.mediafire.com/images/backgrounds/signup/signup_lightbg.jpg); background-repeat: no-repeat; background-position: center 49px; height: auto; }*/ /*body.signup #titlebar { border: none; background: none; top: 100px; } body.signup #titlebar:after { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }*/ /*body.signup #container { padding-top: 0; } body.signup #header { position: static; }*/ /*body.signup .header-buttons { float: none; text-align: left; padding: 0; } body.signup #titlebar .alt-text { float: none; margin: 0; font-size: 32px; font-weight: normal; font-family: 'Open Sans'; text-align: center; color: #3E4042; } body.signup #titlebar .title { display: none; } body.signup #main { position: relative; padding-bottom: 100px; }*/ /* DROP SHADOW FOR #mp_signup_block-wrap*/ /*body.signup #main:after { content: ""; position: absolute; top: 136px; left: 1px; right: 1px; width: 958px; -webkit-box-shadow: 0px 0 10px 0px rgba(148, 178, 209, .8); -moz-box-shadow: 0px 0 10px 0px rgba(148, 178, 209, .8); box-shadow: 0px 0 10px 0px rgba(148, 178, 209, .8); bottom: 100px; border-radius: 6px; z-index: 0; } */ /* SIGNUP HEADER BAR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #subscription_waiting_period, #changePlanDisabled { display: none; background: url(//static.mediafire.com/images/backgrounds/signup/signup_lightbg.jpg) center 0 no-repeat; position: relative; z-index: 1; } #subscription_waiting_period p, #changePlanDisabled p { text-align: center; font-size: 18px; padding-top: 220px; background: url(//static.mediafire.com/images/icons/acct_suspended.png) center 40px no-repeat; } .hslide_header { position: relative; width: 958px; } .hslide_header > span { display: none; } .hslide_header > .btn { position: absolute; top: 8px; right: 7px; height: 25px; padding: 0 20px; line-height: 25px; } /* SIGNUP MAIN DIVS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mp_comparison_table { top: 0px; left: 0px; margin-top: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .mp_checkout { top: 0px; left: 2000px; width: 1960px; } .mp_yearly_offer { top: 0px; left: 1000px; } #checkout_page_processing { text-align: center; max-width: 960px; } #mp_credit_results { position: relative; } /* 50% OFF PROMO LANDING PAGE */ .mp_checkout_promo50 { width: 600px; margin: 25px auto; min-height: 699px; position: relative; border: 1px solid #ccc; z-index: 1; background: url(//static.mediafire.com/images/backgrounds/signup/signup_bg.jpg) top center no-repeat; border-radius: 6px; } .mp_checkout_promo50 #promo50Button { float:none; display:block; text-align:center; margin:10px auto; font-size:18px; padding: 5px 43px 5px 35px; width:170px; } .mp_checkout_promo50 h1 { font-weight: 400; text-align: center; } .mp_checkout_promo50 h2 { text-align:center; font-size:26px; } .mp_checkout_promo50 h3 { text-align: center; margin-top: 35px; margin-bottom: 5px; font-size: 18px; } .mp_checkout_promo50 .bluepromo { color: #47A9EB; font-weight: 700; } .promoSub { display:inline-block; margin:10px auto; text-align:center; } .promoUpsellList { display:block; margin: 30px auto; width: 425px; font-size: 22px; font-weight: 400; } .promoUpsellList li { padding-left: 30px; background-image: url(//static.mediafire.com/images/promo/check.png); background-repeat: no-repeat; background-position: left center; } .promoLists { margin: 40px auto 10px; background: url(//static.mediafire.com/images/backgrounds/mobileApp/column.png) center top no-repeat; } .promoListHeader { height: 50px; background: #ddd; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; white-space: nowrap; } .promoListHeader span { display: inline-block; width: 299px; text-align: center; padding-top: 15px; height: 35px; } .promoMoreInfo { display: inline-block; width: 298px; margin: 10px auto; } .promoMoreInfo li { padding: 10px 10px 10px 80px; font-size: 12px; background: url(//static.mediafire.com/images/promo/promo-icon-sprite.png) 2px 15px no-repeat; } .promoMoreInfo li.plCustomHead { background-position: 2px -85px; } .promoMoreInfo li.plFileSize { background-position: 2px -185px; } .promoMoreInfo li.plMedia { background-position: 2px -285px; } .promoMoreInfo li.plDocs { background-position: 2px -385px; } .promoMoreInfo li.plSecure { background-position: 2px -485px; } .promoTop { width: 600px; height:235px; border-radius: 6px; cursor: pointer; } .promoBottom { background: #fff; border-top: 1px solid #ccc; } .promoBanner { background: url(//static.mediafire.com/images/promo/promo_banner.png) left center no-repeat; position: absolute; width: 300px; height: 90px; top: 80px; left: -18px; } .promoGraphic { background: url(//static.mediafire.com/images/promo/overstuffed.png) top center no-repeat; width:300px; height:260px; position: absolute; right: 0px; top: -10px; } .promoOverLimit { background: #d34c5c; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin:0px; position:relative; text-align:center; color: #fff; font-weight: 300; font-size: 16px; z-index:2; } .promoOverLimit span { font-weight: 600; } .overLimitIcon { height: 40px; width: 40px; background: #fff; display: inline-block; border-radius: 50%; color: #d34c4c; text-align: center; font-size: 26px; font-weight: 800; margin: 8px; vertical-align: middle; } .overLimitText { display: inline-block; line-height: 18px; vertical-align: middle; margin-right:20px; } .promoTop span{ display:block; } .p50Up { font-size: 32px; font-weight: 700; color: #2f6893; margin: 25px 40px; } .p50Plan { color: #2f6893; font-weight: 700; margin-top: 90px; font-size: 24px; margin-left: 64px; } .p50Exp { margin-left: 45px; font-size: 12px; } .p50Exp.p50Time { margin-left: 100px; } /* SELECT A PLAN ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mp_banner { background: #0a2e47; padding: 30px 0 35px; } #mp_banner div { color: #fff; font-size: 48px; width: 960px; margin: auto; position: relative; font-weight: bold; text-align: center; } #mp_selectplan { height: 175px; position: relative; z-index: 10; background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } #mp_selectplan #mp_selectmessage { float: left; text-align: center; font-size: 24px; font-weight: normal; width: 272px; padding-top: 70px; } #mp_selectplan #mp_selectmessage span { color: #3190D3; } div.mp_plan { float: right; height: 175px; width: 160px; margin-left: 1px; text-align: center; position: relative; top: 0px; line-height: 1.4; z-index: 0; color: #fff; overflow: hidden; background-image: url(//static.mediafire.com/images/backgrounds/signup/noise_overlay.png); } .free_disabled #mp_selectplan #nonmp_free, .personal_disabled #mp_selectplan #mp_personal, .pro_disabled #mp_selectplan #mp_professional, .business_disabled #mp_selectplan #mp_business, .current_free #mp_selectplan #nonmp_free, .current_personal #mp_selectplan #mp_personal, .current_pro #mp_selectplan #mp_professional, .current_business #mp_selectplan #mp_business { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #mp_selectplan div.mp_plan b { color: red; } #mp_selectplan div.mp_plan.last { border-right: 1px solid #fff; -webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; margin-right: -1px; width: 161px; } #mp_selectplan #nonmp_free { background-color: #63C594; } #mp_personal { background-color: #50B1B4; margin-top: -13px; margin-right: 0px; padding-top: 13px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; z-index: 5; } .priceLegend { position: absolute; bottom: 50px; left: 15px; right: 15px; text-align: center; font-size: 11px; line-height: 24px; height: 29px; font-family: Arial, sans-serif; text-shadow: none; } #mp_selectplan #mp_professional { background-color: #2392c3 } #mp_selectplan #mp_business { background-color: #216698; } div.mp_plan > em { position: absolute; top: 0; margin: 0; left: 0; width: 100%; height: 34px; line-height: 34px; font-size: 18px; font-weight: normal; font-style: normal; color: white; cursor: default; text-shadow: 0 -1px 0 rgba(0,0,0,.5); background-color: rgba(0, 0, 0, .25); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1); box-shadow: 0 1px 0 rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(0, 0, 0, .3); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); } #mp_personal > em { border-radius: 6px 6px 0 0; } #mp_business > em { border-radius: 0 6px 0 0; } p.mp_price { text-align: center; position: absolute; width: 100%; font-weight: normal; font-family: 'Open Sans', sans-serif; text-shadow: 0px 1px 1px rgba(0, 0, 0, .3); cursor: default; -webkit-transition: bottom .2s linear; -moz-transition: bottom .2s linear; -ms-transition: bottom .2s linear; -o-transition: bottom .2s linear; transition: bottom .2s linear; bottom: 60px; } .mp_plan:hover p.mp_price { bottom: 63px; } p.mp_price span.dollar { vertical-align: top; font-size: 20px; font-family: Arial, sans-serif; opacity: .75; } p.mp_price span.cents { position: absolute; top: 0; font-size: 20px; opacity: .75; } p.mp_price span.monthly_text { font-size: 64px; line-height: .9; letter-spacing: -2px; font-weight: 700; } span.freq_txt { } div.mp_plan .btn { font-size: 16px; font-weight: bold; padding: 0; position: absolute; bottom: 15px; left: 15px; right: 15px; height: 36px; line-height: 36px; background: -webkit-linear-gradient(top, #fff, #D4D8DB); /*color: white; text-shadow: none;*/ border: none; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0px 0px 1px rgba(0, 0, 0, .15), inset 0 1px 0 0 rgba(255, 255, 255, .75); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0px 0px 1px rgba(0, 0, 0, .15), inset 0 1px 0 0 rgba(255, 255, 255, .75); box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0px 0px 1px rgba(0, 0, 0, .15), inset 0 1px 0 0 rgba(255, 255, 255, .75); } #nonmp_free .btn { color: #499C73; background-color: #ADE1C7; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } #mp_personal .btn { color: #3C8B8B; background-color: #94D1D1; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } #mp_professional .btn { color: #1B7298; background-color: #79C6E7; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } #mp_business .btn { color: #1B5279; background-color: #64ABDD; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } div.feature_popup { float: left; position: relative; margin-left: 10px; } div.mp_comparison_table div.tooltip { bottom: 25px !important; left: 0px; font-weight: normal; z-index: 10; -webkit-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -moz-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -ms-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -o-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; visibility: hidden; padding: 0; border-width: 0; opacity: 0; display: block; width: 0; } div.mp_comparison_table tr:hover div.feature_popup div.tooltip { visibility: visible; border-width: 1px; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; width: 350px; padding: 15px; } div.mp_comparison_table div.tooltip:before { left: 60px !important; } div.mp_comparison_table div.tooltip h4 { padding-left: 0; font-size: 14px !important; margin-bottom: 10px; } .signup-base { position: absolute; bottom: 70px; left: 30px; right: 30px; height: 70px; padding: 0; margin: 0; background-color: white; border-top: 1px dotted #ccc; } .signup-base a, .signup-base input[type="submit"].primary { padding: 0 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; margin: 14px 0px; cursor: pointer; text-transform: none; } .signup-base a.primary.btn, .signup-base input[type=submit].primary { float: right; } .signup-base a.gbtnPrimary { float: left; margin-top: 10px; } .mp_comparison_table .signup-base { padding: 0; height: 85px; } .mp_comparison_table .signup-base a { margin: 0 5px !important; white-space: nowrap; float: none !important; } .btnGlare { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 1; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); -webkit-transition: background-position 0s 0s linear; -moz-transition: background-position 0s 0s linear; -o-transition: background-position 0s 0s linear; -ms-transition: background-position 0s 0s linear; transition: background-position 0s 0s linear; background-position: -110px 0; } .mp_plan:hover .btnGlare { -webkit-transition: background-position .5s .0s linear; -moz-transition: background-position .5s .0s linear; -o-transition: background-position .5s .0s linear; -ms-transition: background-position .5s .0s linear; transition: background-position .5s .0s linear; background-position: 110px 0; } .current_free #nonmp_free .btnGlare, .current_personal #mp_personal .btnGlare, .current_pro #mp_professional .btnGlare, .current_business #mp_business .btnGlare, .free_disabled #nonmp_free .btnGlare, .personal_disabled #mp_personal .btnGlare, .pro_disabled #mp_professional .btnGlare, .business_disabled #mp_business .btnGlare { display: none; } .current_free #mp_selectplan #nonmp_free p.mp_price, .current_personal #mp_selectplan #mp_personal p.mp_price, .current_pro #mp_selectplan #mp_professional p.mp_price, .current_business #mp_selectplan #mp_business p.mp_price, .free_disabled #mp_selectplan #nonmp_free p.mp_price, .personal_disabled #mp_selectplan #mp_personal p.mp_price, .pro_disabled #mp_selectplan #mp_professional p.mp_price, .business_disabled #mp_selectplan #mp_business p.mp_price { bottom: 60px; text-shadow: none; } .select_txt { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all .5s 0s linear; -moz-transition: all .5s 0s linear; -ms-transition: all .5s 0s linear; -o-transition: all .5s 0s linear; transition: all .5s 0s linear; -webkit-box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0); moz-box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0); box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0); } .mp_plan:hover .select_txt { -webkit-box-shadow: inset 0 0 15px 5px rgba(255, 255, 255, .8); -moz-box-shadow: inset 0 0 15px 5px rgba(255, 255, 255, .8); box-shadow: inset 0 0 15px 5px rgba(255, 255, 255, .8); } /* ADD BANDWIDTH WITH CHECKOUT PAGE, SUB-USERS WITH CHECKOUT PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ div#addbandwidth_wrapper { position: relative; width: 1960px; height: 800px; } div#addbandwidth_wrapper div#bandwidth_select { padding: 0; width: 960px; position: absolute; top: 0; left: 0; } div#addbandwidth_wrapper div#go_pro_div, #subuser_wrapper #subuser div#go_pro_div { width:958px; position: absolute; top: 0; left: 1000px; margin-top: 20px; overflow: hidden; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #content .subuserinfo .inset-box { font-size: 12px; text-align: center; margin-bottom: 40px; padding: 10px; float: left; } #content .subuserinfo p { margin-bottom: 40px; } #subuser .subuserinfo > span { float: right; font-weight: bold; line-height: 36px; clear: both; } #subuserform input[type="submit"]{ float: left; margin-bottom: 20px; } #subuser tbody { font-size: 12px; } #subuser thead td, #subuser tbody td { width: 458px; } #subuser thead td+td, #subuser thead td+td+td, #subuser tbody td+td, #subuser tbody td+td+td { width: 100px; } #subuser tbody tr:hover { background: #f4f4f5; } tr .subuser-options .indicator-down { top: 5px; right: 40px; } tr .subuser-options .dropdown:hover ul { display: block; } tr .subuser-options .dropdown, tr .subuser-name .email { display: none; } tr .subuser-options .dropdown > a:hover { text-decoration: none; } tr.subuser-assigned .subuser-options .dropdown, tr.subuser-assigned .subuser-name .email { display: block; } tr.subuser-assigned .subuser-options > a, tr.subuser-assigned span.nouser { display: none; } .subuser-deleteseat a { position: relative; } tr.subuser-assigned .subuser-deleteseat a { color: #aaa; cursor: default; } tr.subuser-assigned .subuser-deleteseat a:hover { text-decoration: none; } tr .subuser-deleteseat .tooltip { text-align: left; } tr.subuser-assigned .subuser-deleteseat a:hover .tooltip { display: block; } /* temp fix, uses popup variant that doesn't center on view if scrolled -gabe 1/10/17 */ #confirm-manage-users { position: fixed; top: 50%; margin-top: -110px; } #managebox-user > span { text-transform: uppercase; font-size: 12px; margin-bottom: 20px; display: block; } #managebox-user input[type="text"], #managebox-user input[type="password"] { width: 100%; } #managebox-user li { padding-bottom: 30px; } #managebox-user .pwdStrength { padding-top: 10px; width: 180px; opacity: 1; } #managebox-user .subuser-email div, #managebox-user .subuser-pwd label span { display: none; } #managebox-user.changepwd .subuser-email input, #managebox-user.changepwd .subuser-confirmemail { display: none; } #managebox-user.changepwd .subuser-email div { display: block; } #managebox-user.changepwd .subuser-pwd label span { display: inline; } .share-popup-btns input, .share-popup-btns a { float: right; margin: 0 0 0 10px; } .popup.avatar-uploader { width: 400px; height: 220px; top: 50%; left: 50%; margin: -100px 0 0 -200px; } /*#bandwidthoptions_popup { overflow: auto; }*/ #suggested_plan { font-weight: bold; font-size: 14px; border-radius: 4px; padding: 15px; clear: both; text-align: center; color: white; background-color: #222835; background-color: var(--mf-gray2); margin: 0 10px 15px 0; } .BWpackageComparison { text-align: center; } #content .BWpackageComparison h3 { line-height: 1.2; margin-bottom: 0; } .BWpackageComparison em { font-style: normal; color: #629721; } .BWpackageComparison span { font-size: 24px; display: block; padding: 15px 0; } .BWpackageComparison td { padding: 15px; } .BWpackageComparison .gbtnTertiary { float: none; display: block; margin: 0; } /* SIGNUP TRUNCATED TOP ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .signup #titlebar { position: absolute; top: 49px; left: 0; right: 0; height: 100px; } .signup #titlebar .title { padding: 22px 25px 20px 0px; } /* GETTING STARTED ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #get-started { padding: 60px 0 0; margin-bottom: 70px; border-bottom: 2px solid #f4f4f5; } #get-started h1 { font-weight: 300; text-align: center; padding: 0 30px; margin-bottom: 30px; } #get-started ul { padding: 0; border: none; text-align: center; font-size: 0; height: auto; border-bottom: 2px solid #f4f4f5; } #get-started ul li { font-size: 12px; cursor: pointer; float: none; display: inline-block; padding: 20px 50px; text-transform: uppercase; font-weight: 600; } #get-started ul li:hover { color: #0045AD; color: var(--mf-blue3); box-shadow: 0 2px 0 0 #0045AD; box-shadow: 0 2px 0 0 var(--mf-blue3); } #get-started ul li.current, #get-started ul li.current:hover { color: #0070F0; color: var(--mf-blue4); box-shadow: 0 2px 0 0 #0070F0; box-shadow: 0 2px 0 0 var(--mf-blue4); cursor: default; } #get-started ul li a { padding: 0; border: none; border-radius: 4px; background: none; color: unset; height: auto; } #get-started > div { border: none; padding: 50px 0 32px; font-size: 0; text-align: center; } #get-started > div > div { display: inline-block; text-align: left; margin: 0 15px; vertical-align: top; } #get-started > div > div:first-child { margin-left: 0; } #get-started > div > div:last-child { margin-right: 0; } #get-started .screenshot-example { box-shadow: inset 0 0 0 2px rgba(0,0,0,.08); position: relative; } #get-started h2 { font-size: 18px; margin-bottom: 18px; color: black; } #get-started p { margin-bottom: 18px; font-size: 14px; } #get-started .threecol-1-1-1 > div { width: 298px; } #get-started .threecol-1-1-1 .screenshot-example { height: 200px; margin-bottom: 30px; } #get-started .threecol-1-2 > div:first-child { width: 298px; } #get-started .threecol-1-2 .screenshot-example { width: 630px; height: 342px; margin-bottom: 18px; } #get-started-3 { } #get-started-4 { } #get-started-5 { } #upload-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/start_uploading.png) center / cover no-repeat; } #bulkdownload-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/bulk_download.png) center / cover no-repeat; } #directdownload-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/direct_downloads.png) center / cover no-repeat; } #myaccount-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/settings.png) center / cover no-repeat; } #avatar-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/custom_avatar.jpg) center/ cover no-repeat; } #header-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/custom_header.png) center / cover no-repeat; } #logo-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/custom_logo.png) center / cover no-repeat; } #premiumsupport-example { background: url(//static.mediafire.com/images/backgrounds/checkout/getting-started/premium_support.png) center / cover no-repeat; } #viewinvoicetoggle { right: 0px; top: 20px; position: absolute; z-index: 5; font-weight: 600; text-transform: uppercase; font-size: 11px; } #get-started-button { float: none; margin: 0 auto 70px; text-align: center; padding: 10px; font-size: 16px; width: 400px; display: block; } /* Responsive adjustments for "Getting Started" ========================================================================== */ @media (max-width: 960px) { #viewinvoicetoggle { right: 20px; } #get-started { border: none; padding-top: 90px; } #get-started h1 { margin-bottom: 70px; } #get-started ul { display: none; } #get-started > div { display: block; padding: 0; } #get-started.tabs > div > div { display: block; margin: 0 auto 100px; } #get-started .threecol-1-2 .screenshot-example { display: none; } #get-started-button { width: 298px; padding-left: 0; padding-right: 0; } } /* ========================================================================== /upgrade/confirmation.php, invoice view ========================================================================== */ .invoice_container { display: none; padding: 70px 0; box-sizing: border-box; } .invoice_heading { display: none; } .invoice_subheading { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .invoice_subheading p, .invoice_subheading a { margin-top: 10px; margin-bottom: 10px; } .invoice_subheading p { margin-right: auto; padding-right: 20px; } .invoice_subheading a { display: block; } .invoice_details { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 70px; } .invoice_table { border-collapse: collapse; margin-bottom: 40px; } .invoice_table th, .invoice_table td { border: 1px solid #DBDCDF; border: 1px solid var(--mf-gray9); padding: 6px 10px; font-size: 14px; } .invoice_table thead th:not(:first-child), .invoice_table tbody td { text-align: center; } .invoice_table tbody th { font-weight: normal; } .invoice_payment { margin-left: auto; background-color: #FFF5D7; background-color: var(--mf-gold7); border: 1px solid hsla(221, 22%, 17%,.15); min-width: 306px; } .invoice_payment li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .invoice_payment li:not(:last-child) { border-bottom: 1px solid hsla(221, 22%, 17%,.15); } .invoice_payment b, .invoice_payment span { padding: 6px 20px; } .invoice_payment li:last-child span { background-color: #222835; background-color: var(--mf-gray2); color: #fff; font-weight: bold; } .invoice_container.printinvoice .invoice_heading > a, .invoice_container.printinvoice .invoice_subheading > a { display: none; } .invoice_info { display: -ms-flexbox; display: flex; } .invoice_thanks { margin-right: 40px; } .invoice_acctinfo { width: 306px; -ms-flex-negative: 0; flex-shrink: 0; } .invoice_acctinfo p { margin-bottom: 1rem; } .invoice_acctinfo p b { display: block; } @media (max-width: 960px) { .invoice_container { padding-left: 30px; padding-right: 30px; } .invoice_info { -ms-flex-wrap: wrap; flex-wrap: wrap; } .invoice_thanks { margin-right: 0; } .invoice_acctinfo { width: auto; -ms-flex-negative: 1; flex-shrink: 1; } } @media (max-width: 768px) { .invoice_table, .invoice_table thead, .invoice_table tbody, .invoice_table th, .invoice_table td, .invoice_table tr { display: block; } .invoice_table { padding: 0; border-bottom: 1px solid #DBDCDF; border-bottom: 1px solid var(--mf-gray9); } .invoice_table thead tr { position: absolute; top: -9999px; left: -9999px; } .invoice_table tbody th, .invoice_table td { border-bottom: 0; text-align: left !important; position: relative; padding-left: 50%; } .invoice_table tbody th:before, .invoice_table td:before { position: absolute; top: 6px; left: 10px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; } .invoice_table tbody th:before { content: 'Description:'; } .invoice_table td:nth-of-type(1):before { content: 'Payment:'; } .invoice_table td:nth-of-type(2):before { content: 'Date:'; } .invoice_table td:nth-of-type(3):before { content: 'Price:'; } } @media (max-width: 576px) { .invoice_payment { min-width: auto; width: 100%; } .invoice_payment b, .invoice_payment span { padding-left: 10px; padding-right: 10px; } } /* ========================================================================== .mp_signupform - moving here to separate from signup/checkout pages (improperly used in too many areas on the site) - gabe 8/2/2018 ========================================================================== */ .mp_signupform fieldset { margin: 0 auto; padding: 0; width: 338px; } .mp_signupform fieldset > div { position: relative; width: auto; margin-bottom: 30px; } .mp_signupform fieldset label span { font-weight: normal; } .mp_signupform input[type="submit"] { margin: 10px 0 0 0; padding-left: 10px; } .mp_signupform fieldset input.input-static, .mp_signupform fieldset input[readonly="readonly"] { font-size: 14px; border: 1px solid #E8E9EC; color: #B2B7C4; line-height: 30px; height: 30px; border-width: 0 0 1px 0; } .mp_signupform fieldset input.input-static:focus, .mp_signupform fieldset input[readonly="readonly"]:focus { box-shadow: none !important; } .mp_signupform .pwdStrength { position: absolute; left: 100%; top: 6px; margin-left: 9px; } /* ========================================================================== Signup and checkout forms (updated Oct. 2016) ========================================================================== */ /* Display a simplified header for signup and checkout ========================================================================== */ /*hide the header, show signup header*/ .signUpRegister #header, .checkOut #header, .changePlan #header { display: none; } .signUpRegister #content_container, .changePlan #content_container { padding-bottom: 140px; } .checkOut #content_container { padding-bottom: 90px; } #signupHeader { background: #fff; margin-bottom: 40px; } #signupHeader .wrap { display: flex; position: relative; height: 70px; border-bottom: 1px solid #E8E9EC; background: #fff; } @media (max-width: 1000px) { #signupHeader .wrap { width: auto; padding: 0 20px; } } #signupHeader #signupLogo { margin-right: auto; height: 70px; width: 200px; background: url(//static.mediafire.com/images/backgrounds/header/mf_logo_full_color.svg) 0 21px / 180px auto no-repeat; } @media (max-width: 350px) { #signupHeader #signupLogo { width: 48px; } } #sealVerisign { background-position: -212px 0; } .ProgressTracker { position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; display: flex; align-items: center; } @media (max-width: 900px) { .ProgressTracker { display: none; } } .ProgressTracker ol { display: flex; width: 100%; } /* Base style for step */ .ProgressTracker li { width: 140px; text-align: center; font-size: 11px; padding: 15px 10px 0; box-sizing: border-box; background: url(//static.mediafire.com/images/icons/svg_dark/circle_step.svg) center top no-repeat; position: relative; } /* Current step */ .ProgressTracker li.is-active { font-weight: bold; background-image: url(//static.mediafire.com/images/icons/svg_dark/circle_step_current.svg); } /* Completed steps */ .ProgressTracker li.is-complete { background-image: url(//static.mediafire.com/images/icons/svg_dark/circle_step_complete.svg); } /* Line segments used to connect steps */ .ProgressTracker li:not(:first-child):after { content: ''; position: absolute; height: 2px; top: 6px; left: -50%; right: 50%; background-color: #E9EAEB; background-color: var(--mf-gray10); z-index: -1; } .ProgressTracker li.is-active:after, .ProgressTracker li.is-complete:after { background-color: #3C6; background-color: var(--mf-green4); } /* Language dropdown */ @media (max-width: 500px) { div#goog-header-translate > div { width: 70px; } div#goog-header-translate .goog-te-combo { text-indent: 60px; width: 60px; } } /* Signup - /upgrade/registration.php ========================================================================== */ .SignupLayout #checkout_page_show:not(.hide) { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 850px) { .SignupLayout #checkout_page_show:not(.hide) { display: block; } } .SignupLayout #checkout_page_show > div:first-child { -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 900px) { .SignupLayout #checkout_page_show > div:first-child h1 { position: static; width: auto; height: auto; overflow: auto; clip: auto; white-space: normal; } } .SignupForm fieldset, .SignupForm-section { width: 330px; min-width: 0; margin: 0 auto; } @media (max-width: 400px) { .SignupForm fieldset, .SignupForm-section { width: auto; } } .SignupForm-firstNameField input, .SignupForm-lastNameField input, .SignupForm-emailField input, .SignupForm-passwordField input, .SignupForm-companyField input, .SignupForm-displayNameField input { width: 100%; padding-right: 30px !important; } .SignupForm-subdomainLayout { display: flex; flex-wrap: wrap; align-items: center; } .SignupForm-subdomainLayout input[type="text"].Form-input, .SignupForm-subdomainLayout input[type="text"].FloatingLabel-input { -ms-flex-positive: 1; flex-grow: 1; border-radius: 4px 0 0 0 !important; } @media (max-width: 400px) { .SignupForm-subdomainLayout input[type="text"].Form-input, .SignupForm-subdomainLayout input[type="text"].FloatingLabel-input { width: 100%; } } .SignupForm-subdomainLayout .prepend, .SignupForm-subdomainLayout .append { line-height: normal; box-shadow: inset 0 0 0 1px #E9EAEB; box-shadow: inset 0 0 0 1px var(--mf-gray10); padding: .5rem; } .SignupForm-subdomainLayout .prepend{ border-radius: 4px 0 0 4px; } .SignupForm-subdomainLayout .append { border-radius: 0 4px 4px 0; width: 106px; text-align: center; } @media (max-width: 400px) { .SignupForm-subdomainLayout .append { margin-top: 1px; } } .SignupForm-subdomainLayout .FloatingLabel-label { padding-right: 126px; box-sizing: border-box; width: 100%; } @media (max-width: 400px) { .SignupForm-subdomainLayout .FloatingLabel-label { padding-right: 0; } .SignupForm-subdomainLayout .FloatingLabel-label span { transform: translate3d(-.5rem, -6.4rem, 0) scale3d(0.86, 0.86, 1) !important; } } .SignupForm-subdomainLayout .Form-inputErrorText { width: 100% } .SignupForm-subdomainLayout .toggletip-container { position: absolute; right: -25px; top: 8px; } @media (max-width: 960px) { .SignupForm-subdomainLayout .toggletip-container { position: relative; margin-left: auto; margin-top: 10px; right: auto; top: auto; width: 100%; justify-content: flex-end; } .SignupForm-subdomainLayout .helpIcon + span .toggletip-bubble { top: 100%; bottom: auto; left: auto; right: 0; margin-right: -18px; margin-left: 0; margin-top: 10px; } .SignupForm-subdomainLayout .helpIcon + span .toggletip-bubble:after { top: auto; bottom: 100%; left: auto; right: 20px; border-width: 0 8px 8px; } } .SignupForm-passwordField .pwdStrength { position: absolute; left: 100%; top: 0; margin-left: 10px; } @media (max-width: 960px) { .SignupForm-passwordField .pwdStrength { position: static; margin-left: 0; margin-top: 10px; } } .SignupForm-questionWhyField select { width: 100%; background-color: hsla(240, 5%, 96%, .8); border-radius: 4px 4px 0 0 !important; height: auto; line-height: normal; padding-top: .5rem; padding-bottom: .5rem; padding-left: .5rem; margin: 0; } .SignupForm-questionUseField > div > div { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .SignupForm-questionUseField > div > div input { margin-right: 6px; } #signUpTOS { height: 120px; margin-bottom: 5px; overflow: auto; font-size: 11px !important; line-height: 15px; padding: 15px; background: #f4f4f5; background: var(--mf-gray11); box-sizing: border-box; } #signUpTOS h1, #signUpTOS h2, #signUpTOS h3, #signUpTOS h4, #signUpTOS h5, #signUpTOS h6, #signUpTOS p { font-size: 11px !important; margin-bottom: 15px; } #signUpTOS a { word-break: break-word; color: #0045AD; color: var(--mf-blue3); text-decoration: underline; } #signUpTOS h1 ~ h1 { padding-top: 20px; border-top: 2px solid #e8e9ec; margin-top: 20px; } #verify_tos label { display: inline-block; position: relative; font-size: 12px; font-weight: bold; padding: 6px 0 0 20px; } #verify_tos input { position: absolute; left: 0; top: 10px; margin: 0; } #recaptchaDiv { position: relative; } #signup_continue { float: none; width: 330px; height: 50px; margin-right: auto; margin-left: auto; line-height: 50px; display: block; } @media (max-width: 400px ) { #signup_continue { width: 100%; } } /* Invisible iframe on registration page */ #mp_registration_iframe { position: absolute; } /* Checkout - /upgrade/checkout.php ========================================================================== */ .CheckoutForm { max-width: 600px; box-sizing: border-box; } .CheckoutForm fieldset { min-width: 0; } /* Make space for validation icon */ .CheckoutForm input[type="text"] { padding-right: 30px; } /* Billing info layout */ .CheckoutForm-layout { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .CheckoutForm-layout > div { box-sizing: border-box; min-width: 0; } /* Compan name field */ .CheckoutForm-companyField { flex-basis: 100%; } /* First and last name fields */ .CheckoutForm-firstNameField, .CheckoutForm-lastNameField { flex-basis: 50%; } /* Address field */ .CheckoutForm-addressField { flex-basis: 100%; } /* City field */ .CheckoutForm-cityField { flex-basis: 100%; } /* Country field */ .CheckoutForm-countryField { flex-basis: 50%; } /* State field */ .CheckoutForm-stateField { flex-basis: 25%; } /* ZIP field */ .CheckoutForm-zipField { flex-basis: 25%; } /* Region and post code fields ( non-US ) */ .CheckoutForm-regionField { flex-basis: 50%; } .CheckoutForm-postalCodeField { flex-basis: 50%; } /* ZIP/Postal Code field - when not showing address fields */ .CheckoutForm-zipPostalField { flex-basis: 50%; } /* Saved card dropdown + credit card icons */ .CheckoutForm-paymentMethod { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc_sprite { display: -ms-flexbox; display: flex; } .cc_sprite > li { margin-right: 5px; height: 19px; width: 30px; background: url(//static.mediafire.com/images/icons/svg_dark/credit_card_sprite_color.svg) 0 0 no-repeat; } .cc_sprite > li:last-child { margin-right: 0; } .cc_sprite > .visa { background-position: 0 0; } .cc_sprite > .mastercard { background-position: 0 -30px; } .cc_sprite > .amex { background-position: 0 -60px; } .cc_sprite > .discover { background-position: 0 -90px; } .cc_sprite.detected_visa .visa, .cc_sprite.detected_mastercard .mastercard, .cc_sprite.detected_amex .amex, .cc_sprite.detected_discover .discover { -webkit-box-shadow: inset 0 0 0 1px #000, 0 0 6px 2px #24A4FF; -moz-box-shadow: inset 0 0 0 1px #000, 0 0 6px 2px #24A4FF; box-shadow: inset 0 0 0 1px #000, 0 0 6px 2px #24A4FF; position: relative; z-index: 1; margin-top: -3px; } /* Credit card info */ .CheckoutForm-cardInfo { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .CheckoutForm-cardInfo > div { box-sizing: border-box; } /* Card number */ .CheckoutForm-cardNumberField { flex-basis: 50%; } /* Credit card expiration date */ .CheckoutForm-expirationDate > div:first-child { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } /* Card security code */ .CheckoutForm-cvcField input { width: 47px; } .CheckoutForm-cvcField .toggletip-container { position: absolute; top: 8px; left: 55px; } .CheckoutForm-cvcField .toggletip-bubble { padding-top: 332px; background-image: url(//static.mediafire.com/images/backgrounds/checkout/cvc_examples.png); background-position: center 12px; background-repeat: no-repeat; z-index: 2; } /* Saved card number field, readonly */ .CheckoutForm-savedCardField { flex-basis: 50%; } /* Trial plan acknowledgement */ .CheckoutForm-trialAcknowledgement { display: none; } .CheckoutForm-trialAcknowledgement input { margin-right: 7px; } .CheckoutForm-trialPlan .CheckoutForm-billingPeriodText { display: none; } .CheckoutForm-trialPlan .CheckoutForm-trialAcknowledgement { display: block; } /* Checkout summary box */ .checkout_summary { margin: 0 auto; background: hsl(46, 95%, 89%); border-radius: 5px; padding: 20px 30px; } .checkout_summary > div { margin: 0 auto; } .checkout_summary > div.summary_breakdown li { overflow: auto; padding: 8px 0; border-top: 1px dotted #E9CB9B; } .checkout_summary > div.summary_breakdown li span { float: left; } .checkout_summary > div.summary_breakdown li em { float: right; text-align: right; font-style: normal; } .checkout_summary > div.summary_breakdown li.breakdown-total, .checkout_summary > div.summary_breakdown li.breakdown-subtotal { font-weight: bold; border-top: 1px dotted #E9CB9B; } .checkout_summary > div.summary_breakdown li.breakdown-total { border-top: 2px solid #E9CB9B; } #checkout-input { width: 300px; font-size: 16px; float: none; margin: 3rem auto; display: block; height: 50px; } #checkoutTimer { display: none; width: 300px; background: #eee url(/images/icons/ajax-loader-sm-round.gif) 20px center no-repeat; border-radius: 3px; font-size: 12px; margin: 3rem auto; padding: 10px 10px 10px 50px; box-sizing: border-box; } #checkoutTimer span { font-weight: bold; } #checkoutSeals { margin: 0 auto 3rem; text-align: center; font-size: 0; } /* Modify <select> elements to match .FloatingLabel inputs */ .CheckoutForm-countryField select, .CheckoutForm-stateField select, .CheckoutForm-savedCardSelect select, .CheckoutForm-expirationDate select { background-color: hsla(240, 5%, 96%, .8); border-radius: 4px 4px 0 0 !important; height: auto; line-height: normal; padding-top: .5rem; padding-bottom: .5rem; padding-left: .5rem; margin: 0; } /* Media queries */ @media (max-width: 960px) { .CheckoutForm { margin: 0 auto; } .CheckoutForm-cvcField .toggletip-bubble { position: fixed; bottom: auto; left: auto; top: 10px; right: 10px; margin: 0 !important; background-size: 200px; padding-top: 262px; width: 230px; } .CheckoutForm-cvcField .toggletip-bubble:after { visibility: hidden; } } @media (max-width: 700px) { .checkOut #modal_window_popup { top: 0 !important; position: fixed; left: 0 !important; width: 100% !important; height: 100% !important; border-radius: 0; } .checkOut .modalMsgWrapper, .checkOut #modal_msg_iframe { height: 100% !important; width: 100% !important; } } @media (max-width: 660px) { .CheckoutForm-firstNameField, .CheckoutForm-lastNameField, .CheckoutForm-countryField, .CheckoutForm-regionField, .CheckoutForm-cardNumberField, .CheckoutForm-savedCardField { flex-basis: 100%; } .CheckoutForm-stateField, .CheckoutForm-zipField, .CheckoutForm-postalCodeField, .CheckoutForm-zipPostalField { flex-basis: auto; } } @media (max-width: 450px) { .CheckoutForm-stateField, .CheckoutForm-zipField, .CheckoutForm-postalCodeField, .CheckoutForm-zipPostalField, .CheckoutForm-savedCardSelect { flex-basis: 100%; } .CheckoutForm-savedCardSelect { flex-basis: 100%; -ms-flex-order: 1; order: 1; } .CheckoutForm-billingPeriodText, .CheckoutForm-trialAcknowledgement, .checkout_summary { font-size: 13px; } #checkout-input { width: 100%; } #checkoutTimer { width: auto; } #checkoutTimer br { display: none } } @media (max-width: 960px) and (max-height: 480px) { .CheckoutForm-cvcField .toggletip-bubble { background-image: none; padding-top: 12px; } } /* Benefits reminder box (selected plan) ========================================================================== */ .BenefitsReminder { width: 300px; } .CheckoutLayout .BenefitsReminder { float: right; } .BenefitsReminder-intro { display: block; text-align: center; margin: 0 0 15px; font-style: normal; font-weight: bold; text-transform: uppercase; font-size: 12px; } .BenefitsReminder-content { text-align: center; background: #fff; box-shadow: 0 4px 18px 1px rgb(0 0 0 / 7%), 0 16px 16px -12px rgb(0 0 0 / 7%), 0 0 0 1px rgb(0 0 0 / 3%); border-radius: 8px; } .BenefitsReminder-plan { padding: 30px; border-bottom: 2px solid #f4f4f5; } .BenefitsReminder-planHeading { margin-bottom: 10px; font-size: 1.15rem; } .BenefitsReminder-currency { font-size: 24px; font-weight: bold; vertical-align: top; } .BenefitsReminder-amount { font-size: 80px; font-weight: 800; line-height: 1; } .BenefitsReminder-frequency { font-size: 18px; font-weight: bold; margin-left: 4px; display: inline-block; } .BenefitsReminder-plan a { font-size: 12px; color: #888d9c; } .BenefitsReminder-features { padding: 30px; } .BenefitsReminder-featuresHeading { text-transform: uppercase; font-weight: normal; font-size: .85rem; letter-spacing: 3px; margin-bottom: 20px; } .BenefitsReminder-features ul { text-align: left; font-size: 13px; } .BenefitsReminder-features li { padding: 15px 0 15px 65px; min-height: 70px; background-position: -14px -5px; background-repeat: no-repeat; box-sizing: border-box; } .BenefitsReminder-bgDirectDL { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/direct_downloads.svg); } .BenefitsReminder-bgBulkDL { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/bulk_downloads.svg); } .BenefitsReminder-bgFastDL { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/fast_downloads.svg); } .BenefitsReminder-bgSupport { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/support.svg); } .BenefitsReminder-bgStorageSafe { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/storage_safe.svg); } .BenefitsReminder-bgOneTimeLinks { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/one_time_links.svg); } .BenefitsReminder-bgFiledrop { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/filedrop.svg); } .BenefitsReminder-bgLogs { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/logs.svg); } .BenefitsReminder-bgAddUsers { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/add_users.svg); } .BenefitsReminder-bgCustomize { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/customize.svg); } .BenefitsReminder-bgPasswordProtected { background-image: url(//static.mediafire.com/images/backgrounds/checkout/benefits_reminder/password_protected.svg); } /* Media queries */ @media (max-width: 960px) { .CheckoutLayout .BenefitsReminder { float: none; width: auto; max-width: 610px; margin: 0 auto 40px; } .CheckoutLayout .BenefitsReminder-features li { width: 49%; display: inline-block; vertical-align: top; } } @media (max-width: 900px) { #checkout_page_show > h1.sr-only { position: static; width: auto; height: auto; overflow: auto; clip: auto; white-space: normal; } .CheckoutLayout .BenefitsReminder-intro { display: none; } } @media (max-width: 850px) { .SignupLayout { display: block; } .SignupLayout .BenefitsReminder { width: 330px; margin: 0 auto; } } @media (max-width: 650px) { .BenefitsReminder-amount { font-size: 60px; } .CheckoutLayout .BenefitsReminder-plan { padding: 20px; } .CheckoutLayout .BenefitsReminder-features ul { font-size: 12px; display: inline-block; } .CheckoutLayout .BenefitsReminder-features li { display: block; width: auto; background-position: 0 center; background-size: 64px; padding-left: 70px; min-height: 50px; } } @media (max-width: 400px) { .SignupLayout .BenefitsReminder { width: auto; } } /* ========================================================================== Change plan form and info (updated Oct. 2016) ========================================================================== */ .changePlan .upgrade_subdomain, .changePlan .signup_complete_msg, .changePlan .changePlanComplete, .changePlan .change_plan_error { padding: 0 20px; } .ChangePlanForm-message { font-size: 16px; font-weight: normal; text-align: center; max-width: 530px; margin: 0 auto 40px; } .ChangePlanForm-message em { color: #0070F0; color: var(--mf-blue4); font-style: normal; font-weight: bold; } .ChangePlanForm-message span { font-weight: bold } #upgrade_subdomain_form.ChangePlanForm fieldset { width: auto; max-width: 400px; margin: 0 auto 30px; } .ChangePlanForm input[type="text"] { width: 100%; } .ChangePlanForm .ChangePlanForm-subdomainField input[type="text"] { width: auto; } .ChangePlanForm-callouts { overflow: auto; background: #f4f4f5; max-width: 530px; margin: 0 auto 40px; padding: 30px; box-sizing: border-box; } .changePlanInfo > p { margin-bottom: 30px; text-align: center; font-size: 13px; font-weight: bold; padding: 0 20px; } .changePlanInfo > p a { white-space: nowrap; } .changePlanCO { float: left; width: 226px; height: 105px; background: #deecfa; font-size: 18px; font-weight: bold; color: #163d63; border-radius: 6px; box-shadow: inset 0 0 0 1px #d2deeb; text-align: center; } .changePlanCO h2 { height: 32px; line-height: 32px; font-size: 14px; color: #fff; text-align: center; background-color: #0070F0; background-color: var(--mf-blue4); border-radius: 6px 6px 0 0; } .changePlanCO .changePlanDetail { font-size: 12px; font-weight: normal; margin-top: -4px; } .changePlanCO p { margin-top: 20px; } .changePlanLogout { max-width: 530px; margin: 0 auto; clear: both; font-size: 12px; font-style: italic; text-align: center; } .changePlanLogout a { white-space: nowrap; } .ChangePlanForm-buttons { max-width: 530px; margin: 40px auto 0; position: relative; } .changePlanComplete { display: none; text-align: center; position: relative; } .changePlanComplete a.gbtnTertiary { width: 250px; height: 40px; padding: 0 10px 0 0; line-height: 40px; font-size: 16px; margin: 0 5px; float: none; display: inline-block; font-size: 12px; } @media (max-width: 700px) { .changePlanComplete a.gbtnTertiary { display: block; width: auto; margin-bottom: 20px; height: 44px; line-height: 44px; } .changePlanCO { float: none; width: auto; margin-right: 0 !important; margin-bottom: 20px; } .changePlanCO:last-child { margin-bottom: 0; } } @media (max-width: 550px) { .ChangePlanForm-buttons input, .ChangePlanForm-buttons a { float: none !important; display: block; width: 100%; height: 44px !important; line-height: 44px !important; box-sizing: border-box; margin-bottom: 20px !important; text-align: center; } .ChangePlanForm-buttons .tooltip { position: static; width: 100% !important; display: block; box-sizing: border-box; margin: 0 0 20px !important; background: hsl(46, 95%, 89%); } .ChangePlanForm-buttons .tooltip:before, .ChangePlanForm-buttons .tooltip:after { display: none; } } /* ========================================================================== My Account session expired, log in. (small updates on 10/24/16, needs cleanup -gabe) ========================================================================== */ .login-wrap #login_email, .login-wrap #login_pass { width: 380px; } .login-inside { width: 382px; background: url(//static.mediafire.com/images/validate_session.png) no-repeat left top; padding: 42px 0px 100px 380px; margin: 10px 0px 0px 86px; } .login-username { margin-bottom: 10px; } .login-username .recognized-email { color: #0070F0; color: var(--mf-blue4); font: normal normal normal 24px/24px 'Arial',sans-serif; display: block; margin-bottom: 6px; text-decoration: none; } /* ========================================================================== My Account, miscellaneous styles. (small updates on 10/24/16, needs cleanup -gabe) ========================================================================== */ #account-change-buttons { margin-top: 70px; font-size: 0; display: inline-block; } #account-change-buttons h3 { border-top: 2px solid #E8E9EC; padding-top: 20px; } #account-change-buttons a { float: none; display: inline-block; width: 190px; text-align: center; } #account-change-buttons a:last-child { margin: 0; } #content #form_account ul { padding: 0 0 40px; } #form_account li { overflow: visible; clear: both; position: relative; } #form_account span.label { display: block; font-weight: bold; font-size: 14px; } #form_account input[type="text"], #form_account input[type="password"] { width: 400px; float: left; margin-bottom: 30px; } #form_account select { margin-right: 10px; margin-bottom: 20px; margin: 0 10px 30px 0; } .myaccount #content h3 { font-size: 24px; } .AccountForm-emailValidateButton { position: absolute; left: 415px; padding: 0 10px; font-size: 12px; top: 34px; height: 16px; line-height: 16px; } .myaccount .pwdStrength { width: 150px; position: absolute; top: 25px; left: 415px; } .gbtnTertiary.AccountForm-saveButton { width: 300px; text-align: center; float: none; display: block; padding: 0; height: 45px; line-height: 45px; font-size: 14px; } /* Make table in myaccount > overview less squished, adjust "upgrade" td -gabe 03/10/17 */ .myaccount .account_header_table td > div > div { font-size: 12px; padding: 5px; } .myaccount .account_header_table .lg-txt { font-size: 18px; padding: 10px 5px 5px; } .AccountOverview-upgradeColumn .gbtnSecondary { float: none; display: inline-block; margin: 0; height: 30px; line-height: 30px; } .AccountOverview-upgradeColumn { background: #f4f4f5; } .AccountOverview-upgradeColumn div div { font-style: italic; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MY APPLICATIONS PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ form.app_signup_form { display: block; width: 330px; padding: 0; } form.app_signup_form label { font-weight: bold; } form.app_signup_form input { margin-bottom: 10px; } form.app_signup_form input[type=submit] { font-weight: bold; padding: 0px 38px; margin: 0 -17px 30px 0; width: auto; float: right; cursor: pointer; } div.app_signup_info { display: block; padding: 0 0 10px; width: 340px; display: none; } div.dev_info_title { margin-bottom: 10px; font-weight: bold; border-bottom: 1px dotted #ccc; } div.dev_info_title span { float: left; padding: 6px; padding-left: 0; } div.dev_info_title a { float: right; padding: 2px 10px; font-size: 12px; } div.app_signup_info ul { line-height: 18px; } div.app_signup_info li span { color: #3190D3; } div.app_table_outer { display: none; } table.app_table { margin: 0 0 20px 0; } table.app_table a.row_delete { padding: 0; height: 16px; width: 16px; } table.app_table a.row_edit { display: inline-block; height: 16px; width: 16px; background: url(//static.mediafire.com/images/icons/page_white_edit.png) center no-repeat; } table.app_table .col_centered { text-align: center; } div.create_newapp { padding: 0 0 20px; display: none; } div.create_newapp input { float: left; width: 438px; margin: 0; } div.create_newapp input[type="submit"] { float: right; font-weight: bold; font-size: 14px; padding: 0 !important; margin: 0; width: 219px; height: 38px; line-height: 38px; text-align: center; position: relative; cursor: pointer; } div.create_newapp label { display: none; margin-bottom: 5px; font-weight: bold; } span.dev_editinfo_msg { display: none; } div.developer_signedup div.app_signup_info, div.developer_signedup div.create_newapp, div.application_created div.app_table_outer { display: block; } div.developer_signedup div.app_signup { display: none; } div.developer_editinfo div.app_signup, div.developer_editinfo span.dev_editinfo_msg { display: block !important; } div.developer_editinfo div.app_signup_info, div.developer_editinfo div.app_table_outer, div.developer_editinfo div.create_newapp { display: none !important; } div.developer_editinfo p.myacct_content_txt span { display: none; } div.developer_editinfo p.myacct_content_txt span.dev_editinfo_msg { display: inline; } a.dev_editinfo_cancel { display: none; float: right; margin-right: 10px; padding: 5px 20px; font-weight: bold; } div.developer_editinfo a.dev_editinfo_cancel { display: block; padding: 0px 35px 0 29px; } /* ========================================================================== Download errors ========================================================================== */ .error-download { padding: 70px 0 65px 360px; height: 100px; background: url(//static.mediafire.com/images/error/oops.png) no-repeat; } .reload-timer { padding: 18px 148px 18px 15px; background: url(//static.mediafire.com/images/error/reload-timer.png) no-repeat; float: left; margin-right: 20px; height: 45px; width: 50px; color: white; text-shadow: 0px 1px 2px black; font-size: 40px; font-weight: bold; text-align: center; } p.error-title { font-size: 30px; line-height: 36px; font-weight: bold; color: #03497A; margin-bottom: 15px; } p.error-msg { line-height: 1.7; font-size: 14px; margin: 22px 0px 15px 0px; } /* ========================================================================== Download repair ========================================================================== */ .DownloadRepair { width: 530px; margin: 180px auto; padding: 30px; overflow: auto; box-sizing: border-box; background: #f4f4f5; } .DownloadRepair-errorMessage { background: url(//static.mediafire.com/images/backgrounds/download/download_status/download_error.svg) 0 0 no-repeat; } .DownloadRepair-generateKeyMessage { background: url(//static.mediafire.com/images/backgrounds/download/download_status/download_new_key.svg) 0 0 no-repeat; } .DownloadRepair-title { color: #0070F0; color: var(--mf-blue4); font-size: 20px; font-weight: normal; padding-bottom: 20px; } .DownloadRepair p { padding-bottom: 30px; } .DownloadRepair-instructionText { display: none; } .gbtnTertiary.DownloadRepair-continue { display: none; float: none !important; min-width: 150px; text-align: center; margin-bottom: 30px; } .gbtnPrimary.DownloadRepair-continueDelay { display: none; float: none !important; min-width: 150px; text-align: center; margin-bottom: 30px; background-image: none !important; /* prevent hover effect */ } .DownloadRepair-continueDelayText { opacity: .2; } .DownloadRepair-timer span { color: #ff8637; } /* Push content over for graphic */ .DownloadRepair-title, .DownloadRepair p, .gbtnTertiary.DownloadRepair-continue, .gbtnPrimary.DownloadRepair-continueDelay, .DownloadRepair-timer { margin-left: 110px; } input[type="submit"].DownloadRepair-notWorking { border: 1px solid rgba(0,0,0,.05); background: hsl(240, 5%, 93%); margin: 50px 0 0; float: none; display: block; width: 100%; padding: 0; color: #0070F0; color: var(--mf-blue4); text-transform: none; font-size: 13px; height: 50px; line-height: 50px; } .DownloadRepair-excessiveTraffic { max-width: 540px; margin: 70px auto; padding-top: 175px; box-sizing: border-box; border: 1px solid #E9EAEB; border: 1px solid var(--mf-gray10); border-radius: 12px; background-image: url(//static.mediafire.com/images/backgrounds/download/download_status/download_limit.svg); background-position: center 0; background-size: 250px auto; background-repeat: no-repeat; background-color: #f9f9f9; background-color: var(--mf-gray13); overflow: hidden; } @media (max-width: 580px) { .DownloadRepair-excessiveTraffic { margin: 20px 20px 70px; } } .DownloadRepair-excessiveTraffic > div { padding: 30px; border-top: 1px solid #E9EAEB; border-top: 1px solid var(--mf-gray10); background-color: #fff; } .DownloadRepair-excessiveTraffic p:last-child span { margin: 0 2px; padding: 1px 4px; border-radius: 4px; background-color: #FFE392; background-color: var(--mf-gold6); box-shadow: 0 0 0 1px #FFD14C; box-shadow: 0 0 0 1px var(--mf-gold5); } .DownloadRepair-restarting { display: none; padding-top: 60px; text-align: center; font-weight: bold; background: url(//static.mediafire.com/images/icons/svg_dark/loading_indeterminate.svg) center 0 no-repeat; } .DownloadRepair-retryLaterMessage { display: block; text-align: center; } @media (max-width: 600px) { .DownloadRepair { margin: 0; background: #fff; width: auto; text-align: center; } .DownloadRepair-errorMessage, .DownloadRepair-generateKeyMessage { background-position: center 20px; padding-top: 140px; } .DownloadRepair-title, .DownloadRepair p, .gbtnTertiary.DownloadRepair-continue, .gbtnPrimary.DownloadRepair-continueDelay, .DownloadRepair-timer { margin-left: 0; } .gbtnTertiary.DownloadRepair-continue { height: 44px !important; line-height: 44px !important; } .gbtnPrimary.DownloadRepair-continueDelay { height: 44px !important; line-height: 44px !important; } .DownloadRepair-retryLaterMessage br { display: none; } } /* ========================================================================== Download - no bandwidth scenarios ========================================================================== */ .DownloadNoBandwidth { width: 530px; margin: 180px auto; padding: 30px; overflow: auto; box-sizing: border-box; background: #f4f4f5; } .DownloadNoBandwidth-errorMessage { padding-left: 110px; background: url(//static.mediafire.com/images/backgrounds/download/download_status/download_pending.svg) 0 0 no-repeat; } .DownloadNoBandwidth-title { color: #0070F0; color: var(--mf-blue4); font-size: 20px; font-weight: normal; padding-bottom: 20px; } .DownloadNoBandwidth p { padding-bottom: 30px; } .DownloadNoBandwidth .gbtnTertiary { float: none; display: inline-block; margin-bottom: 30px; } @media (max-width: 600px) { .DownloadNoBandwidth { margin: 0; background: #fff; width: auto; text-align: center; } .DownloadNoBandwidth-errorMessage { background-position: center 20px; padding-top: 140px; padding-left: 0; } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SOCIAL MEDIA FOLLOW BOXES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .social-follow .titlebar { border-top:1px solid white; background-color: #c0e7f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#c0e7f5), to(#9bd6ed)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #c0e7f5, #9bd6ed); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #c0e7f5, #9bd6ed); /* FF3.6 */ background-image: -ms-linear-gradient(top, #c0e7f5, #9bd6ed); /* IE10 */ background-image: -o-linear-gradient(top, #c0e7f5, #9bd6ed); /* Opera 11.10+ */ background-image: linear-gradient(top, #c0e7f5, #9bd6ed); text-shadow: 0px 1px 0px #fff; /* FF3.5+, Opera 9+, Saf1+, Chrome */ color: #186487; font-size: 11px; font-weight: bold; font-family:Arial, sans-serif; padding: 4px 0 4px 9px; display:block; } .social-follow.fb .twitter-follow { display:none; } .social-follow.twitter .fb-like { display:none; } .social-follow.fb.twitter .fb-like { width:205px; float: left; display: block; } .social-follow.fb.twitter .twitter-follow { width:205px; float: right; display: block; } .social-follow.fb .fb-like { width:428px; } .social-follow .like-box_wide { height: 25px; padding: 20px; overflow: hidden; background: #ECEEF5; } .social-follow.fb .fb-like .like-box_wide { padding:20px; background: #ECEEF5 url(//static.mediafire.com/images/v4images/backgrounds/follow-bubble.png) 198px -92px no-repeat; } .social-follow.twitter .twitter-follow { width:428px; } .social-follow.twitter .twitter-follow .follow-box { padding:20px; background: url(//static.mediafire.com/images/v4images/backgrounds/follow-bubble.png) 198px 5px no-repeat; } .social-follow.fb.twitter .twitter-follow .follow-box { padding:10px; background-image: none; } body .social-follow.fb.twitter .fb-like .like-box_wide, body .social-follow.fb.twitter .twitter-follow .follow-box, .social-follow.myfiles-page .fb-like .like-box, .social-follow.myfiles-page .twitter-follow .follow-box { height:25px; background-image: none; padding:10px; } .dl_options_innerblock .social-follow.fb.twitter .fb-like, .dl_options_innerblock .social-follow.fb.twitter .twitter-follow { width:240px; } .nonpro_adslayout .dl_options_innerblock .social-follow.fb.twitter .fb-like, .nonpro_adslayout .dl_options_innerblock .social-follow.fb.twitter .twitter-follow { width:205px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ COLOR PICKER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .colorpicker-selector { position: absolute; top: 1px; right: 6px; width: 36px; height: 36px; background: url(/js/colorpicker/images/select2.png); margin: 5px 0; } .colorpicker-selector div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: url(/js/colorpicker/images/select2.png) center; cursor: pointer; } .colorpicker-holder { top: 46px; right: 0; width: 287px; height: 0; overflow: hidden; position: absolute; } .colorpicker-holder .colorpicker { background-image: url(/js/colorpicker/images/custom_background.png); position: absolute; bottom: 0; left: 0; z-index: 50 } .colorpicker-holder .colorpicker_hue div { background-image: url(/js/colorpicker/images/custom_indic.gif); } .colorpicker-holder .colorpicker_hex { } .colorpicker-holder .colorpicker_rgb_r { background-image: url(/js/colorpicker/images/custom_rgb_r.png); } .colorpicker-holder .colorpicker_rgb_g { background-image: url(/js/colorpicker/images/custom_rgb_g.png); } .colorpicker-holder .colorpicker_rgb_b { background-image: url(/js/colorpicker/images/custom_rgb_b.png); } .colorpicker-holder .colorpicker_hsb_s { background-image: url(/js/colorpicker/images/custom_hsb_s.png); display: none; } .colorpicker-holder .colorpicker_hsb_h { background-image: url(/js/colorpicker/images/custom_hsb_h.png); display: none; } .colorpicker-holder .colorpicker_hsb_b { background-image: url(/js/colorpicker/images/custom_hsb_b.png); display: none; } .colorpicker-holder .colorpicker_submit { } .colorpicker-holder .colorpicker input { color: #778398; line-height: 11px; } .header-options form { clear: both; } .header-options li { position: relative; padding: 15px 0; } .header-options .colorpickers li { float: left; width: 134px; margin: 0 10px 0 0; padding: 14px; font-size: 12px; margin-bottom: 0 !important } .header-options .row { position: relative; /*float: left;*/ /*width: 540px;*/ margin-right: 8px; margin-bottom: 20px; } .header-options form ul { border: none !important; padding: 0 !important; } .colorpicker-widget > span { padding: 0; display: block; font-weight: bold; } .colorpicker-holder .colorpicker { width:287px; } .header-options .block { padding-bottom: 40px; } .header-options form > input { float: left; padding: 0px 38px !important; margin: 0; } .customheader-examples { } .customheader-examples div { float: left; width: 162px; margin-right: 10px; position: relative; } #content .customheader-examples p { margin-bottom: 5px; } .customheader-examples div div { height: 69px; } #customheader-ex1 { background: url(//static.mediafire.com/images/backgrounds/myaccount/customization/customheader-ex1.png) 0 0 no-repeat; } #customheader-ex2 { background: url(//static.mediafire.com/images/backgrounds/myaccount/customization/customheader-ex2.png) 0 0 no-repeat; } #customheader-ex3 { background: url(//static.mediafire.com/images/backgrounds/myaccount/customization/customheader-ex3.png) 0 0 no-repeat; } #customheader-ex4 { background: url(//static.mediafire.com/images/backgrounds/myaccount/customization/customheader-ex4.png) 0 0 no-repeat; } #customlogo-example { height: 38px; width: 677px; background: url(//static.mediafire.com/images/backgrounds/myaccount/customization/customlogo-example.png) 0 0 no-repeat; } .colorpicker-widget:hover .tooltip { display: block; } .header-options .logo-uploader input[type="button"] { position: absolute; right: -1px; top: -1px; margin: 0; } .logo-uploader { font: normal normal normal 14px/24px Arial, sans-serif; } .logo-uploader input.logo-txt { font-size: 12px; } input.header-option { text-align: center; width:50px; text-indent: 0 !important; } .progress-bar { position: absolute; height: 100%; width: 0%; background: #27619c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; z-index: 1; } .percentage_indicator { position: absolute; left: 200px; width: 50px; text-align: center; margin-top: 5px; } .percentage_indicator.light { color: #fff; } .percentage_indicator.dark { color: #333; z-index: 0; display: none; } .customlogo_uploading input.logo-browse { display: none; } .customlogo_uploading .progress-bar, .customlogo_uploading .percentage_indicator.dark { display: block; } body.h_bg_custom #header_bar_bg { background-image: none; } body.h_bg_custom #header_bar { background-image: none; border: 0; } body.h_logo_custom #v4logo a { background-image: none; } body.h_logo_custom #v4logo span.mftagline { display: none; } body.ie9 .color-bottomgradient, body.ie8 .color-bottomgradient, body.ie7 .color-bottomgradient, body.ie9 .gradient-label, body.ie8 .gradient-label, body.ie7 .gradient-label { display: none; } body.ie9 .background-label, body.ie8 .background-label, body.ie7 .background-label { display: block !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CUSTOM AVATAR CHOOSER (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .choose-avatar > div { float: left; padding: 5px; margin: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #E8E8E8; background: #F2F2F2; } .choose-avatar div.avatar-preview { height: 145px; width: 145px; clear: both; } .avatar-preview { cursor: pointer } .choose-avatar input { float: left; margin: 4px 5px 0 0; } .choose-avatar > div label { float: left; padding-bottom: 5px; } .choose-avatar .ico16 { float: right; margin-right: 0; } #upload-image-form .popup-btns { position: absolute; bottom: 0; left: 0; width: 370px; margin-bottom: 2px; } .empty-custom-avatar { display: block; height: 85px; width: 145px; text-align: center; clear: both; padding-top: 60px; background: #fff; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CUSTOM LOGO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .customlogo-previewbox { padding: 5px; background: #F8FAFC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /*height: 29px;*/ box-shadow: 0 1px 6px rgba(0,0,0,.1); float: left; overflow: hidden; } .customlogo-previewbox img, .customlogo-previewbox span { vertical-align: middle; } .customlogo-previewbox span { padding-bottom: 5px; display: block; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #acctlogin-page { width: 410px; margin: 50px auto 0 auto; padding: 40px 50px 50px; background: #F2F5F7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #CED8E3; } #acctlogin-page h3 { margin-bottom: 25px; } #acctlogin-page form li { margin-bottom: 10px; } #acctlogin-page label { display: block; } #acctlogin-page .btn.secondary { position: relative; padding-left: 34px; } #acctlogin-page input { display: block; } #acctlogin-page input[type="text"], #acctlogin-page input[type="password"] { width: 100%; margin: 0; } #acctlogin-page input[type="submit"] { width: 100%; font-size: 16px; padding: 14px 0; } #acctlogin-page .btn.secondary span { background: url(//static.mediafire.com/images/icons/lock.png) center no-repeat; height: 16px; width: 16px; top: 8px; left: 10px; position: absolute; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SSL LOGIN PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* #sslLoginSlideshow { width: 655px; padding: 0 305px 0 0; position: relative; height: 390px; } #sslLoginSlideshow li.sslSlide1 { width: 655px; position: absolute; padding: 20px 0 0 0; top:0; left:0; background: #fff url(//static.mediafire.com/images/backgrounds/login/sslslide1.jpg) left top no-repeat; height: 360px; } #sslLoginSlideshow li.sslSlide2 { width: 655px; position: absolute; padding: 0; top:0; left:0; background: #fff url(//static.mediafire.com/images/backgrounds/login/sslslide2-v2.jpg) 0 -20px no-repeat; text-align: center; padding-top: 50px; height: 340px; } #sslLoginSlideshow li.sslSlide3 { width: 655px; position: absolute; top:0; left:0; background: #fff url(//static.mediafire.com/images/backgrounds/login/sslslide3.jpg) left top no-repeat; height: 360px; padding: 20px 0 0 0; } */ .sslLoginSlideContent2 { height: 108px; left: 45px; position: absolute; top: 171px; width: 576px; } /* .sslLoginSlideContent3 { float: right; margin: 20px 10px 0 0; position: relative; width: 360px; height: 400px; } */ #sslLoginSlideshow .proBox { color: #FFFFFF; float: left; font-size: 12px; height: 53px; padding: 0 0 0 50px; text-align: left; width: 142px; } #sslLoginSlideshow h3 { font-weight: 700; color: #446383; font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: 30px; margin-bottom: 20px; } #sslLoginSlideshow p { margin-bottom: 20px; } #sslLoginSlideshow ul { font-weight: bold; list-style: disc; padding-left: 1em; margin-bottom: 30px; } #sslLoginSlideshow .btn { height: 36px; line-height: 36px; padding: 0 35px; position: relative; } .sslCircleContainer { width:45px; height: 10px; position: absolute; top:15px; right:5px; } .sslCircle { background: #b9bcbf; -webkit-box-shadow: inset 0px 1px 0px 1px rgba(147, 150, 152, 1); box-shadow: inset 0px 1px 0px 1px rgba(147, 150, 152, 1); width: 10px; height: 10px; border-radius: 50%; margin-left: 5px; display: block; float: left; } .sslCircle:hover { background: #b1d5ed; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(34, 110, 176, .5); box-shadow: inset 0px 1px 0px 0px rgba(34, 110, 176, .5); } .sslCircle.circleON { background: #329aee; -webkit-box-shadow: inset 0px -1px 0px 0px rgba(34, 110, 176, 1); box-shadow: inset 0px -1px 0px 0px rgba(34, 110, 176, 1); } /*#sslLoginSlideshow .btn:before { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -6px; border-color: transparent transparent transparent rgba(0,0,0,.5); border-style: solid; border-width: 5px 8px; z-index: 1 }*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FILE PREVIEW ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*.filepreview-controlbar { position: relative; width: 100%; top: 0px; padding-bottom: 10px; border-top: 1px solid #fdfefe; border-bottom: 1px solid #FFF; background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDF1F5)); background-image: -webkit-linear-gradient(top, #FFF, #EDF1F5); background-image: -moz-linear-gradient(top, #FFF, #EDF1F5); background-image: -ms-linear-gradient(top, #FFF, #EDF1F5); background-image: -o-linear-gradient(top, #FFF, #EDF1F5); background-image: linear-gradient(top, #FFF, #EDF1F5); } .available_image_sizes li.image_size_tab_selected { float: left; background: #fff; font-weight: bold; background: #C2CCD6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0px 1px 0px white, inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 1px 0px white, inset 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px white, inset 0 1px 2px rgba(0, 0, 0, 0.25); } .available_image_sizes { float: left; margin: 10px 0 0 10px; } .available_image_sizes li { float: left; padding: 0px 7px; } .download_share_link { display: block; }*/ /*** SMALL FOR IMAGE SLIDER ***/ .imageslider a.small_thumbnail { display: block; border: 0px #0099FF solid; width: 107px; float: left; height: 80px; padding: 4px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center; } .imageslider a.small_thumbnail span { display: block; position: absolute; } .imageslider a.small_thumbnail:hover { border: 2px #D2E9FF solid; padding: 2px; background: #F0F9FF; } #toslide { margin-left: -115px; } #toslide div { float: left; } #imageprevdiv a { text-decoration: none; } #imageprevdiv a:hover { text-decoration: none; } a.slider-right { display: block; float: left; height: 112px; width: 21px; background: #DADBDD url(//static.mediafire.com/images/icons/dropdown-arrow-right-dark.png) center no-repeat; z-index: 1001; cursor: pointer; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } a.slider-left { display: block; float: left; height: 112px; width: 21px; background: #DADBDD url(//static.mediafire.com/images/icons/dropdown-arrow-left-dark.png) center no-repeat; z-index: 1001; cursor: pointer; margin-left: 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .reset-table { /*used to remove global style on tables */ font-weight: bold; background: none; padding: 0; border: 0; box-shadow: none; } .reset-table td, .reset-table tr { border: none !important; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEAM PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #companyGeneralInfo { position: relative; margin-bottom: 50px; } #companyGeneralInfo p { margin-right: 220px; } #companyGeneralInfo > div { position: absolute; top: 7px; right: 0px; width: 200px; } #companyGeneralInfo > div > div { font-size: 11px; margin: -4px 0 5px; font-weight: 600; } #companyGeneralInfo div .gbtnTertiary { float: none; display: block; margin: 0 0 10px 0; height: 50px; } #aboutUs_FacebookBtn { background: #3d5a95 url(//static.mediafire.com/images/backgrounds/about/mediafire_team/fb.png) center no-repeat; } #aboutUs_TwitterBtn { background: #35a9de url(//static.mediafire.com/images/backgrounds/about/mediafire_team/tw.png) center no-repeat; } #aboutUs_pressBtn { display: block; padding-top: 15px; margin-top: 15px; font-size: 13px; } #accoladesSection { text-align: center; font-size: 18px; font-weight: 300; overflow: auto; margin-bottom: 50px; } #accoladesSection div { margin-bottom: 20px; } #accoladesSection li { float: left; width: 125px; margin: 0 5px 30px; font-size: 11px; font-weight: 400; line-height: 13px; padding-top: 60px; font-style: inherit; } #accDoubleClick { background: url(//static.mediafire.com/images/backgrounds/about/mediafire_team/accDoubleClick.jpg) center 8px no-repeat; } #accPCMag { background: url(//static.mediafire.com/images/backgrounds/about/mediafire_team/accPCMag.jpg) center 0 no-repeat; } #accTechCrunch { background: url(//static.mediafire.com/images/backgrounds/about/mediafire_team/accTechCrunch.jpg) center 15px no-repeat; } #accPCWorld { background: url(//static.mediafire.com/images/backgrounds/about/mediafire_team/accPCWorld.jpg) center 11px no-repeat; } #accCNet { background: url(//static.mediafire.com/images/backgrounds/about/mediafire_team/accCNet.jpg) center 0 no-repeat; } .mfteamlist li { float: left; width: 150px; margin: 0 10px; height: 260px; position: relative; } .mfteamlist.companyList li { height: 180px; } .mfteamlist .team-photo { height: 120px; width: 120px; border-radius: 50%; background: #f2f2f2; margin: 0 auto 10px; -webkit-transition: opacity .2s linear 0s; -moz-transition: opacity .2s linear 0s; -ms-transition: opacity .2s linear 0s; -o-transition: opacity .2s linear 0s; transition: opacity .2s linear 0s; } .mfteamlist .team-photo img { border-radius: 50%; width: 100%; } .mfteamlist .team-bio { line-height: 18px; -webkit-transition: opacity .2s linear 0s; -moz-transition: opacity .2s linear 0s; -ms-transition: opacity .2s linear 0s; -o-transition: opacity .2s linear 0s; transition: opacity .2s linear 0s; } .mfteamlist .jobtitle { display: block; font-size: 13px; font-weight: normal; } .team-bio { text-align: center; font-size: 15px; } .team-bio > a { color: #000; display: block; font-weight: 600; font-size: 15px; line-height: 20px; } .team-bio .jobtitle { text-align: center; } .team-bio > div { height: 2px; position: absolute; top: 100%; overflow: hidden; margin-top: -44px; opacity: 0; background: #fff; left: 67px; right: 67px; z-index: 1; -webkit-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; -moz-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; -ms-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; -o-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; } .team-bio > div p { background: #fff; border-top: 2px solid #33a9ee; text-align: left; line-height: 20px; padding: 15px 0; margin: 0; font-size: 13px; width: 490px; -webkit-transition: border-color .2s linear 0s; -moz-transition: border-color .2s linear 0s; -ms-transition: border-color .2s linear 0s; -o-transition: border-color .2s linear 0s; transition: border-color .2s linear 0s; } .bioToggleBtn { position: absolute; height: 30px; width: 30px; left: 50%; top: 200px; margin-left: -17px; border-radius: 50%; border: 2px solid #33a9ee; cursor: pointer; z-index: 2; -webkit-transition: -webkit-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; -moz-transition: -moz-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; -ms-transition: -ms-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; -o-transition: -o-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; transition: transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; } .bioToggleBtn b, .bioToggleBtn i { background: #33a9ee; position: absolute; top: 50%; left: 50%; -webkit-transition: background-color .2s linear 0s; -moz-transition: background-color .2s linear 0s; -ms-transition: background-color .2s linear 0s; -o-transition: background-color .2s linear 0s; transition: background-color .2s linear 0s; } .bioToggleBtn b { width: 16px; height: 2px; margin: -1px 0 0 -8px; } .bioToggleBtn i { width: 2px; height: 16px; margin: -8px 0 0 -1px; } /* activate css transitions */ .bioToggleBtn:hover { background-color: #33a9ee; } #content ul#leadershipList { margin-bottom: 160px; } #leadershipList.focusBio li:not([class="viewBio"]) .team-photo, #leadershipList.focusBio li:not([class="viewBio"]) .team-bio { opacity: .4; } .viewBio .bioToggleBtn:hover { background-color: #ff911e; } .bioToggleBtn:hover b, .bioToggleBtn:hover i { background-color: #fff !important; } .viewBio .bioToggleBtn { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-color: #ff911e; } .viewBio .bioToggleBtn b, .viewBio .bioToggleBtn i { background-color: #ff911e; } .viewBio .team-bio > div { height: 250px; opacity: 1; margin-top: -10px; z-index: 3; } .viewBio > div p { border-color: #ff911e; } .viewBio #sharonF { left: -170px; right: -170px; } .viewBio #derekL { left: 0; right: -340px; } .viewBio #bryanC { left: -170px; right: -170px; } .viewBio #gabeS { left: -340px; right: 0; } .viewBio #toddF { left: 0; right: -340px; } .viewBio #tomL { left: -170px; right: -170px; } .viewBio #danielG { left: -170px; right: -170px; } .viewBio #chrisO { left: -340px; right: 0; } /* ========================================================================== Policies Section ========================================================================== */ /* Data Retention ========================================================================== */ #data_retention_table td { padding: 10px; } #data_retention_table tbody td { border-bottom: 2px solid #f4f4f5; vertical-align: text-top; } #data_retention_table tbody tr:last-child td { border: none; } #data_retention_table tbody tr:hover { background: hsl(240, 5%, 98%); } #footnotes { margin-bottom: 20px; font-size: 12px; list-style: decimal; padding-left: 1em; } #footnotes li { margin-bottom: 10px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JOBS PAGES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #jobstable { } #jobstable th { } #jobstable th, #jobstable td { } #jobstable a { } #jobstable a:hover { } #jobstable .oddrow { } .jobsIntro p { } #pathToFuture { background: #E4F6FF; padding: 50px; } #pathToFuture a { color: #666; display: block; padding: 20px 0px; position:relative; } #pathToFuture li:last-child { border-bottom: 0px solid transparent; } #pathToFuture li { position: relative; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border-bottom: 1px solid #CAEDFF; } #pathToFuture li:after { content: "\203A"; position: absolute; display: block; font-size: 80px; color: #B2DDFF; top: 50%; margin-top: -76px; right: 20px; font-weight: 300; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; cursor: pointer; } #pathToFuture li:hover:after { -webkit-transform: translate(10px, 0px); -moz-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); -o-transform: translate(10px, 0px); transform: translate(10px, 0px); } #pathToFuture li:hover { padding-left:20px; background: #CAEDFF; } #content #pathToFuture h3 { font-size: 20px; margin-bottom: 0px; font-weight: 600; } .job-desc { font-size: 16px; max-width: 760px; } #jobstable { margin-top: -150px; padding-top: 150px; } .backClouds { background: url(//static.mediafire.com/images/backgrounds/about/jobs/back_cloud.png) repeat; } .middleClouds { background: url(//static.mediafire.com/images/backgrounds/about/jobs/middle_cloud.png) repeat; } .topClouds { background: url(//static.mediafire.com/images/backgrounds/about/jobs/top_cloud.png) repeat; } .backClouds { opacity: .6; position: absolute; bottom: -10px; left:0px; /*background: url(images/homepage/back_cloud.png) repeat;*/ width:1240px; height:90px; -webkit-transition: bottom 2s ease-out; -moz-transition: bottom 2s ease-out; -o-transition: bottom 2s ease-out; -ms-transition: bottom 2s ease-out; transition: bottom 2s ease-out; animation:back-cloud 40s infinite linear; -moz-animation:back-cloud 40s infinite linear; /* Firefox */ -webkit-animation:back-cloud 40s infinite linear; /* Safari and Chrome */ -o-animation:back-cloud 40s infinite linear; /* Opera */ } @-moz-keyframes back-cloud { from {left: 0;} to {left: -620px;} } @-webkit-keyframes back-cloud { from {left: 0;} to {left: -620px;} } .middleClouds { opacity: .8; position: absolute; bottom:0px; left:0px; /*background: url(images/homepage/middle_cloud.png) repeat;*/ width:1240px; height:90px; -webkit-transition: bottom 2s ease-out; -moz-transition: bottom 2s ease-out; -o-transition: bottom 2s ease-out; -ms-transition: bottom 2s ease-out; transition: bottom 2s ease-out; animation:middle-cloud 24s infinite linear; -moz-animation:middle-cloud 24s infinite linear; /* Firefox */ -webkit-animation:middle-cloud 24s infinite linear; /* Safari and Chrome */ -o-animation:middle-cloud 24s infinite linear; /* Opera */ } @-moz-keyframes middle-cloud { from {left: 0;} to {left: -620px;} } @-webkit-keyframes middle-cloud { from {left: 0;} to {left: -620px;} } .topClouds { position: absolute; bottom:0px; left:0px; /*background: url(images/homepage/top_cloud.png) repeat;*/ width:1240px; height:90px; -webkit-transition: bottom 2s ease-out; -moz-transition: bottom 2s ease-out; -o-transition: bottom 2s ease-out; -ms-transition: bottom 2s ease-out; transition: bottom 2s ease-out; animation:top-cloud 14s infinite linear; -moz-animation:middle-cloud 14s infinite linear; /* Firefox */ -webkit-animation:middle-cloud 14s infinite linear; /* Safari and Chrome */ -o-animation:middle-cloud 14s infinite linear; /* Opera */ } @-moz-keyframes top-cloud { from {left: 0;} to {left: -620px;} } @-webkit-keyframes top-cloud { from {left: 0;} to {left: -620px;} } .jobSubInfo { float: left; width: 33%; } .jobSubInfo div { height: 130px; background: #EEE; margin: 15px 0; } .jobSubInfo h3 { text-align: center; } #jobs_pics_section .jobSubInfo h3{ font-size: 21px; margin-bottom: 10px; } #jobdetails, #jobdetailsFooter { display: block; position: relative; padding: 25px; line-height: 25px; } #jobdetails .btn, #jobdetailsFooter .btn { position: absolute; bottom: 20px; right: 20px; } #content #jobdescription h3 { margin: 50px 0 15px 0; color: black; font-size: 18px; } #jobdescription { margin:30px 0px; } #returnlink a { margin: 10px 0 20px; padding: 0 10px; height: 30px; line-height: 30px; } #returnlink a:hover { text-decoration:none; } /*#emaillink { margin-top:15px; margin-bottom: 0 !important; padding-top:15px; padding-bottom: 5px; }*/ #joblisting a.btn { padding:10px 15px; float:left; } #joblisting b { color: #7D6025; padding: 10px; margin-bottom: 20px; background-color: #F4E8BD; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #DBCD9B; display: block; margin: 30px 0; } #joblisting ul { list-style: disc; padding-left: 1.5em; } #joblisting ol { list-style: decimal; padding-left: 1.5em; } .jobAppInstructions ol { list-style: decimal; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #BBB; } #content .jobAppInstructions h3 { color: black; font-size: 18px; margin-bottom: 10px; } .jobs #sidebar { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ AUTO BANDWIDTH (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #content #autobandwidth p { margin-bottom: 0px; padding: 0 150px 0 0; } #content #autobandwidth.ab-enabled p { padding: 0 150px 15px 0; border-bottom: 1px solid #BCC7D2; } .autobandwidth-biz .ab-pro { display: none; } .autobandwidth-biz .inset-box { margin-top: 10px; position: relative; } .autobandwidth-pro .ab-biz { display: none; } .autobandwidth-pro .inset-box { margin-top: 10px; position: relative; } #autobandwidth h4 span, #autobandwidth.ab-enabled h4 .text-disabled { display: none; } #autobandwidth h4 .text-disabled, #autobandwidth.ab-enabled h4 .text-enabled { display: inline; } .ab-options { display: none; padding: 15px 0 0; border-top: 1px solid #fff; } #autobandwidth.ab-enabled .ab-options { display: block; } .ab-options span { font-weight: bold; } .feature-denied { padding: 10px 30px 50px 80px; background: url(//static.mediafire.com/images/icons/64x64/briefcase-warning.png) 0 0 no-repeat; } body.myaccount .tour-dropdown-from-top.btn { display: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SITEMAP ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .sitemap { margin-top: 30px; font-size: 12px; } .sitemap > ul { margin-bottom: 30px; padding-left: 40px; float: left; } .sitemap ul li { list-style-type: disc; } .sitemap ul li a { position: relative; padding-right: 32px; } .sitemap ul ul li { list-style-type: circle; } .sitemap ul ul ul li { list-style-type: square; } .sitemap ul ul { padding-left: 30px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ VENDORS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .vendors-list p { clear: both; } #content.vendors-list ul { clear: both; margin-bottom: 50px; overflow: auto; } .vendors-list li { float: left; width: 100px; border: 1px solid #DBDEE1; background: white; text-align: center; margin-right: 10px; height: 100px; margin-bottom: 10px; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 100px; font-size: 0px; } .vendors-list li img { width: 100%; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ COPYRIGHT SECTIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .copyright-content li { margin-bottom: 1rem; } .copyright-content ol ul li { margin-bottom: 0px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOOLS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .tools-list > li { margin-bottom: 30px; } .tool-screenshot { width: 210px; height: 125px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 5px solid #fff; float: left; margin-right: 25px; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); } #content .tool-description h3 { font-size: 18px; } #content .tool-description div > a { font-weight: bold; float: left; } #content .tool-description .dl-not-avail { font-weight: bold; color: #888; } #mfuploader .tool-screenshot { background: url(//static.mediafire.com/images/backgrounds/tools/tool-mfdesktop-comingsoon.png) center; margin-top: 0px; margin-bottom: 30px; } #mftoolbar .tool-screenshot { background: url(//static.mediafire.com/images/backgrounds/tools/tool-mftoolbar.png) center; } #mfMobile .tool-screenshot { background: url(//static.mediafire.com/images/backgrounds/tools/tool-mobile.png) center; } #mfFUSE .tool-screenshot { background: url(//static.mediafire.com/images/backgrounds/tools/tool-fuse.jpg) center; } .tools-list .mac-dl, .tools-list .win-dl, .tools-list .linux-dl { display: none; } .tools-list .linux-dl { padding-right: 15px; cursor: default; } .mac .tools-list .mac-dl, .windows .tools-list .win-dl, .linux .tools-list .linux-dl { display: inline; } .tools-list .other-dl > a { font-weight: normal !important; border-left: 1px solid #ccc; padding: 0 30px 0 15px; margin-left: 15px; cursor: default; } .tools-list .dropdown { display: inline; float:left; } #content .tool-description p { margin-bottom:10px; } /* .tools-list .indicator-down { top: 4px; right: 0; } */ .tools-list .other-dl ul { left: 15px } .tools-list .dropdown:hover ul { display: block; } .tools-list .dropdown:hover > a { border-top-left-radius: 3px; border-top-right-radius: 3px; border-left: 1px solid #fff; } .tools-list .dropdown .indicator-down { right: 12px; top: 10px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOOLS - INSTALLATION INSTRUCTIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .software-install { padding-top: 30px; } .software-install div { float: left; width: 304px; margin-right: 22px; } .software-install li { margin-bottom: 30px; } .software-install h4 { margin-bottom: 5px; } .software-install div div { height: 215px; width: 296px; border: 5px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); margin-bottom: 10px; } .software-install h3 { margin-bottom: 15px; } /*BROWSER SCREENSHOTS*/ .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/chrome-dl.jpg) center; } .firefox .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/firefox-dl.jpg) center; } .windows.firefox .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/ff-win-dl.jpg) center; } .safari .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/safari-dl.jpg) center; } .windows.safari .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/safari-win-dl.jpg) center; } .ie9 .install-step1 div, .ie8 .install-step1 div, .ie7 .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/ie-dl.jpg) center; } .opera .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/opera-dl.jpg) center; } .windows.opera .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/browser/opera-win-dl.jpg) center; } /*WINDOWS STEPS*/ .tutorial-win .install-step2 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-win/winstep-locate.jpg) center; } .tutorial-win .install-step3 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-win/winstep-wizard.jpg) center; } .tutorial-win .install-step4 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-win/winstep-signin.jpg) center; } .tutorial-win .install-step5 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-win/winstep-upload.jpg) center; } .tutorial-win .install-step6 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-win/winstep-context.jpg) center; } /*MAC STEPS*/ .tutorial-mac .install-step2 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-mac/macstep-locate.jpg) center; } .tutorial-mac .install-step3 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-mac/macstep-applications.jpg) center; } .tutorial-mac .install-step4 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-mac/macstep-open.jpg) center; } .tutorial-mac .install-step5 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-mac/macstep-signin.jpg) center; } .tutorial-mac .install-step6 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-mac/macstep-upload.jpg) center; } /*LINUX STEPS*/ .tutorial-linux li { } .tutorial-linux li div { background: #CBCFD2; height: 30px; width: 30px; line-height: 30px; color: white; font-weight: bold; font-size: 18px; border-radius: 16px; text-shadow: 0 -1px #7E8995; border: 1px solid rgba(0, 0, 0, .1); text-align: center; } .tutorial-linux li p { float: left; padding-top: 5px; } /*DISPLAY FOR OS USING BODY CLASS*/ .tutorial-win, .tutorial-mac, .tutorial-linux { display: none; } .windows .tutorial-win, .mac .tutorial-mac, .linux .tutorial-linux { display: block; } /*TOOLBAR INSTALL*/ #toolbar-install .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/toolbar/browser/ff-toolbar-dl.jpg) center; } .ie9 #toolbar-install .install-step1 div, .ie8 #toolbar-install .install-step1 div, .ie7 #toolbar-install .install-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/toolbar/browser/ie-toolbar-dl.jpg) center; } #toolbar-install .install-step2 div { background: url(//static.mediafire.com/images/backgrounds/tools/uploader/tutorial-win/winstep-locate.jpg) center; } #toolbar-install .install-step3 div { background: url(//static.mediafire.com/images/backgrounds/tools/toolbar/tutorial-win/winstep-wizard.jpg) center; } #toolbar-install .use-step1 div { background: url(//static.mediafire.com/images/backgrounds/tools/toolbar/tutorial-win/winstep-sharedview.jpg) center; } #toolbar-install .use-step2 div { background: url(//static.mediafire.com/images/backgrounds/tools/toolbar/tutorial-win/winstep-selection.jpg) center; } #toolbar-install .use-step3 div { background: url(//static.mediafire.com/images/backgrounds/tools/toolbar/tutorial-win/winstep-download.jpg) center; } .tutorial-linux > ul { margin-bottom: 45px; } /*EULA POPUP*/ #popup-eula p { margin-bottom: 24px !important; } #popup-eula p font font[size="3"] { font-size: 14px !important; } #popup-eula p[align="CENTER"], #toolbar-eula p:nth-child(3), #toolbar-eula p:nth-child(4), #toolbar-eula p:nth-child(5) { margin-bottom: .07in !important; } #toolbar-eula p:nth-child(6) { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MEDIAFIRE EXPRESS TOUR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mfExpressTourWrap { padding: 30px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background: url(//static.mediafire.com/images/backgrounds/uploader/tour/tour_bg.jpg) center bottom no-repeat; } #mfExpressTourVideo { width: 590px; float: left; margin: 0 0 30px; } #mfExpressTourVideo object, #mfExpressTourVideo embed { width: 590px; height: 355px; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo { width: 900px; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo object, #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo embed { width: 900px; height: 530px; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo > div { display: none; } #mfExpressTourVideo h3 { font-size: 20px; line-height: 1.2; padding: 20px 0; color: #205285; } #mfExpressTourDownloads { float: right; width: 280px; margin: 0 0 30px; background: url(//static.mediafire.com/images/backgrounds/uploader/tour/box_sm.png) 0 0 no-repeat; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourDownloads { display: none; } #mfExpressTourDownloads h3 { color: #2f3133; font-size: 20px; padding: 48px 0 0 125px; height: 150px; line-height: 1; } #mfExpressTourDownloads h3 em { display: block; font-size: 16px; color: #4988C5; margin-top: 12px; font-style: italic; } #mfExpressTourDownloads div { padding: 18px 0 18px 80px; border-top: 1px solid #B9BDC1; font-size: 13px; } #mfExpressTourDownloads div h4 { font-weight: normal; } #mfExpressTourDownloads span { font-size: 8px; vertical-align: super; } #mfExpressTourDownloads a { display: block; font-weight: bold; color: #558B04; position: relative; } #mfExpressTourDownloads a:before { content: ""; position: absolute; top: 50%; left: -8px; border-color: transparent transparent transparent black; border-style: solid; border-width: 4px 0 4px 4px; margin-top: -4px; } #mfExpressTourDownloads a:hover { text-decoration: underline; } #mfExpressTourDownloads em{ font-style: normal; color: #070c12; } #mfExpressTourDownloads .winDl { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/icon_windows.png) 0 0 no-repeat; } #mfExpressTourDownloads .macDl { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/icon_osx.png) 0 0 no-repeat; } #mfExpressTourDownloads .linuxDl { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/icon_linux.png) 0 0 no-repeat; } #mfExpressTourInfo { clear: both; background: #ebf1f6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2); } #mfExpressTourInfo div { float: left; width: 268px; height: 205px; padding: 15px; border-right: 1px solid #dde7f1; border-left: 1px solid #fff; } #mfExpressTourInfo div h4 { color: #303133; } #mfExpressTourInfo p { margin-top: 140px; font-size: 13px; } #mfExpressTourInfo .mfxpFeature1 { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/co_drop.png) center 50px no-repeat; } #mfExpressTourInfo .mfxpFeature2 { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/co_share.png) center 50px no-repeat; } #mfExpressTourInfo .mfxpFeature3 { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/co_crop.png) center 50px no-repeat; } .windows #mfExpressTourInfo .mfxpFeature1 { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/co_drop_win.png) center 50px no-repeat; } .windows #mfExpressTourInfo .mfxpFeature2 { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/co_share_win.png) center 50px no-repeat; } .windows #mfExpressTourInfo .mfxpFeature3 { background: url(//static.mediafire.com/images/backgrounds/uploader/tour/co_crop_win.png) center 50px no-repeat; } /* ========================================================================== /software/mobile page ========================================================================== */ #mobilebg { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; background-color: #008aeb; margin-top: -1px; padding-top: 45px; position: relative; } #mobilebg:before { content: ""; position: absolute; bottom: 0; height: 10px; left: 0; right: 0; background: -webkit-linear-gradient(bottom, rgba(0,0,0,.15), rgba(0,0,0,0)); background: linear-gradient(bottom, rgba(0,0,0,.15), rgba(0,0,0,0)); } #mobilebg:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -1px; height: 200px; width: 1px; opacity: .5; background: -webkit-linear-gradient(bottom, rgba(255,255,255,.3), rgba(255,255,255,0)); background: linear-gradient(bottom, rgba(255,255,255,.3), rgba(255,255,255,0)); } #mobilebg h1 { color:#fff; text-align: center; font-weight: normal !important; width: 100%; } .mobilebg-iOS, .mobilebg-Android { height: 415px; width: 480px; background-color: #008aeb; background-position: center 35px; background-repeat: no-repeat; } .mobilebg-iOS{ background-image: url(//static.mediafire.com/images/software/mobile/ios.png); } .mobilebg-Android { background-image: url(//static.mediafire.com/images/software/mobile/android.png); } .mobileGraphic { display: none; margin: 60px auto 0; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); background-size: 280px auto; background-position: center 70px; } .downloadMobile { width: 480px; float: left; text-align: center; } .mobilePagebtn { display: inline-block; margin: 35px 0; } .mobilePagebtn img { display: block; } .downloadMobile ul { padding: 0 25px; text-align: left; } .downloadMobile ul h2{ font-weight: normal !important; } .downloadMobile ul li { border-bottom:1px solid #e8e8e9; background: url(//static.mediafire.com/images/icons/tick.png) right center no-repeat; padding: 5px 0; } .downloadMobile span { padding: 25px; display: block; font-style: italic; text-align: left; color: #72767E; color: var(--mf-gray5); } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DESKTOP PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .desktopSoftware { margin-bottom: -86px; } .desktopSoftware h3 { font-size: 48px; margin-top: 70px; font-weight: 300; } .desktopSoftware p { font-size: 24px; margin: 20px auto; position: relative; display: block; z-index:2; } .desktopSoftware .desktopOpener { height: 650px; width: 100%; padding-top: 60px; font-weight: 400; position: relative; display: block; text-align: center; background: url('//static.mediafire.com/images/backgrounds/desktop/openerBg_v2.jpg') top center no-repeat; background-size: cover; } .desktopSoftware.mac .desktopShot { background: url('//static.mediafire.com/images/backgrounds/desktop/macDesktopShot-v4.png') top center no-repeat; } .desktopSoftware .desktopLogo { width: 345px; height: 40px; margin: 0px auto 0; background: url('//static.mediafire.com/images/backgrounds/desktop/desktopLogo.png') center center no-repeat; } .desktopSoftware .desktopShot { background: url('//static.mediafire.com/images/backgrounds/desktop/winDesktopShot-v3.png') bottom center no-repeat; position: absolute; left:0px; right: 0px; bottom:0px; top: 286px; } .desktopSoftware .desktopOpener p { font-size: 20px; } .desktopSoftware .desktopOpener .gbtnTertiary { float: none; display: inline-block; height: 40px; line-height: 40px; font-size: 14px; } .desktopSoftware .desktopOpener .gbtnHollow { background: transparent; height: 38px; line-height: 40px; border: 2px solid white; display: inline-block; float: none; text-align: center; width: 120px; padding: 0px!important; font-size: 14px; color: #fff; } .desktopSoftware .desktopOpener .gbtnHollow:hover { color: #fff; background: rgba(255,255,255,0.2); } .desktopSoftware .desktopOpener .gbtnTertiary span.downloadMac, .mac.desktopSoftware .desktopOpener .gbtnTertiary span.downloadWin { display: none; } .mac.desktopSoftware .desktopOpener .gbtnTertiary span.downloadMac { display: inline; } .desktopSoftware .section { height: 500px; width: 100%; overflow: hidden; background: #ffffff; text-align: center; position: relative; display: block; font-weight: 300; } .desktopSoftware .desktopOpener, .desktopSoftware .connect, .desktopSoftware .screenshot { color: #ffffff; } .desktopSoftware .access, .desktopSoftware .share { color: #666; } .desktopSoftware .zePlane { height: 800px; width: 800px; position: absolute; display: block; z-index: 1; top: 250px; left: 50%; margin-left: -400px; background: url('//static.mediafire.com/images/backgrounds/desktop/zePlane.png') center center no-repeat; -webkit-animation: airplane 8s linear infinite; -moz-animation: airplane 8s linear infinite; animation: airplane 8s linear infinite; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .desktopSoftware .worldDevices { height: 194px; display: block; z-index: 2; position: absolute; background: url('//static.mediafire.com/images/backgrounds/desktop/worldDevices.png') center center no-repeat; bottom: 0px; left: -30px; right: 0px; } .desktopSoftware .deviceScreens { position: relative; width: 568px; height: 194px; margin: 0 auto; display: block; } .desktopSoftware .deviceScreens div { display: block; position: absolute; background-color: #fff; overflow: hidden; } .desktopSoftware .desktopScreen { height:76px; width:120px; bottom: 66px; left: 11px; background: url('//static.mediafire.com/images/backgrounds/desktop/desktopScreen.png') top center repeat; -webkit-animation: desktopScreen 24s infinite ; -moz-animation: desktopScreen 24s infinite ; animation: desktopScreen 24s infinite ; } .desktopSoftware .laptopScreen { height:62px; width:106px; bottom: 122px; left: 207px; background: url('//static.mediafire.com/images/backgrounds/desktop/laptopScreen.png') top center repeat; -webkit-animation: laptopScreen 24s infinite; -moz-animation: laptopScreen 24s infinite; animation: laptopScreen 24s infinite; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; } .desktopSoftware .tabletScreen { height: 69px; width: 66px; bottom: 100px; right: 103px; background: url('//static.mediafire.com/images/backgrounds/desktop/tabletScreen.png') top center repeat; -webkit-animation: tabletScreen 24s infinite; -moz-animation: tabletScreen 24s infinite; animation: tabletScreen 24s infinite; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; animation-delay: 1.4s; } .desktopSoftware .phoneScreen { height: 56px; width: 33px; bottom: 48px; right: 6px; background: url(//static.mediafire.com/images/backgrounds/desktop/phoneScreen.png) top center repeat; -webkit-animation: phoneScreen 24s infinite; -moz-animation: phoneScreen 24s infinite; animation: phoneScreen 24s infinite; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; } .desktopSoftware .connectIcon { width: 150px; height: 127px; margin: 50px auto; background: url(//static.mediafire.com/images/backgrounds/desktop/connectIcon.png) center center no-repeat; } .desktopSoftware .connect { background: url(//static.mediafire.com/images/backgrounds/desktop/connectBg_v2.jpg) center -72px no-repeat; background-size: auto 165%; } .desktopSoftware .shareGraphic { position: absolute; display: block; z-index:1; bottom: 0px; left:0px; right:0px; height: 272px; background: url(//static.mediafire.com/images/backgrounds/desktop/shareGraphic_v2.png) center center no-repeat; } .desktopSoftware.windows .shareGraphic { background: url(//static.mediafire.com/images/backgrounds/desktop/shareGraphicWin.png) center center no-repeat; } .desktopSoftware .screenshotIcon { width: 153px; height: 125px; margin: 50px auto; background: url(//static.mediafire.com/images/backgrounds/desktop/screenshotIcon.png) center center no-repeat; } .desktopSoftware .screenshot { background: url(//static.mediafire.com/images/backgrounds/desktop/screenshotBg_v2.jpg) center center no-repeat; background-size: cover; } .desktopSoftware .systemRequirements.section { background: transparent; width: 960px; margin: 0 auto; height: auto; padding-bottom: 100px; font-weight: 400; } .desktopSoftware .systemRequirements.section > div { width: 375px; padding: 40px 50px 0 50px; } .desktopSoftware .systemRequirements.section h4 { font-size: 24px; font-weight: 400; } .desktopSoftware .systemRequirements.section ul { margin: 10px auto 60px auto; text-align: left; } .desktopSoftware .systemRequirements.section ul li { list-style-type: disc; list-style-position: inside; font-size: 13px; } .systemRequirements h4:before { content: ""; width: 58px; height: 58px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -8px; } h4.windows:before { background: #fff url('//static.mediafire.com/images/backgrounds/desktop/windowsIcon.png') top left no-repeat; } h4.mac:before { background: #fff url('//static.mediafire.com/images/backgrounds/desktop/osxIcon.png') top left no-repeat; } .desktopSoftware .systemRequirements.section p { margin: 20px auto 0 auto; text-align: left; font-size: 13px; } .windowsBtns, .macBtns { display: none; } body.mac .macBtns, body.windows .windowsBtns { display: block; margin: 0 auto; } .desktopSoftware .systemRequirements.section .gbtnTertiary { float: none; margin: 30px auto 0 auto; display: block; clear: both; font-size: 18px; padding: 0 20px 0 20px; height: 50px; line-height: 50px; } body.mac .systemRequirements .gbtnTertiary.desktopWin, body.windows .systemRequirements .gbtnTertiary.desktopMac { margin: 5px auto 0 auto; padding: 0; display: block; background: transparent; border: 0; border-radius: 0; box-shadow: none; font-size: 13px; color: #3190D3; text-shadow: none; font-weight: normal; } body.mac .systemRequirements .gbtnTertiary.desktopWin:hover, body.windows .systemRequirements .gbtnTertiary.desktopMac:hover { color: #d85724; } body.mac .systemRequirements .gbtnTertiary.desktopWin.betaBtn:after, body.windows .systemRequirements .gbtnTertiary.desktopMac.betaBtn:after { color: #FFFFFF; display: none; } /* PLANE */ @-webkit-keyframes airplane { from{ -webkit-transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); } } @-moz-keyframes airplane { from{ -moz-transform: rotate(0deg); } to{ -moz-transform: rotate(360deg); } } @-keyframes airplane { from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } /* DEVICE ANIMATIONS */ @-webkit-keyframes desktopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -76px;} 33% {background-position: 0px -76px;} 37% {background-position: 0px -152px;} 66% {background-position: 0px -152px;} 70% {background-position: 0px -228px;} 100% {background-position: 0px -228px;} } @-moz-keyframes desktopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -76px;} 33% {background-position: 0px -76px;} 37% {background-position: 0px -152px;} 66% {background-position: 0px -152px;} 70% {background-position: 0px -228px;} 100% {background-position: 0px -228px;} } @-keyframes desktopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -76px;} 33% {background-position: 0px -76px;} 37% {background-position: 0px -152px;} 66% {background-position: 0px -152px;} 70% {background-position: 0px -228px;} 100% {background-position: 0px -228px;} } @-webkit-keyframes laptopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -62px;} 33% {background-position: 0px -62px;} 37% {background-position: 0px -124px;} 66% {background-position: 0px -124px;} 70% {background-position: 0px -186px;} 100% {background-position: 0px -186px;} } @-moz-keyframes laptopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -62px;} 33% {background-position: 0px -62px;} 37% {background-position: 0px -124px;} 66% {background-position: 0px -124px;} 70% {background-position: 0px -186px;} 100% {background-position: 0px -186px;} } @-keyframes laptopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -62px;} 33% {background-position: 0px -62px;} 37% {background-position: 0px -124px;} 66% {background-position: 0px -124px;} 70% {background-position: 0px -186px;} 100% {background-position: 0px -186px;} } @-webkit-keyframes tabletScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -69px;} 33% {background-position: 0px -69px;} 37% {background-position: 0px -138px;} 66% {background-position: 0px -138px;} 70% {background-position: 0px -207px;} 100% {background-position: 0px -207px;} } @-moz-keyframes tabletScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -69px;} 33% {background-position: 0px -69px;} 37% {background-position: 0px -138px;} 66% {background-position: 0px -138px;} 70% {background-position: 0px -207px;} 100% {background-position: 0px -207px;} } @-keyframes tabletScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -69px;} 33% {background-position: 0px -69px;} 37% {background-position: 0px -138px;} 66% {background-position: 0px -138px;} 70% {background-position: 0px -207px;} 100% {background-position: 0px -207px;} } @-webkit-keyframes phoneScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -56px;} 33% {background-position: 0px -56px;} 37% {background-position: 0px -112px;} 66% {background-position: 0px -112px;} 70% {background-position: 0px -168px;} 100% {background-position: 0px -168px;} } @-moz-keyframes phoneScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -56px;} 33% {background-position: 0px -56px;} 37% {background-position: 0px -112px;} 66% {background-position: 0px -112px;} 70% {background-position: 0px -168px;} 100% {background-position: 0px -168px;} } @-keyframes phoneScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -56px;} 33% {background-position: 0px -56px;} 37% {background-position: 0px -112px;} 66% {background-position: 0px -112px;} 70% {background-position: 0px -168px;} 100% {background-position: 0px -168px;} } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PREVIOUS FILE VERSIONS (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #content.fileVersionWrap h2 { font-weight: 300; font-size: 26px; line-height: 80px; color: #4f4f4f; } .fileVersionSettings { background: #eee; padding: 20px 0; text-align: center; border-radius: 4px; border: 1px solid #ddd; margin-top: 30px; } .fileVersionSettings span { font-size: 18px; display: block; line-height: 36px; } .fileVersionSettings i { font-size: 13px; display: block; color: #666; } .fileVersionSettings .gbtnTertiary { float: none; display: inline-block; width: 150px; text-transform: none; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px; margin-top: 20px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ INACTIVITY (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #inactivity_login { margin-top: 13px; position: relative; } #content #inactivity_login h4, #content #inactivity_login p { margin-bottom: 0; width: 500px; } #inactivity_login .feature-settings { position: absolute; right: 30px; top: 36px; width: 70px; } #inactivity_login .feature-settings .toggle-switch { float: left; } #inactivity_login .feature-settings button { text-transform: none; line-height:10px; margin: 0; font-size: 12px; font-weight: normal; width: 92px; height: 26px; padding: 0; float: right; cursor: pointer; } #inactivity_login .text-enabled { display: none; } #inactivity_login.on .text-disabled { display: none; } #inactivity_login.on .text-enabled { display: inline; } #inactivity_login .tooltip { top: 100%; right: 0; left: auto; margin-top: 9px; text-align: left; width: 175px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SHARE LINK (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #share_link { margin-top: 13px; position: relative; } #content #share_link h4, #content #share_link p { margin-bottom: 0; width: 500px; } #share_link .feature-settings { position: absolute; right: 30px; top: 36px; width: 70px; } #share_link .feature-settings .toggle-switch { float: left; } #share_link .feature-settings button { text-transform: none; line-height:10px; margin: 0; font-size: 12px; font-weight: normal; width: 92px; height: 26px; padding: 0; float: right; cursor: pointer; } #share_link .text-inherit, #share_link .text-enabled, #share_link.inherit .text-disabled, #share_link.on .text-disabled { display: none; } #share_link.inherit .text-inherit, #share_link.on .text-enabled, #share_link .text-disabled { display: inline; } .text-inherit { color: #E08E00; } #share_link .tooltip { top: 100%; right: 0; left: auto; margin-top: 9px; text-align: left; width: 175px; } .inheritMsg { margin-top: 20px; width: 650px!important; } #share_link input[type="checkbox"] { margin: 15px 0 10px; } .inheritMask { position: absolute; top: 35px; left: 0px; right: 0px; height: 100px; background: #eee; z-index: 2; opacity: 0.8; display: none; pointer-events: none; } #share_link.inherit .inheritMask { display: block; } #share-link.inherit .feature-settings { pointer-events:none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA NOTICE REQUEST ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaRequestWrap { width: 2200px; } .dmcaRequestStep { width: 680px; float: left; } #dmcaRequestStep1, #dmcaRequestStep2 { margin-right: 50px; } .dmcasection h4 { color: #2F3031; } .dmcasection label { display: block; font-weight: bold; font-size: 14px; color: #2F3031; margin-bottom: 5px; } .dmcasection label .warning { float: right; padding: 4px 6px; font-size: 11px; font-weight: normal; line-height: 14px; height: auto; margin: 0; position: relative; width: 200px; margin-top: -13px; display: none; } .dmcasection label .inset-box .warning-triangle-ico { margin: 0; position: absolute; top: 4px; left: 8px; } .dmcasection textarea { display: block; width: 668px; margin-left: 4px; } .dmcasection textarea.lgTextInput { height: 288px; margin-bottom: 10px; } .dmcasection .inset-box p:last-child{ margin-bottom: 0 !important; } #dmcaAcceptTerms { text-align: center; padding: 0 0 15px 0; } #dmcaAcceptTerms span { color: #000; font-weight: bold; } #dmcaRequestStep1 button { float: right; width: 120px; margin-right: 3px; } #dmcaRequestStep2 .pseudoTable, #dmcaRequestJustify { margin-bottom: 30px; } #dmcaRequestStep2 .pseudoTable ul { max-height: 329px; overflow: auto; } #dmcaRequestStep2 .fileName { width: 300px; } #dmcaRequestStep2 .fileSize { width: 70px; text-align: right; margin-right: 40px; } #dmcaRequestStep2 .fileQuickkey { width: 150px; } #dmcaRequestStep2 ul .folderKey { width: 50px; height: 18px; position: relative; } #dmcaRequestStep2 ul .itemFromFolder .folderKey { background: url(//static.mediafire.com/images/icons/folder.png) no-repeat 0px 0px; } #dmcaRequestStep2 .tooltip { width: 360px; right: 100%; left: auto; top: -4px; margin-right: 14px; height: 23px; padding: 0 5px; font-size: 12px; line-height: 23px; } #dmcaRequestStep2 .tooltip span { color: #bbb; } #dmcaRequestStep2 .itemFromFolder .folderKey:hover .tooltip { display: block; } #dmcaRequestStep2 .pseudoTable li.folderColor1 { background-color: #FFDAD1;} #dmcaRequestStep2 .pseudoTable li.folderColor2 { background-color: #FFD6D6;} #dmcaRequestStep2 .pseudoTable li.folderColor3 { background-color: #FFE2D1;} #dmcaRequestStep2 .pseudoTable li.folderColor4 { background-color: #FFEBBD;} #dmcaRequestStep2 .pseudoTable li.folderColor5 { background-color: #FDFFD1;} #dmcaRequestStep2 .pseudoTable li.folderColor6 { background-color: #DDFFC2;} #dmcaRequestStep2 .pseudoTable li.folderColor7 { background-color: #C7F5D9;} #dmcaRequestStep2 .pseudoTable li.folderColor8 { background-color: #CBF1FB;} #dmcaRequestStep2 .pseudoTable li.folderColor9 { background-color: #C8DFFE;} #dmcaRequestStep2 .pseudoTable li.folderColor10 { background-color: #D5D2FE;} #dmcaRequestStep2 .pseudoTable li.folderColor11 { background-color: #EFDCFF;} #dmcaRequestStep2 .pseudoTable li.folderColor12 { background-color: #FFDBF7;} #dmcaRequestStep2 .itemFromFolder { border-bottom-color: transparent; } #dmcaRequestStep2 .fileSelect { width: 25px; } #dmcaRequestStep2 .stepConfirm { margin-right: 8px; } #dmcaRequestJustify { height: 66px; } #dmcaRequestStep2 .inset-box p { margin-bottom: 1em; } #dmcaDigitalSignature { text-align: center; padding: 1em 0; } #dmcaDigitalSignature span { color: #000; font-weight: bold; } #dmcaRequestFinal .btn.primary { display: block; margin: 0 auto 15px auto; width: 380px; text-align: center; line-height: 36px; padding: 0; height: 36px; font-size: 14px; float: none; } #dmcaRequestStep1.requestDisabled .btn.primary, #dmcaRequestStep2.requestDisabled .btn.primary { opacity: .5; filter: alpha(opacity = 50); } #dmcaRequestStep3 { } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA NOTIFICATIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaNotification .dateSent { margin-right: 8px; width: 90px; } #dmcaNotification .ticketId { width: 90px; } #dmcaNotification .quickKey { margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 110px; } #dmcaNotification .emailSubject { margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 342px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA SETTINGS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaSettings { /*background: ;*/ } .dmcaSet { padding: 16px 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; } .dmcaSet p { margin-bottom: 0; } .dmcaIP { margin: 0 !important; } .dmcaIP.netAuthDisabled { opacity: .4; filter: alpha(opacity = 40); } .dmcaIP.netAuthDisabled .dmcaNewIP { display: none; } .dmcaIP li { margin-bottom: 5px; } .dmcaIP div, .dmcaIP input, .dmcaIP button { float: left; } .dmcaIP li .input-static, .dmcaIP li input[type="text"], .dmcaIP li button { font-size: 12px; padding: 0 10px; height: 24px; line-height: 24px; margin: 0 5px 0 0; } .dmcaIP li button { height: 26px; } .dmcaIP li div, .dmcaIP li input[type="text"] { width: 250px; } .dmcaIP li button { width: 80px; text-align: center; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA CONTACT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #content #dmcaContactInfo form ul { padding: 0; border: none; } #content #dmcaContactInfo form ul li { padding: 6px 0; } #dmcaContactInfo label button { float: right; height: 24px; width: 70px; padding: 0; line-height: 22px; } #dmcaContactForm label, #dmcaContactForm input[type="text"], #dmcaContactForm div { float: left; height: 28px; line-height: 28px; } #dmcaContactForm label { font-size: 14px; font-weight: normal; color: #5B636A; width: 170px; margin: 0; padding-left: 10px; } #dmcaContactForm input[type="text"] { display: none; margin: 0; padding: 0px 5px; font-size: 14px; width: 450px; height: 26px; line-height: 26px; } #dmcaContactInfo.dmcaContactEditable input { display: block; } #dmcaContactInfo.dmcaContactEditable #dmcaContactForm div, #dmcaContactInfo.dmcaContactEditable label button { display: none; } #dmcaContactInfo.dmcaContactEditable #dmcaCompanyName div { display: block } .dmcaContactSubmit { position: absolute; left: 0; top: 100%; width: 680px; padding-top: 8px; display: none; } #dmcaContactInfo.dmcaContactEditable .dmcaContactSubmit { display: block; } .dmcaContactSubmit input[type="submit"], .dmcaContactSubmit button { width: 100px; height: 30px; line-height: 30px; float: right; margin: 0 0 0 7px; padding: 0px 5px; font-size: 14px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CANCEL PRO SUBSCRIPTION / DOWNGRADE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .cancelSubscription { float: right; border-radius: 8px; background: #fff; width: 680px; box-shadow: 0 0 0 1px #dadee2; margin: 20px 0 0; position: relative; overflow: hidden; } .cancelSlideContainer { display: -ms-flexbox; display: flex; } .cancelStep1, .cancelStep2, .cancelStep3 { width: 680px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 20px; box-sizing: border-box; } .cancelVs { width: 52px; height: 52px; background: url(//static.mediafire.com/images/icons/vs.png) center center no-repeat; position: absolute; top: 26px; left: 406px; } .cancelFreeColumn { float: left; border-radius:4px; width:216px; background-color:#d6dce4; background-image: linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -o-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -moz-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -webkit-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -ms-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #C0CAD6), color-stop(1, #E1E6EC)); border:1px solid #b9c0c8; text-align: center; text-shadow:0px 1px 0px #ffffff; margin: 0 0 10px 10px; } .cancelProColumn { float:left; border-radius:4px; width:216px; background-color:#2b69a5; background-image: linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -o-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -moz-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -webkit-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -ms-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2B68A5), color-stop(1, #4CA9DB)); border:1px solid #2b69a5; text-align: center; color:#fff; text-shadow:0px -1px 0px #1f3d84; margin: 0 0 10px 10px; position: relative; } .cancelStep2-buttons { padding-top: 30px; font-size: 0; } .cancelStep2-buttons > div { display: inline-block; width: 50%; box-sizing: border-box; } .cancelStep2-buttons > div:first-child { padding-right: 5px; } .cancelStep2-buttons > div:last-child { padding-left: 5px; } .cancelStep2-buttons a.gbtnTertiary, .cancelStep2-buttons input[type="submit"].gbtnPrimary { float: none; display: block; margin: 0; text-align: center; text-transform: none; font-size: 14px; width: 100%; box-sizing: border-box; } .cancelStep2-buttons input[type="submit"].gbtnPrimary { background-color: #fff; color: #0070F0; color: var(--mf-blue4); box-shadow: inset 0 0 0 1px #0070F0; box-shadow: inset 0 0 0 1px var(--mf-blue4); } .cancelStep2-buttons input[type="submit"].gbtnPrimary:hover { background-image: none; background-color: hsla(212, 100%, 50%,.1); /* #07f, transparent */ } .cancelGreenHighlight { height: 10px; width: 216px; background: #9dd53a; /* Old browsers */ background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */ background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */ border-radius: 4px 4px 0px 0px; box-shadow: 0px 1px 2px 0px rgba(000, 000, 000, .5); position: absolute; top: -9px; left: 0; overflow:hidden; } .cancelGreenHighlightFlare { content:""; height:1px; width:75px; background: -moz-linear-gradient(left, rgba(220,247,84,0) 0%, rgba(239,244,212,1) 53%, rgba(220,247,84,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(220,247,84,0)), color-stop(53%,rgba(239,244,212,1)), color-stop(100%,rgba(220,247,84,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* IE10+ */ background: linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* W3C */ position: absolute; top: 4px; right: 217px; } .cancelGreenHighlightFlare { animation-name: greenGlare; animation-duration: 4s; animation-timing-function: ease-out; animation-delay: 2s; animation-iteration-count: infinite; /* Firefox: */ -moz-animation-name: greenGlare; -moz-animation-duration: 4s; -moz-animation-timing-function: ease-out; -moz-animation-delay: 2s; -moz-animation-iteration-count: infinite; /* Safari and Chrome: */ -webkit-animation-name: greenGlare; -webkit-animation-duration: 4s; -webkit-animation-timing-function: ease-out; -webkit-animation-delay: 2s; -webkit-animation-iteration-count: infinite; } @keyframes greenGlare { from {right: 217px;} to {right: -700px;} } @-moz-keyframes greenGlare { from {right: 217px;} to {right: -700px;} } @-webkit-keyframes greenGlare { from {right: 217px;} to {right: -700px;} } .cancelFeaturesColumn { float:left; border-radius:4px; width:180px; text-align: right; } .cancelValues li { border-bottom: 1px solid #5587b7; border-bottom: 1px solid rgba(255, 255, 255, .2); border-top: 1px solid #5587b7; border-top: 1px solid rgba(0, 0, 0, .2); padding:10px 0; height:15px; line-height:15px; } .cancelFeatures li { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; padding: 10px 0; height:15px; line-height:15px; font-size: 12px; } .cancelCheck { background: url(//static.mediafire.com/images/icons/check.png) center center no-repeat; } .crossed-grey { background: url(//static.mediafire.com/images/icons/close.png) center center no-repeat; height: 15px; } .cancelFreeColumn .crossed-grey { opacity: 1!important; } .cancelInfo { float: left; margin:40px 0 0; width:250px; } .cancelButtons { float: right; margin: 0 4px 0 0; } .cancelNotice { border-radius:4px; background:#e1e5e9; padding:5px 10px 5px 25px; width:225px; border: 1px solid #d0d3d7; margin: 0 0 10px 0; position: relative; } .cancelNotice:before { content:""; border-radius: 50%; width:5px; height:5px; background-color:#8ac800; border: 1px solid #488900; position: absolute; top: 12px; left: 10px; -webkit-box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, .5); -moz-box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, .5); box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, .5); } /* Cancel confirmation ========================================================================== */ .CancelConfirm { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: #fff; z-index: 21; overflow: auto; } .CancelConfirm > div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 560px; } .CancelConfirm h2 { margin-bottom: 30px; color: #0070F0; color: var(--mf-blue4); } .CancelConfirm p { margin-bottom: 30px; } .CancelConfirm b { color: #FF8637; } .CancelConfirm a[class*="gbtn"] { display: inline-block; float: none; padding: 0; min-width: 200px; margin: 0 5px; } .CancelConfirm a:first-letter { padding: 0; } @media (max-width: 750px) { .CancelConfirm > div { position: static; transform: none; width: auto; margin: 110px 30px; } .CancelConfirm h2 { font-size: 16px; } .CancelConfirm p { font-size: 13px; } .CancelConfirm a[class*="gbtn"] { width: 100%; margin: 0 0 20px; height: 44px; line-height: 44px; font-size: 12px; } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Download Options ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .downloadOptionsWrap .inset-box { padding: 0; position: relative; padding: 0; -webkit-border-radius: 6px 0px 6px 6px; -moz-border-radius: 6px 0px 6px 6px; border-radius: 6px 0px 6px 6px; } .downloadLabel { background: #E8EBED; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); padding: 10px; position: absolute; right: 0px; top: -40px; } .downloadRow { padding: 25px; /*width: 628px;*/ border-bottom: 1px solid #d4d6d9; } .whiteBox { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #d4d6d9; background: #fff; position: relative; margin: 40px 0 0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NEW REDESIGNED HOMEPAGE 6/21 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #homeContentNav ul li a { background-position: left top; background-repeat: no-repeat; } .hpAcccess { background-image: url(//static.mediafire.com/images/backgrounds/newHome/redesign/icn_access.png); } .hpCollaboration { background-image: url(//static.mediafire.com/images/backgrounds/newHome/redesign/icn_collaborate.png); } .hpStorage { background-image: url(//static.mediafire.com/images/backgrounds/newHome/redesign/icn_store.png); } .hpSharing { background-image: url(//static.mediafire.com/images/backgrounds/newHome/redesign/icn_share.png); } .hpDesktop { background-image: url(//static.mediafire.com/images/backgrounds/newHome/redesign/icn_mobile.png); } .hpNext { background-image: url(//static.mediafire.com/images/backgrounds/newHome/redesign/icn_next.png); } a.contentActive { color: #348ae8 !important; background-position: left bottom !important; } #navBtnHome { float: left; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; margin-bottom: 15px; width: 80px; padding: 0 0 0 10px; line-height: 38px; } span.hpHome { background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/icn_home.png) left center no-repeat; float: left; height: 38px; width: 28px; } #navBtnSignup { float: left; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; margin-bottom: 15px; width: 104px; padding: 0 0 0 11px; line-height: 38px; } .sliderBg { position: relative; height: 429px; width:100%; background: #549ce4 url(//static.mediafire.com/images/backgrounds/newHome/redesign/home_top_bg.jpg) center center repeat-x; } .sliderControls { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #1F4061; text-align: center; padding: 15px 0; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/sliderControls_bg.png) center bottom no-repeat; position: relative; z-index: 11; } .sliderControls li { display: inline-block; padding: 0 15px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); cursor: pointer; } .sliderControls li:hover { color: #070D12; } .sliderControls li:after { content: "\2022"; position: absolute; right: -5px; top: 0; color: #2B70B6; text-shadow: 0 1px 0 rgba(255, 255, 255, .2); } .sliderControls li.last:after { display: none; } li.sliderArrow { position: absolute; height: 24px; width: 24px; background: #4188da; background: rgba(0, 0, 0, .2); padding: 0; border-radius: 50%; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .4); left: 0; margin: -12px 100px 0; top: 50%; } .sliderControls li:last-child { left: auto; right: 0; } li.sliderArrow:after { content: ""; position: absolute; right: 50%; top: 50%; color: #2B70B6; text-shadow: 0 1px 0 rgba(255, 255, 255, .2); margin-right: -2px; margin-top: -6px; border-style: solid; border-color: transparent white transparent transparent; border-width: 6px; } .sliderControls li:last-child:after { border-color: transparent transparent transparent white; margin-right: -10px; } li.sliderControlActive, li.sliderControlActive:hover { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); cursor: default; } /* GLOBAL SLIDE STYLES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .sliderContent { position: absolute; top: 0; left: 0; width: 100%; height: 519px; } .sliderContent li { color: #fff; position: absolute; top: 0; left: 0; height: 519px; width: 100%; overflow: hidden; display: none; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/home_top_bg.jpg) center top repeat-x; z-index: 1; } .sliderContent li.sliderContentActive { display: block; z-index: 1; } .sliderText { position: relative; z-index: 10; width: 960px; margin: 90px auto 0; } .sliderText h3 { font-family: 'Open Sans', sans-serif; font-weight: 700; /* 3 weights included: 800, 700, 400. see <link> in header .php */ font-size: 60px; line-height: 70px; letter-spacing: -0.04em; text-shadow: 0 2px 3px rgba(0, 0, 0, .2); } .sliderText p { font-size: 18px; line-height: 31px; margin-top: 20px; width: 400px; color: #A7D0F6; } .sliderText a { position: relative; /*padding-right: 15px;*/ color: #fff; text-shadow: 0 -1px 0 black; border-bottom: 1px dotted rgba(255, 255, 255, .4); } .sliderText a:hover { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 1); } /*.sliderText a:after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -3px; border-style: solid; border-color: white transparent transparent transparent; border-width: 5px; }*/ .foregroundAnimation { position: absolute; height: 519px; width: 960px; top: 0; left: 50%; margin-left: -480px; z-index: 9; } .backgroundAnimation { position: absolute; height: 429px; width: 100%; top: 0; z-index: 8; overflow: hidden; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .25)), color-stop(5%, transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); } .foregroundAnimation > div { position: absolute; } .backgroundAnimation > div { position: absolute; bottom: 0; left: 50%; } /* SLIDE - SHARING AND DISTRIBUTION +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #shareFolder { height: 314px; width: 405px; bottom: 0; right: 20px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/folder.png) 0 0 no-repeat; } #shareCloudBack { height: 263px; width: 528px; margin-left: -160px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/share_cloud_back.png) 0 0 no-repeat; } #shareCloudMid { height: 120px; width: 331px; margin-left: 260px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/share_cloud_mid.png) 0 0 no-repeat; } #shareCloudFront { height: 87px; width: 243px; margin-left: -100px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/share_cloud_front.png) 0 0 no-repeat; } #circleUsers { height: 124px; width: 124px; margin: 0 0 130px -50px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/circle_users.png) 0 0 no-repeat; } #circleTransfer { height: 82px; width: 82px; margin: 0 0 280px 220px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/circle_transfer.png) 0 0 no-repeat; } #circleDocument { height: 105px; width: 105px; margin: 0 0 163px 310px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/circle_document.png) 0 0 no-repeat; } /* SLIDE - ACCESS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*#accessUserPic { right: 20px; bottom: 0; height: 463px; width: 444px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/user_pic.png) 0 0 no-repeat; }*/ #circleHeadphones { height: 130px; width: 130px; right: 193px; bottom: 38px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/circle_headphones.png) 0 0 no-repeat; } #cloudInset { height: 209px; width: 335px; top: 157px; margin-left: -73px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/cloud_inset.png) 0 0 no-repeat; } #dataFlow { height: 313px; width: 665px; top: 107px; margin-left: -120px; opacity: .5; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/data_flow.png) 0 0 no-repeat; } #metalSync { height: 148px; width: 144px; top: 206px; margin-left: 40px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/metal_sync.png) 0 0 no-repeat; } #circleComputer { height: 107px; width: 107px; top: 296px; margin-left: -180px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/circle_computer.png) 0 0 no-repeat; } #circleLaptop { height: 78px; width: 78px; top: 68px; margin-left: 160px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/circle_laptop.png) 0 0 no-repeat; } #circlePhone { height: 149px; width: 149px; top: 134px; margin-left: 390px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/circle_phone.png) 0 0 no-repeat; } /* SLIDE - COLLABORATION +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #collabDoc { right: 60px; bottom: 20px; height: 381px; width: 345px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/collab_doc.png) 0 0 no-repeat; } #collabTitle { bottom: 312px; height: 67px; right: 178px; width: 198px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/collab_title.png) 0 0 no-repeat; } #collabText { right: 130px; bottom: 210px; height: 87px; width: 205px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/collab_text.png) 0 0 no-repeat; } #collabPie { right: 100px; bottom: 70px; height: 127px; width: 158px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/collab_pie.png) 0 0 no-repeat; } #collabAnna { right: 280px; bottom: 360px; height: 100px; width: 227px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/collab_michael.png) 0 0 no-repeat; } #collabJosh { right: 310px; bottom: 170px; height: 89px; width: 257px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/collab_peter.png) 0 0 no-repeat; } #collabSalman { right: 0px; bottom: 140px; height: 301px; width: 131px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/collab_samir.png) 0 0 no-repeat; } #collabCloudBack { height: 263px; width: 528px; margin-left: -160px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/share_cloud_back.png) 0 0 no-repeat; } #collabCloudMid { height: 120px; width: 331px; margin-left: 260px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/share_cloud_mid.png) 0 0 no-repeat; } #collabCloudFront { height: 87px; width: 243px; margin-left: -100px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/share_cloud_front.png) 0 0 no-repeat; } /* SLIDE - APP +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #appComputer { bottom: -12px; right: 0px; height: 458px; width: 494px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/app_computer-v3.png) 0 0 no-repeat; } #appTablet { bottom: 0px; right: -20px; height: 194px; width: 251px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/app_tablet.png) 0 0 no-repeat; } #circleBlackberry { height: 45px; width: 45px; bottom: 15px; margin-left: -230px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/circle_blackberry.png) 0 0 no-repeat; } #circleApple { height: 129px; width: 129px; bottom: 15px; margin-left: -123px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/circle_apple.png) 0 0 no-repeat; } #circleWindows { height: 61px; width: 61px; bottom: 344px; margin-left: 419px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/circle_windows.png) 0 0 no-repeat; } #circleAndroid { height: 89px; width: 89px; bottom: 119px; margin-left: 467px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/circle_android.png) 0 0 no-repeat; } /* SLIDE - STORE AND BACKUP +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #backupVault { height: 287px; width: 502px; bottom: 0; right: 0; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_storeandbackup/home_cloudvault.png) 0 0 no-repeat; } #timeline, #timelineMask { position: absolute; bottom: 90px; left: 50%; width: 1468px; height: 102px; margin-left: -734px; } #timeline { background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_storeandbackup/timeline.png) 0px bottom no-repeat; } #timelineMask { background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_storeandbackup/timeline_mask.png) center bottom no-repeat; } div.circleBackup { bottom: 75px; height: 91px; width: 91px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_storeandbackup/circle_backup.png) center top no-repeat; } .circleBackup div { height: 91px; background-image: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_storeandbackup/circle_backup_sprite.png); background-repeat: no-repeat; } .circleBackup p { position: absolute; left: 100%; top: 32px; margin-left: 10px; font-size: 12px; line-height: 16px; color: #162f48; } .circleBackup:before { content: ""; position: absolute; top: 91px; left: 50%; bottom: 0; width: 2px; margin-left: -1px; background: rgba(255,255,255,.2); } .circleBackup:after { content: ""; position: absolute; bottom: -8px; left: 50%; width: 8px; height: 8px; margin-left: -4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255,255,255,.2); } #circleBrush { margin-left: -44px; } #circleCamera { margin-left: 223px; } #circlePage { margin-left: 329px; } #circleBrush div { background-position: 0 0; } #circleCamera div { background-position: -91px 0; } #circlePage div { background-position: -182px 0; } #appClouds { width: 654px; height: 272px; bottom: 90px; left: 50%; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/app_clouds.jpg) right bottom no-repeat; position: absolute; margin-left: -230px; } /* TABLE/MID BANNER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .tableBg { height: 90px; width:100%; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/table_bg.jpg) center center repeat-x; position: relative; font-size: 18px; } .tableBg:after { background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/table_shadow.jpg) no-repeat scroll center top transparent; content: ""; height: 10px; left: 0; position: absolute; right: 0; top: 91px; } .tableBg div { position: relative; z-index: 11; } .tableBg .btn { padding: 15px; margin-top: 23px; float: left; font-size: 18px; } .tableBg p { float: left; color: #4C4F52; font-weight: bold; margin: 26px 0 0 20px; line-height: 22px; font-size: 16px; } .tableBg span { font-weight: normal; } /* CONTENT AREA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mfStats { margin-top: 60px; background: #EFF0F0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); } #mfStats > div { width: 308px; height: 116px; float: left; border-right: 1px solid #DEDEDE; border-left: 1px solid rgba(255,255,255,.5); padding: 0 10px 0 0; color: #878787; line-height: 14px; } #mfStats > div:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } #mfStats > div:last-child { border-right-width: 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } #mfStats > div span { font-family: 'Open Sans',sans-serif; font-size: 36px; font-weight: 700; padding-top: 40px; display: block; } #mfStats > div > img { float: left; margin: 38px 10px 50px 20px; } #mfStatsAccolades { overflow: hidden; } #mfStatsAccolades ul { } #mfStatsAccolades li { height: 116px; } #mfStatsAccolades div { float: left; height: 116px; width: 175px; } #mfStatsAccolades p { float: right; width: 110px; line-height: 18px; margin-top: 40px; font-size: 12px; margin-right: 5px; } #homeContent { position: relative; padding: 0; margin-top: 60px; } #homeContentNav { position: absolute; top: 0; left: 0; width: 240px; } #homeContentNav.fixedNav { position: fixed; top: 90px; left: 50%; margin-left: -480px; } #homeContentNav.bottomNav { bottom: -200px; top: auto; } #homeContentNav li a { color: #737373; line-height: 30px; display: block; height: 30px; width: 200px; padding-left: 40px; margin-bottom:15px; } #homeContentNav li a:hover { color: #D85724; } #homeContentNav .contentActive a { color: #3171b1; } #homeContentSections { width: 720px; margin-left: 240px; } #homeContentSections > div { height: 460px; margin-bottom: 200px; position: relative; } #homeContentSections h3 { font-family: 'Open Sans', sans-serif; font-size: 60px; font-weight: 400; text-align: center; position: relative; top: -30px; margin-bottom: -100px; letter-spacing: -0.04em; color: #595959; /*text-shadow: 0 -1px rgba(0, 0, 0, 1), 0 1px 0 white;*/ /*-webkit-transition: color .5s linear; -moz-transition: color .5s linear; -ms-transition: color .5s linear; -o-transition: color .5s linear; transition: color .5s linear;*/ z-index: 1; } #homeContentSections > div { opacity: .3; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -ms-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } #homeContentSections > div.contentActive { opacity: 1; } /*#homeContentSections .contentActive h3 { color: #595959; }*/ #homeContentSections .csNav { position: absolute; width: 100%; top: 100%; left: 0; text-align: center; font-size: 0; /*kill spacing between inline-block child <li>*/ } #homeContentSections .csNav li { display: inline-block; height: 60px; width: 140px; background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/nav_bg.jpg) left center no-repeat; font-size: 14px; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; line-height: 58px; } #homeContentSections .csNav li.featureActive { background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/nav_bg_on.jpg) left center no-repeat; color: #3786dc; text-shadow: 0px 1px 0px #fff; } #homeContentSections .csNav li > div { display: none; position: absolute; bottom: 100%; left: 0; } #homeContentSections .csNav li.featureActive > div { display: block; } #homeContentSections p { color: #5E5E5E; font-family: arial; font-size: 14px; font-style: italic; font-weight: normal; height: 60px; padding: 20px 80px 0; text-shadow: none; line-height: 22px; } .pageDividerIndent { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_divider_indent.jpg) center top no-repeat; } .pageDivider { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_divider.jpg) center top no-repeat; } .csImage { height: 315px; } .accessMyfiles { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/bottom/access_myfiles_v2.jpg) center top no-repeat; } .accessDrag { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/bottom/access_drag_v2.jpg) center top no-repeat; } .accessThumb { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/bottom/access_thumb_v2.jpg) center top no-repeat; } .accessAnywhere { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_access/bottom/access_anywhere.jpg) center top no-repeat; } .collabView { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/bottom/collab_view.jpg) center top no-repeat; } .collabCollab { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/bottom/collab_collab_v2.jpg) center top no-repeat; } .collabVdr { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/bottom/collab_vdr.jpg) center top no-repeat; } .collabDropFiles { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/bottom/collab_dropfiles.jpg) center top no-repeat; } .collabCustom { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/bottom/collab_custom.jpg) center top no-repeat; } .collabSecure { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_collab/bottom/collab_secure.jpg) center top no-repeat; } .store100gb { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_storeandbackup/bottom/store_100gb.jpg) center top no-repeat; } .storeSecure { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_storeandbackup/bottom/store_secure.jpg) center top no-repeat; } .sharingImage { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/bottom/sharing_image-v2.jpg) center top no-repeat; } .sharingGallery { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/bottom/sharing_gallery-v2.jpg) center top no-repeat; } .sharingExclusive { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_sharing/bottom/sharing_exclusive.jpg) center top no-repeat; } .appDownload { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_app/bottom/app_download.jpg) center top no-repeat; } .nextSteps { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/slide_next/next_steps.jpg) center top no-repeat; } .sharingFeatures { background: white url(//static.mediafire.com/images/backgrounds/newHome/redesign/share_box_bg.png) center center no-repeat; border-radius: 6px; border: 2px solid #3371dc; height: 357px; width: 716px; font-style: normal; float: left; margin-bottom: 20px; } .sharingFeatures .box { width:237px; height:163px; float: left; position: relative; overflow: hidden; font-family: 'Open Sans', sans-serif; font-weight: 600; text-shadow: 0px 1px 0px #346ddd; border-bottom: 1px solid #4283E0; border-right: 1px solid #4283E0; font-size: 21px; line-height: 28px; padding-top:15px; } .animateBox { background: #1C3145; background: rgba(21, 36, 51, .9); width:200px; height:138px; position: absolute; z-index: 1; top:178px; left:0; font-size: 16px; font-weight: 400; padding:20px; line-height: 22px; -webkit-transition: top .3s ease-out 0s; -moz-transition: top .3s ease-out 0s; -o-transition: top .3s ease-out 0s; transition: top .3s ease-out 0s; } a.box { color: white; } a.box:hover { color: white; } a.box:hover .animateBox { top:0; color: white; } a.appDownloadBtn { float: left; width: 148px; height: 38px; border-radius: 6px; border: 1px solid #d1e2f2; text-align: left; line-height: 36px; margin: 387px 45px 0; } a.appDownloadBtn:hover { border: 1px solid #9FB1C1; } .appDownloadIcon { background: url(//static.mediafire.com/images/backgrounds/newHome/redesign/downloadIcon.png) center top no-repeat; height: 13px; margin: 12px 10px 12px 32px; width: 12px; float: left; } #nextSteps { } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ WHY WAS I CHARGED ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .whyChargedCallout { width:185px; height:137px; float:left; padding-left:100px; font-size:14px; } .whyChargedCallout h3 { font-size:15px; font-weight:bold; color:#000; } .whyChargedCallout.aboutBg { background:url(//static.mediafire.com/images/backgrounds/whyCharged/aboutUs.png) left center no-repeat; } .whyChargedCallout.cancelBg { background:url(//static.mediafire.com/images/backgrounds/whyCharged/cancel.png) left center no-repeat; } .whyChargedCallout.contactBg { background:url(//static.mediafire.com/images/backgrounds/whyCharged/contact.png) left center no-repeat; margin-left:15px; } .whyChargedCallout.invoiceBg { background:url(//static.mediafire.com/images/backgrounds/whyCharged/invoice.png) left center no-repeat; } .whyChargedCallout.refundBg { background:url(//static.mediafire.com/images/backgrounds/whyCharged/refund.png) left center no-repeat; margin-left:15px; } .whyChargedCallout.whyBg { background:url(//static.mediafire.com/images/backgrounds/whyCharged/why.png) left center no-repeat; margin-left:15px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BBB Seal ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .newBBB { background:url(//static.mediafire.com/images/bbb.png) no-repeat; height: 149px; width: 92px; position: absolute; left: 836px; top: 155px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* STORAGE INDICATOR TOP PAGE (MY ACCOUNT/MYFILES) ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .spaceIndicator { display: none; } .chrome .spaceIndicator, .firefox .spaceIndicator, .safari .spaceIndicator { width: 680px; height: 70px; position: relative; margin-top: 50px; margin-bottom: 10px; display: block; } .indicatorNeedle { height: 35px; position: absolute; border-radius: 6px; background: #1c3145; left: 0px; top:-31px; text-align: center; color:white; font-size: 12px; line-height: 15px; opacity:0; margin-left:-45px; padding: 5px 5px 0 5px; animation:needleAnim 1.5s 1.5s 1 ease-out forwards; -moz-animation:needleAnim 1.5s 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:needleAnim 1.5s 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:needleAnim 1.5s 1.5s 1 ease-out forwards; /* Opera */ } /* Animation styles in 'myaccount.php'. -Cliff 8/21/2012 */ .indicatorNeedle:after { background: #1c3145; content: ""; height: 31px; left: 45px; position: absolute; top: 40px; width: 3px; } .needlePromo.indicatorNeedle { animation: 1.5s ease-out 1.5s normal forwards 1 needleAnim; background:#1C3145; border-radius: 6px 6px 6px 6px; color: white; font-size: 12px; left: 0; line-height: 18px; margin-left: -220px; opacity: 0; padding: 5px 5px 5px 30px; position: absolute; text-align: center; top: -27px; height: 20px; } .needlePromo.indicatorNeedle:after { background: #1C3145; content: ""; height: 39px; left: 220px; position: absolute; top: 28px; width: 3px; } .needlePromo.indicatorNeedleOld { background:#1C3145; color: white; font-size: 12px; left: 0; line-height: 18px; margin-left: -214px; opacity: 0; padding: 5px 5px 5px 30px; position: absolute; text-align: center; top: -21px; height: 20px; white-space: nowrap; } .needlePromo.indicatorNeedleOld:after { content: ""; background: #1C3145; height: 39px; left: 220px; position: absolute; width: 3px; top: 28px; } .needlePromo .needleContainer { display: none; } .needlePromoBtn:hover a { color: #fff; } .needlePromoBtn { display: none; } .needlePromo .needlePromoBtn { display: block; white-space: nowrap; } .grayBar { width: 680px; height: 40px; position: relative; } .grayFront { width: 680px; height: 25px; position: absolute; top:15px; background: #dbdbdb; /* Old browsers */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-moz-linear-gradient(top, #dbdbdb 0%, #eaeaea 100%); /* FF3.6+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(top, #dbdbdb 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-o-linear-gradient(top, #dbdbdb 0%,#eaeaea 100%); /* Opera 11.10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-ms-linear-gradient(top, #dbdbdb 0%,#eaeaea 100%); /* IE10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),linear-gradient(to bottom, #dbdbdb 0%,#eaeaea 100%); /* W3C */ animation:grayFrontAnim 1.5s 1 ease-out forwards; -moz-animation:grayFrontAnim 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:grayFrontAnim 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:grayFrontAnim 1.5s 1 ease-out forwards; /* Opera */ } @-moz-keyframes grayFrontAnim { from {top:4px;} to {top:15px;} } @-webkit-keyframes grayFrontAnim { from {top:4px;} to {top:15px;} } .grayTop { background: #e4e4e4; background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-moz-linear-gradient(top, #d8d8d8 0%, #f7f7f7 100%); /* FF3.6+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(top, #d8d8d8 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-o-linear-gradient(top, #d8d8d8 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-ms-linear-gradient(top, #d8d8d8 0%,#f7f7f7 100%); /* IE10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),linear-gradient(to bottom, #d8d8d8 0%,#f7f7f7 100%); /* W3C */ -moz-transform: perspective( 237px ) rotateX( 45deg ); -webkit-transform: perspective( 237px ) rotateX( 45deg ); -o-transform: perspective( 237px ) rotateX( 45deg ); height: 30px; left: 14px; position: absolute; top: -11px; width: 652px; outline: 1px solid transparent; animation:grayTopAnim 1.5s 1 ease-out forwards; -moz-animation:grayTopAnim 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:grayTopAnim 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:grayTopAnim 1.5s 1 ease-out forwards; /* Opera */ } @-moz-keyframes grayTopAnim { from {-moz-transform: perspective( 237px ) rotateX( 90deg );} to {-moz-transform: perspective( 237px ) rotateX( 45deg );} } @-webkit-keyframes grayTopAnim { from {-webkit-transform: perspective( 237px ) rotateX( 90deg );} to {-webkit-transform: perspective( 237px ) rotateX( 45deg );} } .spaceShadow { -moz-transform: perspective(210px) rotateX(45deg); -webkit-transform: perspective(150px) rotateX(45deg); -o-transform: perspective(150px) rotateX(45deg); background: #D0D0D0; box-shadow: 0 0 10px 10px #D0D0D0; height: 5px; left: 33px; position: absolute; top: 40px; width: 607px; animation:grayShadowAnim 1.5s 1 ease-out forwards; -moz-animation:grayShadowAnim 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:grayShadowAnim 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:grayShadowAnim 1.5s 1 ease-out forwards; /* Opera */ } @-moz-keyframes grayShadowAnim { from {top:20px;} to {top:40px} } @-webkit-keyframes grayShadowAnim { from {top:20px;} to {top:40px} } .colorBar { height: 50px; overflow: hidden; position: relative; top: -50px; width: 0px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; -moz-animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; /* Opera */ } /* Animation styles in 'myaccount.php'. -Cliff 8/21/2012 */ .colorFront { height: 25px; position: absolute; top: 25px; width: 680px; background: #5d8926; /* Old browsers */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-moz-linear-gradient(left, #5d8926 0%, #bc8d02 50%, #d23d09 100%); /* FF3.6+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, right top, color-stop(0%,#5d8926), color-stop(50%,#bc8d02), color-stop(100%,#d23d09)); /* Chrome,Safari4+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(left, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* Chrome10+,Safari5.1+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-o-linear-gradient(left, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* Opera 11.10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-ms-linear-gradient(left, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* IE10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),linear-gradient(to right, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* W3C */ } .colorTop { background: #6fa42e; /* Old browsers */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-moz-linear-gradient(left, #6fa42e 0%, #fdba01 50%, #ff4a0b 100%); /* FF3.6+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, right top, color-stop(0%,#6fa42e), color-stop(50%,#fdba01), color-stop(100%,#ff4a0b)); /* Chrome,Safari4+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(left, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* Chrome10+,Safari5.1+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-o-linear-gradient(left, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* Opera 11.10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),-ms-linear-gradient(left, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* IE10+ */ background: url(//static.mediafire.com/images/backgrounds/myfiles/noise.png),linear-gradient(to right, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* W3C */ -moz-transform: perspective( 237px ) rotateX( 45deg ); -webkit-transform: perspective( 237px ) rotateX( 45deg ); -o-transform: perspective( 237px ) rotateX( 45deg ); height: 30px; left: 14px; position: absolute; top: -1px; width: 652px; outline: 1px solid transparent; } #earnSpaceSettings { background: #78b44c; padding: 2px 4px; color: #fff; font-weight: 500; border-radius: 4px; font-size: 12px; margin-left: 6px; } #earnSpaceSettings:hover { color: #fff; background: #6fa846; } /* Old Browsers */ .spaceIndicatorOld { display: none; } .opera .spaceIndicatorOld, .ie7 .spaceIndicatorOld, .ie8 .spaceIndicatorOld, .ie9 .spaceIndicatorOld { width: 680px; height:66px; position: relative; display: block; margin-top: 50px; margin-bottom: 20px; } .indicatorNeedleOld { height: 35px; position: absolute; border-radius: 6px; background: #1c3145; top:-31px; text-align: center; color:white; font-size: 12px; line-height: 15px; margin-left:-45px; padding: 5px 5px 0 5px; } .indicatorNeedleOld:after { background: #1c3145; content: ""; height: 37px; left: 45px; position: absolute; top: 40px; width: 3px; } .grayBarOld { background: url(//static.mediafire.com/images/backgrounds/myfiles/grayBar.png) no-repeat; position: absolute; top:0; left: 0; width: 680px; height: 66px; } .colorBarOld { background: url(//static.mediafire.com/images/backgrounds/myfiles/colorBar.png) no-repeat; position: absolute; top:0; left: 0; height: 66px; overflow: hidden; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* 24hr SocialVibe Promo /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .promo24hr #titlebar h1.title { text-align: center; float: none; } .promo24Container { width:100%; position: relative; background: url(//static.mediafire.com/images/backgrounds/24Promo/bgStep1.jpg) no-repeat center center; text-align: center; padding-top: 40px; } .promo24Container h3 { width:100%; font-size: 28px; color: #1c3145; font-family: 'Open Sans',sans-serif; margin-bottom: 40px; } .promoBox24hr { width:410px; height:275px; background: #fff; background: rgba(255, 255, 255, .5); -webkit-box-shadow: 0px 0px 3px 0px rgba(28, 49, 69, .75), inset 0px 0px 10px 0px rgba(203, 221, 238, 1); box-shadow: 0px 0px 3px 0px rgba(28, 49, 69, .75), inset 0px 0px 10px 0px rgba(203, 221, 238, 1); float:left; border-radius: 6px; margin-left: 45px; font-family: 'Open Sans',sans-serif; font-size: 20px; padding-top: 15px; position: relative; overflow: hidden; cursor: hand; cursor: pointer; border: 2px solid #fff; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: background .3s ease-out 0s; -moz-transition: background .3s ease-out 0s; -o-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s; } .promoBox24hr.active { border: 2px solid #397aba; } .promoBox24hr:hover { background: rgba(255, 255, 255, 1); } .promoBox24hr:hover .bannnersDowload, .promoBox24hr:hover .oneCommercial{ top:90px; } .bannnersDowload { background: url(//static.mediafire.com/images/backgrounds/24Promo/bannersDownload.png) no-repeat center center; width:237px; height:150px; top: 100px; left: 85px; position: absolute; -webkit-transition: top .3s ease-out 0s; -moz-transition: top .3s ease-out 0s; -o-transition: top .3s ease-out 0s; transition: top .3s ease-out 0s; } .oneCommercial { background: url(//static.mediafire.com/images/backgrounds/24Promo/oneCommercial.png) no-repeat center center; width:237px; height:150px; top: 100px; left: 85px; position: absolute; -webkit-transition: top .3s ease-out 0s; -moz-transition: top .3s ease-out 0s; -o-transition: top .3s ease-out 0s; transition: top .3s ease-out 0s; } .promoBox24hr:hover .shadow24hr { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } .shadow24hr { width: 384px; height: 39px; top:250px; left: 18px; background: url(//static.mediafire.com/images/backgrounds/24Promo/shadow.png) no-repeat center center; position: absolute; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .orCloud { width:84px; height:57px; position: absolute; top: 248px; left:436px; background: url(//static.mediafire.com/images/backgrounds/24Promo/orCloud.png) no-repeat center center; } .promo24Container .checkbox-custom { width: 25px; height: 25px; top:-3px; left: 0px; border-radius: 3px; position: absolute; } .promoBox24hr.active .checkbox-custom { background: url(//static.mediafire.com/images/icons/custom-checkbox-tick-blue.png) no-repeat center center; } .promo24Step3 { background: url(//static.mediafire.com/images/backgrounds/24Promo/bgStep3.jpg) no-repeat center center; } .promo24Bullets { width:400px; height:210px; font-family: 'Open Sans',sans-serif; font-size:16px; margin: 30px 0 0 280px; text-align: left; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* EMAIL VALIDATION, ACCOUNT RESTRICTION, DL NOT AVAILABLE PAGES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .emailValidation, .accountRestriction, .dlNotAvailable, .tosDeclined { background-image: url(//static.mediafire.com/images/backgrounds/email_validation/ev_cloudbg.jpg); background-position: center 49px; background-repeat: no-repeat; color: #6e6e6e; } .emailValidationWrap.wrap { margin-top: 110px; width: 720px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); -moz-box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); position: relative; } .dlNotAvailable .emailValidationWrap.wrap { margin-top: 30px; } .emailValidationWrap .mf_page_processing { height: auto; bottom: 0; top: -20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .emailValidationWrap h3 { background: #3e89c7; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: 1px solid #2e6694; color: #fff; font: normal normal 700 21px/60px "Open Sans", sans-serif; height: 60px; padding: 0 0 0 115px; position: relative; } .dlNotAvailable .emailValidationWrap h3 { padding-left: 65px; } .emailValidationWrap h3:before { content: ""; position: absolute; top: -20px; left: 15px; height: 74px; width: 93px; background: url(//static.mediafire.com/images/backgrounds/email_validation/email_validation_inprogress.png) 0 0 no-repeat; } .accountRestriction .emailValidationWrap h3:before { height: 78px; background: url(//static.mediafire.com/images/backgrounds/myaccount/account_restricted/geolocation_lock.png) 0 0 no-repeat; } .dlNotAvailable .emailValidationWrap h3:before { top: 5px; left: 7px; height: 48px; width: 48px; background: url(//static.mediafire.com/images/backgrounds/lightbox/archive_information/green_info_48x48.png) 0 0 no-repeat; } .tosDeclined .emailValidationWrap h3 { padding-left: 50px; } .tosDeclined .emailValidationWrap h3:before { display: none; } .tosDeclined .emailValidationWrap .btn { margin: 0 auto; display: block; width: 290px; padding: 20px; text-align: center; margin-top: 45px; font-size: 16px; cursor: pointer; } .evContentWrap { padding: 40px 50px 50px; height: 177px; } .emailValidationWrap label { display: block; font-size: 21px; margin-bottom: 20px; float: left; } .emailValidationWrap .inset-box { float: left; clear: both; margin-bottom: 25px; padding: 15px; } .emailValidationWrap .inset-box input { margin: 0; float: left; height: 32px; line-height: 30px; padding: 0 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .emailValidationWrap .inset-box input[type="password"] { margin-right: 10px; height: 30px; width: 50px; text-align: center; border: 1px solid #cfcfcf; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .13), 0 1px 0 rgba(255, 255, 255, .5); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .13), 0 1px 0 rgba(255, 255, 255, .5); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .13), 0 1px 0 rgba(255, 255, 255, .5); } .emailValidationWrap .inset-box input[type="submit"] { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5); border-color: #417500; } .evFooter { text-align: center; font-size: 0; border-top: 1px solid #ebebeb; height: 60px; line-height: 60px; } .evFooter li { display: inline-block; font-size: 14px; padding: 0 15px; margin: 10px 0; line-height: 40px; } .evFooter li a { cursor: pointer; } .evFooter li:first-child { font-weight: bold; } .evFooter li:nth-child(2), .evFooter li:nth-child(3) { border-right: 1px dotted #ccc; } .leaderBoard { width: 728px; height: 90px; border: 1px solid #000; margin: 30px auto 0; background: #eee; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* BONUS SPACE PAGE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .earnSpacePage .popup { background-color: transparent; } .earnSpacePage #main { background: url(//static.mediafire.com/images/backgrounds/signup/signup_bg.jpg) center 0 no-repeat; min-height: 699px; } .earnspace h1 { text-align: center; font-size: 42px; font-weight: normal; margin-top: 25px; } .earnspace h2 { font-size: 16px; line-height: 18px; font-weight: 600; } .earnspace h3 { font-size: 36px; font-weight: 300; margin-top: -10px; } .earnspaceSub { text-align: center; font-size: 18px; font-weight: 400; } .earnspaceSub .earnspaceSubAmount { font-weight:bold; } .earnCompl { display:none; } .earnspace .spaceTiles { max-width: 850px; margin: 30px auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .tileContainer { margin:10px; position:relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; } .tileContainer a { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2500; } .earnspace .spaceTiles.shortenedSpace { width:670px; } .spaceTile { height: 160px; width: 150px; color: #fff; padding: 20px 25px; border-radius: 4px; text-align: center; cursor: pointer; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; -moz-transform-style: preserve-3d; -moz-transition: 0.5s; } .spaceTile .tileFront{ display: inline-block; height: 160px; width: 150px; color: #fff; position:absolute; z-index:2; top: 0; left: 0; padding: 20px 25px; border-radius: 4px; text-align: center; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.2); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .spaceTile .tileBack{ display: inline-block; height: 160px; width: 150px; color: #fff; padding: 20px 25px; position:absolute; z-index:1; top: 0; left: 0; border-radius: 4px; text-align: center; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.2); -webkit-transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-transform: rotateY(180deg); -moz-backface-visibility: hidden; } .spaceTile .addTileFace { height: 156px; width: 146px; color: #aaa; position:absolute; z-index:2; top: 0; left: 0; padding: 20px 25px; border-radius: 4px; border: 2px dashed #ddd; text-align: center; } .earnspace .addTileFace h2 { margin-top: 65px; } .earnspace .tileContainer:hover .spaceTile { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .earnspace .tileContainer:hover .spaceTile.earnedSpace, .earnspace .tileContainer:hover .spaceTile.addTile{ -webkit-transform:none; -moz-transform:none; cursor:default; } .spaceTile.earnedSpace .tileFront, .spaceTile.earnedSpace .tileBack{ background:#eee; } .upgradeTile .tileFront, .upgradeTile .tileBack{ background:#88c859; } .referTile .tileFront, .referTile .tileBack{ background:#ff9771; } .feedbackTile .tileFront, .feedbackTile .tileBack{ background:#ee6a83; } .desktopTile .tileFront, .desktopTile .tileBack{ background:#edc669; } .mobileTile .tileFront, .mobileTile .tileBack{ background:#cb7ad5; } .facebookTile .tileFront, .facebookTile .tileBack{ background:#5983c8; } .twitterTile .tileFront, .twitterTile .tileBack{ background:#62c3ef; } .avatarTile .tileFront, .avatarTile .tileBack{ background: #717f8c; } .postFacebookTile .tileFront, .postFacebookTile .tileBack{ background:#5983c8; } .postTwitterTile .tileFront, .postTwitterTile .tileBack{ background:#62c3ef; } .spaceTileIcon { height: 50px; width: 50px; background: url(//static.mediafire.com/images/icons/earnspace/earn-space-sprite.png) top left no-repeat; margin: 20px auto; } .spaceTile.earnedSpace .spaceTileIcon { background-position: 0px 0px; } .upgradeTile .spaceTileIcon { background-position: -100px 0px; } .referTile .spaceTileIcon, .postFacebookTile .spaceTileIcon, .postTwitterTile .spaceTileIcon { background-position: -200px 0px; } .feedbackTile .spaceTileIcon { background-position: -300px 0px; } .desktopTile .spaceTileIcon { background-position: -400px 0px; } .mobileTile .spaceTileIcon { background-position: -500px 0px; } .facebookTile .spaceTileIcon { background-position: -600px 0px; } .twitterTile .spaceTileIcon { background-position: -700px 0px; } .avatarTile .spaceTileIcon { background-position: -800px 0px; } .earnedTag {display:none;} .earnedSpace .earnedTag { display:block; color: #666; margin: -15px auto; } .spaceTile.earnedSpace { cursor:default; pointer-events: none!important; } .spaceTile.earnedSpace > div { pointer-events: none!important; } .earnedSpace h2 { color: #aaa; } .earnedSpace h3 { color: #666; } .earnedSpace .uptoTag { display:none; } .spaceTiles .tileContainer:hover .earnedSpace a { display:none; } .uptoTag { display:block; color: #fff; margin: -15px auto; font-weight: 300; } .tileBack h2 { display: inline-block; padding-top: 30px; margin: 20px; line-height: 22px; font-weight: 400; z-index:1; color: #fff; } /* ---Hiding elements when all bonus storage has been earned--- */ .bonusCompleted .earnInstr { display:none; } .bonusCompleted .spaceTiles { display:none; } .bonusCompleted .earnCompl { display:inline; } /* --- Opera and ie10fix ---*/ .opera .earnspace .tileContainer .tileFront, .ie10 .earnspace .tileContainer .tileFront { visibility: visible; opacity:1; -ms-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; } .opera .earnspace .tileContainer:hover .tileFront, .ie10 .earnspace .tileContainer:hover .tileFront { opacity:0; visibility: hidden; -o-transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s; -ms-transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s; transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s; } .ie10 .earnspace .tileContainer:hover .earnedSpace .tileFront, .opera .earnspace .tileContainer:hover .earnedSpace .tileFront { visibility:visible; opacity:1; -ms-transition:none; -o-transition:none; transition:none; } .ie9 .earnspace .tileContainer:hover .tileFront { display:none; } .firefox .earnspace .tileContainer:hover .tileFront { z-index: -1 !important; } .spaceTiles .tileContainer:hover .tileBack { /*z-index: 2000;*/ } .spaceTiles .tileContainer:hover .earnedSpace .tileBack { z-index: 0; display: none; } .fallbackTileLink { display:none; } .ie9 .fallbackTileLink { display:block; } .spaceTiles .beta { font-size: 11px; padding: 1px 6px; background: rgba(255,255,255,0.5); font-weight: 700; border-radius: 3px; color: #D6AA42; } .earnSpacePage #loggedin_dropdown { opacity: 1; /* fixes issue with opacity messing with z-index */ } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* REFER A FRIEND PAGE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .referTitle { position:relative; } .referTitle:after { display:block; content: ""; width:45px; height:30px; left:620px; top:10px; position:absolute; background: url(//static.mediafire.com/images/icons/earnspace/refericon.png) top center no-repeat; } .referralForm { white-space: nowrap; margin: 80px auto 0px auto; display: block; position: relative; height: 200px; } .referralForm .gbtnTertiary { white-space: normal; } .referralForm textarea { width: 390px; height: 50px; padding: 10px; resize: none; font-size:12px; margin-bottom:5px; background: #fff; } .firefox .referralForm textarea { margin-bottom:10px; } .referralForm .gbtnTertiary { } .referralForm .gbtnTertiary.facebookReferral { background-color:#5983c8; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 44, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 44, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); } .referralForm .gbtnTertiary.twitterReferral { background-color:#62c3ef; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 110, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 110, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); } .referralForm .gbtnTertiary.facebookReferral.ico30:after { background-image: url(//static.mediafire.com/images/backgrounds/newHome/loginActivateFB_v2.png); background-position: 8px 0px; opacity: 1; } .referralForm .gbtnTertiary.twitterReferral.ico30:after { background-image: url(//static.mediafire.com/images/backgrounds/newHome/loginActivateTW_v2.png); background-position: 10px 0px; opacity: 1; } .referralLink span, .referralForm span { display: block; margin-bottom: 10px; font-weight: 600; font-size: 16px; } .referralLink span { margin:10px; display:block; font-size:14px; text-align:center; font-weight: 500; color: #666; } .referralLink { width: 340px; margin: 10px auto; margin-top: 40px; border-radius: 6px; } .referralLink .gbtnPrimary { margin-right:0px; margin-top:2px; } .referralBubble { width:100%; height:200px; margin-top:10px; background: url(//static.mediafire.com/images/icons/earnspace/referbubble.png) top center no-repeat; display:none; } input[type="text"].referralLinkField { width: 225px; background: #fff; } .referralEmail, .referralSocial { width: 410px; height: 160px; border-radius: 6px; display: inline-block; padding:10px; white-space: normal; } .referEmailImport { float:right; font-size:12px; margin-top:-30px; } .referralForm span.orRefer { margin: 20px; width: 50px; height: 38px; text-align: center; background: rgb(255, 255, 255); border: 1px solid #fff; border-radius: 50%; padding-top: 12px; color: #666; z-index: 2; display: inline-block; position: relative; font-size: 16px; font-weight: bold; top: 85px; left: -45px; } .referDivider { display: inline-block; width: 1px; margin: -140px 45px; height: 270px; position: relative; top: -120px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* W3C */ } /* EXPRESS GETTING STARTED PAGE */ .expressSignUp.wrap { width: 720px; } .expressSignUp #mfuploader { background: url(//static.mediafire.com/images/backgrounds/login/sslslide1.jpg) left -2px no-repeat; padding-left:280px; } .expressSignUp #mfuploader .tool-description { padding-top: 30px; } .expressSignUp #mfuploader p { font-size: 14px; margin: 15px auto; } .expressSignUp #mfuploader span { font-size:14px; } .expressSignUp #mfuploader ul { font-weight: bold; list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 40px; padding-left: 1em; } .expressSignUp #mfuploader .dropdown ul { list-style:none; } .expressSignUp #mfuploader a[class*="gbtn"] { float:left; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DMCA APPLICATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaapplication label { display: block; margin-top: 30px; font-weight: bold; } #dmcaapplication input[type="text"], #dmcaapplication select { width: 350px; } #dmcaapplication select[name="dmca_state"], #dmcaapplication #dmca_zip { width: 150px; } #dmca_submit { float: none; margin: 60px 0 0; display: block; width: 280px; height: 45px; font-size: 13px; line-height: 45px; } #dmcaapplication #recaptchaDiv input { display: block !important; height: 30px; line-height: 30px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* GOLDEN TICKET /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .goldenTicket { min-height: 100%!important; } .goldenTicket #titlebar, .goldenTicket #footer, .goldenTicket h2.logo, .goldenTicket #logged_in_info, .goldenTicket #secondaryHeaderNav { display: none; } .goldenTicket #header { height:0!important; } .goldenTicket .gradientWrapper { background: -moz-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, top center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */ background: -ms-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: radial-gradient(ellipse at top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ opacity:0.5; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 0; } .goldenTicket .woodGrain { background: url(//static.mediafire.com/images/goldenticket/wood.jpg) center; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 0; } .goldenTicket #container { padding-top: 0px; } .goldenTicket .gbtnTertiary { height: 32px; line-height: 30px; text-transform: none!important; font-weight: 600; margin: 10px auto; float: none; display: block; } .goldenTicket #content_container { padding:0!important; } .goldenTicket #page { width: 100%; position:relative; z-index:1; } .goldenTicket #page .wrap { width: 960px; min-height: 800px; height: 100%; margin: 0 auto; position: relative; overflow: visible; padding-top: 125px; } .goldenLogo { width: 155px; height:20px; display:block; margin:10px auto; background: url(//static.mediafire.com/images/goldenticket/logo.png) center no-repeat; } .goldenTicket .deskTicket { width: 341px; height: 246px; background: url(//static.mediafire.com/images/goldenticket/ticket.png) center no-repeat; position:absolute; top: 464px; right: 25px; z-index:3; top: 580px; left: -45px; z-index: 3; } .goldenTicket .deskPen { width: 117px; height: 390px; background: url(//static.mediafire.com/images/goldenticket/pen.png) center no-repeat; position:absolute; top: 464px; right: 25px; } .goldenTicket .deskCoffee { width: 351px; height: 281px; background: url(//static.mediafire.com/images/goldenticket/coffee.png) center no-repeat; position: absolute; top: -40px; left: -200px; z-index:1; } .goldenTicket .deskEnvelope { width: 660px; height: 404px; background: url(//static.mediafire.com/images/goldenticket/envelope.png) center no-repeat; position: absolute; top: 82px; left: 260px; z-index: 0; } .goldenTicket input[type="text"], .goldenTicket input[type="password"], .goldenTicket input[type="email"] { height:30px; line-height: 30px; width: 300px; padding:0px 10px; margin-bottom: 10px; font-size: 13px; } .goldenTicket input#registry_coupon_code, .goldenTicket input#coupon_code { background: #fce7c8; border-color: #fad296; color: #e18e2b; } .goldenTicket input#registry_coupon_code:focus, .goldenTicket input#coupon_code:focus { -webkit-box-shadow: 0px 0px 5px rgba(255, 193, 81, 0.7), inset 0px 1px 2px 0px rgba(0, 0, 0, .15); -moz-box-shadow: 0px 0px 5px rgba(255, 193, 81, 0.7), inset 0px 1px 2px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 5px rgba(255, 193, 81, 0.7), inset 0px 1px 2px 0px rgba(0, 0, 0, .15); background: #fff6e2; } .goldenTicket input#registry_coupon_code::-webkit-input-placeholder {color: #e18e2b;} .goldenTicket input#registry_coupon_code:-moz-placeholder {color: #e18e2b;} .goldenTicket input#registry_coupon_code:-ms-input-placeholder {color: #e18e2b;} .goldenTicket input#coupon_code::-webkit-input-placeholder {color: #e18e2b;} .goldenTicket input#coupon_code:-moz-placeholder {color: #e18e2b;} .goldenTicket input#coupon_code:-ms-input-placeholder {color: #e18e2b;} .goldenTicket .letterWrapper { position:relative; z-index:2; padding: 40px 80px 40px; width: 426px; margin:0 auto 120px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .goldenTicket .gTLogin { position: absolute; text-align: right; bottom: 100%; color: white; right: 0px; font-size: 13px; line-height: 30px; } .goldenTicket .gTLogin a { font-weight:bold; color: white; opacity:1; } .goldenTicket .gTLogin a:hover { font-weight:bold; color:white; opacity: 0.8; } .gTAccount { margin: 0px 0px 20px 52px; } .gTAccount .userEmail { font-weight: bold; } .goldenTicket .letterPattern { background: url(//static.mediafire.com/images/goldenticket/pattern.png) bottom center no-repeat; left:0px; right:0px; height: 9px; position: absolute; bottom: 0px; } .goldenTicket .letterPatternTop { background: url(//static.mediafire.com/images/goldenticket/pattern.png) bottom center no-repeat; left:0px; right:0px; height: 9px; position: absolute; top: 0px; } .goldenTicket #redeem_credits_register_box, .goldenTicket #redeem_credits_box { position:relative; margin:0 auto; } .goldenTicket #reg_area, .goldenTicket #redeem_credits_box ul { margin:0 auto; width: 322px; } .goldenTicket p { margin: 20px auto; } .goldenTicket i { display: block; margin-bottom: 30px; font-weight: 300; } .goldenTicket h2 { text-align: center; margin: 20px auto; font-size: 20px; } .goldenTicket h2 span { color: #e18e2b; } .goldenTicket #success_box .gbtnTertiary { float: none; display: block; margin: 50px auto 80px; width: 150px; text-align: center; } .goldenTicket .errorMsg { font-style: italic; color: red; margin:10px auto; } /* ========================================================================== Expired link ========================================================================== */ #expiredLinkMsg { margin-top: 50px; margin-bottom: 50px; padding-right: 120px; box-sizing: border-box; background: url('//static.mediafire.com/images/backgrounds/error/error_lock.png') right top / 54px no-repeat; } @media (max-width: 500px) { #expiredLinkMsg { padding-right: 0; background-image: none; } } #expiredLinkMsg .gbtnTertiary { float: none; } /* ========================================================================== Google Safe Browsing ========================================================================== */ #googleSafeBrowsing { margin-top: 70px; margin-bottom: 50px; box-sizing: border-box; text-align: center; padding-top: 270px; max-width: 500px; border-radius: 12px; overflow: hidden; border: 1px solid #E9EAEB; border: 1px solid var(--mf-gray10); background: url(//static.mediafire.com/images/backgrounds/error/google_safe_browsing.jpg) center 50px / 340px no-repeat; } #googleSafeBrowsing > div { background: hsla(240, 5%, 96%, .5); border-top: 1px solid #E9EAEB; border-top: 1px solid var(--mf-gray10); padding: 40px; } #googleSafeBrowsing > div .external-link:not(:hover) { color: #0045AD; color: var(--mf-blue3); background-image: url(//static.mediafire.com/images/icons/svg_dark/external_link_blue3.svg); } @media (max-width: 500px) { #googleSafeBrowsing { margin-top: 21px; } #googleSafeBrowsing > div { padding: 25px; } #googleSafeBrowsing h1 br { display: none; } } @media (max-width: 440px) { #googleSafeBrowsing { padding-top: 220px; background-position: center 40px; background-size: 280px; } #googleSafeBrowsing h1 { font-size: 1.4rem !important; } } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* REQUEST ACCESS TO PRIVATE FILE /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #privateFileMsg { padding-top: 80px; padding-bottom: 100px; background: url(//static.mediafire.com/images/backgrounds/request_access/private_icon_xlg.png) right 80px no-repeat; } #privateTitle { font-size: 50px; font-weight: 300; width: 520px; line-height: 65px; margin-bottom: 80px; } #privateNotLoggedIn, #privateLoggedIn { width: 620px; } #privateFileMsg p { margin-bottom: 30px; } #privateFileMsg button, #privateFileMsg .gbtnPrimary, #privateFileMsg .gbtnTertiary { float: left; margin-top: 20px; height: 50px; width: 200px; font-size: 14px; font-weight: 400; text-align: center; line-height: 50px; padding: 0; } #privateFileMsg button:first-letter, #privateFileMsg .gbtnPrimary:first-letter, #privateFileMsg .gbtnTertiary:first-letter { padding-left: 0; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* FIX SEARCH FOR SWIFTYPE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ form input.st-search-input { height: 27px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DESKTOP PROMOS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mfdesktopPopupTitle { font-weight: 300; font-size: 28px; margin: 0px 0 -50px 45px; display: block; z-index: 3; position: relative; } #mfdesktopPrompt { background: url(//static.mediafire.com/images/backgrounds/login/computers.png) left 60px no-repeat; text-align: left; margin: 50px auto; position: relative; min-height: 200px; font-size: 16px; line-height: 30px; color: #4f4f4f; width: 700px; height: 350px; /*display: none;*/ } .mfdesktopPromo { background: url(//static.mediafire.com/images/backgrounds/login/computers.png) 45px 60px no-repeat; text-align: left; margin: 40px auto 20px; position: relative; min-height: 200px; font-size: 16px; line-height: 30px; color: #4f4f4f; width: 700px; height: 320px; /*display: none;*/ } .mfdesktopPromo p { padding: 5px 20px 0 0; } #mfdesktopPrompt h3 { font-size: 35px; font-weight: 300; } .mfdesktopPromo .mfdesktopInfo { margin: 35px 0 0 330px; } .mfdesktopInfo { width: 350px; height: 250px; margin: -35px 0 0 350px; } .mfdesktopInfo ul { margin-top: 20px; margin-left: 30px; } .mfdesktopPromo .mfdesktopInfo ul li { height: 28px; font-size: 14px; } .mfdesktopInfo ul li { list-style-type: disc; list-style-position: inside; } .mfdesktopInfo .gbtnTertiary { float: left; margin-top: 30px; height: 45px; width: 180px; font-size: 16px; line-height: 45px !important; text-align: center; } .swiftTypeLogo { position: absolute; bottom: 15px; background: url(//static.mediafire.com/images/backgrounds/footer/swift.png) center no-repeat; width: 155px; height: 20px; display: none; } /*––––––––––– promo for /upgrade/getstarted.php –––––––––––*/ #mfdtGetStarted { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mf_logo_lg.png) 0 60px no-repeat; padding-top: 70px; padding-bottom: 50px; } #mfdtGetStarted h3 { margin-left: 335px; margin-bottom: 20px; font-size: 36px; font-weight: 300; } #mfdtGetStarted > p { margin-left: 335px; font-size: 20px; } #mfdtGetStarted > div { padding-top: 90px; } #mfdtGetStarted > div > div { float: left; width: 290px; margin: 0 15px; } #mfdtGetStarted > div > div > div { background: #eee; height: 166px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } #mfdtGetStarted > div > div p { margin-top: 18px; font-size: 13px; line-height: 18px; } #mfdtGetStarted .windowsTxt, .windows #mfdtGetStarted > div > div p span { display: none; } .windows #mfdtGetStarted > div > div p span.windowsTxt { display: inline; } /* mac getting started instructions */ .mac #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mac-chrome.jpg) center no-repeat; } .mac.ff #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mac-ff.jpg) center no-repeat; } .mac.safari #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mac-safari.jpg) center no-repeat; } .mac.opera #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mac-opera.jpg) center no-repeat; } .mac #mfdtStep2 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mac-signup.jpg) center no-repeat; } .mac #mfdtStep3 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mac-menubar.jpg) center no-repeat; } /* windows getting started instructions */ .windows #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/windows-ie.jpg) center no-repeat; } .windows.chrome #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/windows-chrome.jpg) center no-repeat; } .windows.ff #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/windows-ff.jpg) center no-repeat; } .windows.safari #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/windows-safari.jpg) center no-repeat; } .windows.opera #mfdtStep1 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/mac-opera.jpg) center no-repeat; } .windows #mfdtStep2 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/windows-signup.jpg) center no-repeat; } .windows #mfdtStep3 div { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/windows-taskbar.jpg) center no-repeat; } /* linux */ #mfdtLinuxTemp { background: url(//static.mediafire.com/images/backgrounds/desktop/getstarted_promo/linux_logo_lg.png) 0 70px no-repeat; padding-top: 70px; padding-bottom: 50px; display: none; } .linux #mfdtGetStarted { display: none; } .linux #mfdtLinuxTemp { display: block; } #mfdtLinuxTemp h3 { margin-left: 335px; margin-bottom: 35px; font-size: 30px; font-weight: 300; } #mfdtLinuxTemp p { margin-left: 335px; font-size: 18px; margin-bottom: 30px; } #mfdtLinuxTemp ul { right: 10px; border-radius: 0 0 3px 3px; text-align: center; } #mfdtLinuxTemp .gbtnTertiary { font-size: 14px; height: 40px; line-height: 40px; width: 270px; text-align: center; } #mfdtLinuxTemp > span { float: right; margin-right: 10px; height: 40px; line-height: 40px; font-weight: 600; font-size: 18px; color: #000; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* CREDITS PAGE ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #creditsList { padding-top: 15px; } #creditsList li { float: left; height: 130px; width: 130px; position: relative; text-align: center; border: 1px solid #ddd; border-radius: 5px; } #creditsList li img { height: 100%; width: 100%; } #creditsList li > a { display: block; padding: 10px; } #creditsList li span { position: absolute; top: 100%; width: 100%; left: 0; font-weight: bold; } #creditsList li span a { padding-top: 5px; display: block; } /* ========================================================================== Account restored confirmation page ========================================================================== */ .AccountRestore { width: 480px; margin: 0 auto; padding-top: 250px; padding-bottom: 100px; text-align: center; background: url(//static.mediafire.com/images/backgrounds/account_restoration/account_restoration.svg) center 110px no-repeat; } .AccountRestore h3 { color: #0070F0; color: var(--mf-blue4); font-size: 24px; font-weight: normal; padding-bottom: 20px; } .AccountRestore p { padding-bottom: 30px; } .AccountRestore em { font-style: normal; font-weight: bold; } .AccountRestore .AccountRestore-continueButton { float: none; display: inline-block; margin: 0; } .AccountRestore-error { padding-top: 100px; padding-bottom: 100px; background: none; } @media (max-width: 550px) { .AccountRestore { width: auto; padding-left: 30px; padding-right: 30px; } }