ep_profile_modal
Version:
profile modal for Etherpad
1 lines • 11.1 kB
CSS
.ep_profile_modal{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;width:587px;height:669px;background-color:#fff;position:absolute;visibility:hidden;overflow:hidden;color:#202124;z-index:9999;transition:all .3s;border-radius:9px;transform:scale(.7);opacity:0;transition:all .3s cubic-bezier(.74,-.05,.27,1.75);top:0;bottom:0;margin:auto;left:0;right:0}.ep_profile_modal-show{transform:scale(1);opacity:1;visibility:visible}.ep_profile_modal_container{height:100%;width:100%;padding:32px 26px 19px 26px}#ep-profile-image{height:32px;width:32px;border-radius:50%;cursor:pointer;margin-top:9px}#ep-profile-image:hover{background-color:#a9a9a9}.ep_profile_modal_section_image{width:100%;height:72px;text-align:center}.lable_ep_profile_modal_section_image_big{cursor:pointer}.ep_profile_modal_file{opacity:0;z-index:-1;display:none}.ep_profile_modal_section_info{width:100%;height:33%;display:inline-grid;margin:auto;margin-top:7%}.ep_profile_modal_section_image_big{width:72px;height:72px;border-radius:100px;float:left}.lable_ep_profile_modal_section_text{float:left;font-style:normal;font-weight:500;font-size:18px;line-height:21px;align-items:center;text-align:center;margin:24px 0 0 28px;color:#3873e0;cursor:pointer}.avatarImg{width:28px;height:28px;box-sizing:border-box;border-radius:145.833px;border:1px solid #fff}.ep_profile_modal_section_image_big_ask{width:128px;height:128px;border-radius:50%;margin:auto}.ep_profile_modal_section_info_name{display:block;text-align:center;color:#202124;font:500 16px/22px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;letter-spacing:.29px;margin:0;text-align:center;text-overflow:ellipsis;overflow:hidden;font-weight:700}.ep_profile_modal_section_info_email{color:#5f6368;font:400 14px/19px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;letter-spacing:normal;text-align:center;text-overflow:ellipsis;overflow:hidden}.ep_profile_modal_section_info_input{display:block;margin:auto;margin-bottom:2%;background-color:#fff;border:1px solid #eee}.ep_profile_modal_section_info_submit{display:block;margin:auto;margin-bottom:2%;background-color:green;border:1px solid #eee}.ep_profile_modal_section_info_correct{width:32px;height:32px}.ep_profile_modal_input_box{display:inline-flex;margin:auto;margin-bottom:3%}.ep_profile_modal_section_info_correct_style{padding:.4%;height:36px;width:36px;cursor:pointer}.ep_profile_modal_section_info_correct:hover{border:0}.userlist{margin:auto;display:flex;cursor:pointer}.userlist_img{margin:auto}.userlist_img hide{visibility:hidden}.userlist_img show{visibility:visible}.userlist_count{padding-top:4px;padding-left:3px;font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-style:normal;font-weight:900;font-size:18px;line-height:21px;align-items:center;text-align:center;color:#596271}.slash_profile{padding-right:1px;padding-left:1px;padding-top:8px;font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-style:normal;font-weight:900;font-size:13px;line-height:15px;align-items:center;text-align:center;color:#596271}.ep_profile_modal_share:active,.ep_profile_modal_share:focus,.ep_profile_modal_share:hover{border:none}.ep_profile_modal_share{width:79px;height:31px;background:#3873e0;box-shadow:0 2px 0 #2255b5;border-radius:4px;border:0;font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:19px;align-items:center;text-align:center;color:#fff;margin:0 17px 0 17px}.ep_profile_modal_submit{width:160px;height:32px;background-color:green;border:0;color:#fff}.ep_profile_modal_signout{width:85px;height:32px;border:0;float:left;font-style:normal;font-weight:500;font-size:18px;line-height:21px;align-items:center;text-align:center;color:#fd4b4b;margin:35px 0 0 13px;background:0 0}.ep_profile_modal_save{width:111px;height:48px;border:0;background-color:#3873e0;color:#fff;margin:auto;float:right;margin:23px 0 0 19px;border-radius:4px;font-style:normal;font-weight:500;font-size:18px;line-height:21px;align-items:center;text-align:center}#ep_profile_modal_close_ask{color:black;float:right;margin-right:2%;font-size:14pt;cursor:pointer}#ep_profile_modal_close{cursor:pointer;background-image:url(../img/close.png);width:14px;height:14px;float:right;cursor:pointer}.ep_profile_modal_validation_error{border-color:red}.ep_profile_modal_pm_header{height:51px;width:100%}.ep_profile_modal_pm_header_title{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-size:22px;line-height:26px;color:#000;float:left}.ep_prfile_close_icon{background-image:url(../img/close.png);width:14px;height:14px;float:right;cursor:pointer}.ep_profile_modal_user_list{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;width:587px;max-height:664px;background-color:#fff;position:absolute;visibility:hidden;overflow:hidden;color:#202124;z-index:500;transition:all .3s;font-size:14px;transform:scale(.7);opacity:0;transition:all .3s cubic-bezier(.74,-.05,.27,1.75);z-index:9999;top:0;bottom:0;margin:auto;left:0;right:0;border-radius:9px}#ep_profile_modal_user_list_close{float:right;margin-top:38px;margin-right:31px;width:14px;height:14px;background-repeat:no-repeat}.ep_profile_user_row{height:69px;padding-left:26px;padding-right:26px;margin-top:44px;margin-bottom:45px;width:100%}.ep_profile_contributors_scroll{overflow-y:scroll;height:584px}.ep_profile_user_list_date_title_header{width:100%;height:80px;border-bottom:1px solid #000}.ep_profile_user_date_title{width:100%;color:#000;font-weight:700;padding-left:11px;padding-bottom:5px;font-size:16px;padding-top:5px}.ep_profile_header_of_contributors{padding-left:26px;padding-bottom:5px;padding-top:32px;float:left;font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-size:22px;line-height:26px;color:#000}.ep_profile_user_list_global_title{width:100%;height:40px;border:1px solid gray;padding-left:10px;padding-top:10px;margin-bottom:5px}.ep_profile_user_img{float:left;height:69px;width:69px;border-radius:145.833px}.ep_profile_user_username{float:left;padding-left:5%;padding-top:0;font-weight:700}.ep_profile_contributor_status{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-size:13px;line-height:134.19%;color:#848484;float:right;max-width:120px;height:17px;padding-top:1px}.ep_profile_user_list_container{height:auto;width:100%}.ep_profile_contributor_link_container{background-image:url(../img/link.png);width:20px;height:10px;margin-left:9px;margin-top:5px;float:left}.ep_profile_user_list_username_text{max-width:130px;overflow:hidden;font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:21px;align-items:center;color:#000;word-break:break-all;float:left}.ep_profile_user_list_username{word-break:break-all;height:22px;overflow:hidden;font-family:Roboto;font-style:normal;font-weight:500;font-size:18px;line-height:21px;align-items:center;color:#000;width:100%;float:left}.ep_profile_user_list_profile_userDesc{float:left;padding-left:26px;width:440px}.ep_profile_user_list_profile_desc{text-align:left;word-break:break-word;height:50px;overflow:hidden;font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:134.19%;padding-top:5.5px;float:left;color:#474747}.ep_profile_user_list_profile_homepage{text-align:left;word-break:break-all;height:39px;overflow:hidden}.ep_profile_user_list_container_off{color:gray;width:100%;height:auto}.ep_profile_inlineAvatars{display:flex;flex-direction:row;justify-content:flex-end;max-width:220px;padding-right:19px;padding-top:2px}.ep_profile_inlineAvatars .avatar,.ep_profile_inlineAvatars .avatarMore{float:left;margin:0 -14px 0 0;position:relative;transition:all .2s cubic-bezier(0,.71,.47,1.1);display:flex;flex-direction:row;float:left;overflow:hidden}.ep_profile_inlineAvatars .avatar img{float:left}.ep_profile_inlineAvatars:first-child{margin:0}.ep_profile_inlineAvatars .avatar img{width:28px;height:28px}.ep_profile_inlineAvatars .avatarMore{display:none}.ep_profile_inlineAvatars .avatarMore:hover,.ep_profile_inlineAvatars>.avatar:hover{border-color:#2678ff;z-index:1;transform:scale(1.2)}.ep_profile_inlineAvatars .avatarMore:active{transform:scale(.9)}.ep_profile_inlineAvatars .avatarMore{border-style:dashed;text-align:center;order:-1;margin-right:5px;background:0 0;justify-content:center;padding-right:2px;cursor:pointer}.ep_profile_modal_header{justify-content:flex-start;display:flex;margin-left:auto;padding-right:7px;height:49px}.ep_profile_modal-form-lable-section{width:auto;text-align:center;margin-top:28px}.ep_profile_modal-form-lable-section-left{width:auto;text-align:left;margin-bottom:15px;padding-left:65px}.ep_profile_modal-form-lable-section .ep_profile_modal-form-lable{width:30px;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#696969}.ep_profile_modal-form-lable-section .ep_profile_modal-form-lable-disabled{margin-left:8px;margin-top:4px;position:absolute;width:30px;text-align:center;font-weight:700;color:gray}.ep_profile_modal-content{width:100%;padding:17px 14px 18px 14px;height:54px;margin:8px 0 0 0;background:#efefef;box-shadow:0 2px 0 rgba(0,0,0,.25);border-radius:4px;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#474747}.ep_profile_modal_verification{text-decoration:underline;color:gray;font-style:italic}.ep_profile_general_overlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9998;cursor:pointer;transform:scale(.7);opacity:0;transition:all .3s cubic-bezier(.74,-.05,.27,1.75)}.ep_profile_general_overlay_show{transform:scale(1);opacity:1;visibility:visible}@media print{#ep_profile_modal_share{display:none}.userlist{margin-right:10px}.ep_profile_modal{width:auto;height:65%;overflow:scroll;padding-bottom:5%}.ep_profile_user_list_profile_userDesc{width:76%;padding-left:11px;padding-top:5px}.ep_profile_users_profile{width:100%}.ep_profile_modal_user_list{width:auto;height:45%;overflow:scroll;padding-bottom:5%}.ep_profile_user_row{padding-left:16px;padding-right:16px}.ep_profile_contributors_scroll{height:105%;overflow-y:unset}}@media (max-width:720px){#ep_profile_modal_share{display:none}.userlist{margin-right:10px}.ep_profile_modal{width:auto;height:65%;overflow:scroll;padding-bottom:5%}.ep_profile_user_list_profile_userDesc{width:76%;padding-left:11px;padding-top:5px}.ep_profile_users_profile{width:100%}.ep_profile_modal_user_list{width:auto;height:45%;overflow:scroll;padding-bottom:5%}.ep_profile_user_row{padding-left:16px;padding-right:16px}.ep_profile_contributors_scroll{height:105%;overflow-y:unset}.ep_profile_inlineAvatars{padding-right:25px}.ep_profile_inlineAvatars .avatar,.ep_profile_inlineAvatars .avatarMore{margin:0 -22px 0 0}}