.uimob340-show, .uimob500-show, .uimob800-show, .uimob960-show { display: none; } .um-profile-nav-item a.uimob340-show, .um-profile-nav-item a.uimob500-show, .um-profile-nav-item a.uimob800-show, .um-profile-nav-item a.uimob960-show { display: none; } div.uimob340 .uimob340-show, div.uimob500 .uimob500-show, div.uimob800 .uimob800-show, div.uimob960 .uimob960-show { display: block; } div.uimob340 .uimob340-hide, div.uimob500 .uimob500-hide, div.uimob800 .uimob800-hide, div.uimob960 .uimob960-hide { display: none; } /** for 340px and below **/ /********************************************/ div.uimob340 .um-item-link a { font-size: 14px; } div.uimob340 .um-item-meta span { font-size: 13px; } div.uimob340 .um-load-items a { width: 100% !important; max-width: 100% !important; } div.uimob340 .um-profile-nav { padding: 0; } div.uimob340 .um-profile-nav-item a { padding: 10px 16px; margin-left: 0; border-radius: 0; } div.uimob340 .um-profile-nav-item i{display:block;position: static;top: auto;left: auto} div.uimob340 .um-profile-subnav { padding: 8px 15px; } div.uimob340 .um-profile-subnav a { display: block; text-align: left; font-size: 13px; margin: 0; padding: 6px 0; } div.uimob340 .um-profile-subnav span { font-size: 12px; padding: 1px 6px; } div.uimob340 .um-cover-overlay span.um-cover-overlay-t { display: none !important; } div.uimob340 .um-cover-overlay { padding: 0; } div.uimob340 .um-cover-overlay i, div.uimob340 .um-profile-photo-overlay i { margin-bottom: 0; font-size: 30px; } .um-modal.uimob340 { width: 100% !important; margin: 0 !important; left: 0 !important; height: 100%; background: #fff; } .um-modal.uimob340, .um-modal.uimob340 .um-modal-body, .um-modal.uimob340 .um-modal-header { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .um-modal.uimob340 .um-modal-header {text-align: center} .um-modal.uimob340 .um-modal-footer { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 10px; border-top: 1px solid #ddd; } .um-modal.uimob340 .um-modal-right { width: 100%; float: none; } .um-modal.uimob340 .um-modal-footer a.um-modal-btn { width: 48%; margin: 0 1%; float: left; display: block; line-height: 44px !important; height: 44px; } .um-modal.uimob340 .ajax-upload-dragdrop span.icon { font-size: 40px; line-height: 40px; } div.uimob340 .um-profile-body { padding-left: 0; padding-right: 0; } div.uimob340 .um-profile-photo { width: 100% !important; text-align: center !important; position: absolute; top: -40px; left: 0; margin: 0; } div.uimob340 .um-header.no-cover .um-profile-photo { position: static; top: auto; left: auto; } div.uimob340 .um-profile-photo a.um-profile-photo-img { width: 100px !important; height: 100px !important; margin: 0 auto !important; float: none !important; display: inline-block !important; position: relative !important; top: auto !important; left: auto !important; } div.uimob340 .um-header.no-cover .um-profile-photo a.um-profile-photo-img { width: 120px !important; height: 120px !important; } div.uimob340 .um-header .um-profile-meta { padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; padding-top: 60px !important; } div.uimob340 .um-header.no-cover .um-profile-meta {padding-top: 0 !important} div.uimob340 .um-header .um-name { float: none !important; margin-right: 0 !important; font-size: 18px; } div.uimob340 .um-header .um-meta-text { padding: 0 20px; } div.uimob340 .um-header .um-meta {padding: 0 10px; display: inline-block;} /*div.uimob340 .um-header .um-meta span:first-child {display: block}*/ /*div.uimob340 .um-header .um-meta span {display: none}*/ div.uimob340 .um-col-121, div.uimob340 .um-col-122, div.uimob340 .um-col-131, div.uimob340 .um-col-132, div.uimob340 .um-col-133 { float: none; width: 100%; margin: 0; } div.uimob340 .um-field-half { float: none; width: 100%; } div.uimob340 .um-account-main { float: none; width: 100%; padding: 0; box-sizing: border-box; } div.uimob340 .um-account-tab { padding-bottom: 20px; border-bottom: 1px solid #eee; } div.uimob340 .um-account-meta { margin-bottom: 0; } .uimob340 .um-half { float: none; width: 100%; margin: 0 0 10px 0; } .uimob340 .um-button.um-btn-auto-width { min-width: auto; max-width: auto; width: 100%; } .uimob340 .um-col-alt-s {padding-top:0} /** for 500px and below **/ /********************************************/ div.uimob500 .um-profile-nav { padding: 0; } div.uimob500 .um-profile-nav-item a { padding: 10px 16px; margin-left: 0; border-radius: 0; } div.uimob500 .um-profile-nav-item i{display:block;position: static;top: auto;left: auto;font-size: 22px;height: 22px;line-height: 22px;} div.uimob500 .um-profile-subnav { padding: 8px 15px; } div.uimob500 .um-profile-subnav a { display: block; text-align: left; font-size: 13px; margin: 0; padding: 6px 0; } div.uimob500 .um-profile-subnav span { font-size: 12px; padding: 1px 6px; } div.uimob500 .um-cover-overlay span.um-cover-overlay-t { display: none !important; } div.uimob500 .um-cover-overlay { padding: 0; } div.uimob500 .um-cover-overlay i, div.uimob500 .um-profile-photo-overlay i { margin-bottom: 0; font-size: 30px; } .um-modal.uimob500 { width: 100% !important; margin: 0 !important; left: 0 !important; height: 100%; background: #fff; } .um-modal.uimob500, .um-modal.uimob500 .um-modal-body, .um-modal.uimob500 .um-modal-header { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .um-modal.uimob500 .um-modal-header {text-align: center} .um-modal.uimob500 .um-modal-footer { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 10px; border-top: 1px solid #ddd; } .um-modal.uimob500 .um-modal-right { width: 100%; float: none; } .um-modal.uimob500 .um-modal-footer a.um-modal-btn { width: 48%; margin: 0 1%; float: left; display: block; line-height: 44px !important; height: 44px; } .um-modal.uimob500 .ajax-upload-dragdrop span.icon { font-size: 40px; line-height: 40px; } div.uimob500 .um-profile-body { padding-left: 0; padding-right: 0; } div.uimob500 .um-profile-photo { width: 100% !important; text-align: center !important; position: absolute; top: -40px; left: 0; margin: 0; } div.uimob500 .um-header.no-cover .um-profile-photo { position: static; top: auto; left: auto; } div.uimob500 .um-profile-photo a.um-profile-photo-img { width: 100px !important; height: 100px !important; margin: 0 auto !important; float: none !important; display: inline-block !important; position: relative !important; top: auto !important; left: auto !important; } div.uimob500 .um-header.no-cover .um-profile-photo a.um-profile-photo-img { width: 120px !important; height: 120px !important; } div.uimob500 .um-header .um-profile-meta { padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; padding-top: 60px !important; } div.uimob500 .um-header.no-cover .um-profile-meta {padding-top: 0 !important} div.uimob500 .um-header .um-name { float: none !important; margin-right: 0 !important; font-size: 21px; } div.uimob500 .um-header .um-meta-text { padding: 0 20px; } div.uimob500 .um-header .um-meta {padding: 0 20px;display: block;} /*div.uimob500 .um-header .um-meta span:first-child {display: block}*/ /*div.uimob500 .um-header .um-meta span {display: none}*/ div.uimob500 .um-col-121, div.uimob500 .um-col-122, div.uimob500 .um-col-131, div.uimob500 .um-col-132, div.uimob500 .um-col-133 { float: none; width: 100%; margin: 0; } div.uimob500 .um-field-half { float: none; width: 100%; } div.uimob500 .um-account-main { float: none; width: 100%; padding: 0; box-sizing: border-box; } div.uimob500 .um-account-tab { padding-bottom: 20px; border-bottom: 1px solid #eee; } div.uimob500 .um-account-meta { margin-bottom: 0; } /** for 800px and below **/ div.uimob800 .um-profile-nav { padding: 0; } div.uimob800 .um-profile-nav-item a { padding: 10px 20px; margin-left: 0; border-radius: 0; } div.uimob800 .um-profile-nav-item i{display:block;position: static;top: auto;left: auto;font-size: 26px;height: 26px;line-height: 26px;} div.uimob800 .um-profile-subnav { padding: 8px 15px; } div.uimob800 .um-profile-subnav a { display: block; text-align: left; font-size: 14px; margin: 0; padding: 6px 0; } div.uimob800 .um-profile-subnav span { font-size: 12px; padding: 2px 8px; } div.uimob800 .um-account-main { width: 90%; max-width: 450px; } div.uimob800 .um-account-side { padding: 0; width: 10%; } div.uimob800 .um-account-side ul { border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.uimob800 .um-account-side li {margin-bottom: 0 !important;background: transparent;} div.uimob800 .um-account-side li a{ display: block; padding: 0 !important; height: 44px; line-height: 44px; color: #666 !important; text-align: center; text-decoration: none !important; background: transparent; transition: all .2s linear; } div.uimob800 .um-account-side li:first-child a {-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0 } div.uimob800 .um-account-side li:last-child a {-moz-border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px} div.uimob800 .um-account-side li a span.um-account-icontip { display: block; float: left; text-align: center; width: 100%; height: 100%; font-size: 22px; line-height: 44px; } div.uimob800 .um-account-side li a span.um-account-icontip i { position: relative; text-align: center; width: 100%; } div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover { color: #fff !important; } div.uimob800 .um-account-meta a { border: 1px solid #ddd; } div.uimob800 .um-account-meta a, div.uimob800 .um-account-meta img { display: block; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 100%; height: auto; } div.uimob800 .um-account-meta img { width: 100%; } div.uimob800 .um-profile-photo { width: 150px !important; } div.uimob800 .um-profile-photo a.um-profile-photo-img { width: 140px !important; height: 140px !important; top: -70px !important; } div.uimob800 .um-header.no-cover .um-profile-photo a.um-profile-photo-img { top: auto !important; } div.uimob800 .um-header .um-profile-meta { padding-left: 200px; } div.uimob800 .um-cover-overlay { padding: 0; } /********************************************/ /** for 960px and below **/ /********************************************/ div.uimob960 .um-profile-photo { width: 200px !important; } div.uimob960 .um-profile-photo a.um-profile-photo-img { width: 140px !important; height: 140px !important; top: -70px !important; } /************************************************/ @media screen and (max-height: 400px) { .ajax-upload-dragdrop span.icon { display: none; } .um-modal.no-photo { width: 100% !important; margin: 0 !important; left: 0 !important; height: 100%; background: #fff; } .um-modal.no-photo, .um-modal.no-photo .um-modal-body, .um-modal.no-photo .um-modal-header { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .um-modal.no-photo .um-modal-header {text-align: center; font-size: 14px} .um-modal.no-photo .um-modal-footer { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 10px; border-top: 1px solid #ddd; } .um-modal.no-photo .um-modal-right { width: 100%; float: none; } .um-modal.no-photo .um-modal-footer a.um-modal-btn { width: 48%; margin: 0 1%; float: left; display: block; line-height: 44px !important; height: 44px; } } @media screen and (max-height: 300px) { .um-modal.no-photo .um-modal-header { display: none; } .ajax-upload-dragdrop span.icon, .ajax-upload-dragdrop span.str { display: none; } } @media screen and (max-width: 600px) { .um-popup { width: 96%; margin-left: 2%; left: 0; top: 15px; } }