user-tooltip.css 4.8 KB

1
  1. #csdn-userTooltip img{vertical-align:middle}#csdn-userTooltip{position:absolute;z-index:9990;width:266px;background-color:#fff;border:1px #e9e9e9 solid;border-radius:4px;padding:14px 15px 7px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-sizing:content-box;font-weight:400!important;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.csdn-userTooltip-default:after,.csdn-userTooltip-pos:after{display:block;position:absolute;left:43px;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent transparent #fff #fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);content:''}#csdn-userTooltip .follow-div{border-top:1px solid #f0f0f0;margin-top:18px}.csdn-userTooltip-default:after{bottom:-5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.csdn-userTooltip-pos:after{top:-5px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}#csdn-userTooltip .touxiang{position:relative!important;float:left;width:60px!important;height:60px!important;margin-left:0;margin-top:0!important}#csdn-userTooltip .touxiang img{width:56px!important;height:56px!important;border-radius:100%}#csdn-userTooltip .csdn-left-info{float:left;width:200px}#csdn-userTooltip .touxiang em{display:inline-block;position:absolute}#csdn-userTooltip .person_info .icon_vip img,#csdn-userTooltip .person_info .icon_writer img{width:20px;margin-left:2px}#csdn-userTooltip .touxiang .icon_write{width:24px;height:24px;right:0;bottom:0;background-color:#fff;border-radius:50%}#csdn-userTooltip .person_info span{vertical-align:top;margin-top:1px}#csdn-userTooltip .person_info .person-age{color:rgba(153,154,170,1);font-size:12px;line-height:24px;vertical-align:top;margin-left:2px}#csdn-userTooltip .person_info{float:left;margin-left:11px;width:195px;height:24px;background:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#csdn-userTooltip .person_info .name{display:inline-block;font-size:14px!important;color:#4d4d4d!important;padding:0!important;font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:109px;margin-right:6px;vertical-align:middle}#csdn-userTooltip .person_info .name_short{max-width:109px}#csdn-userTooltip .person_info .vipname{color:#bb9444!important}#csdn-userTooltip .person_info .avata_cates{float:right;text-align:right;color:#ffac00}#csdn-userTooltip .person_info .avata_cates em{display:inline-block;margin:0 4px;font-style:normal;color:#ddd}#csdn-userTooltip .person_deliver_letter{border-radius:4px;cursor:pointer;background:#f5f5f5;color:#c2c2c2;font-size:12px;height:24px;line-height:24px;width:48px;margin-top:8px;margin-bottom:0;margin-left:10px;text-align:center;display:inline-block}#csdn-userTooltip .person_deliver_letter_un{border-radius:12px;background:linear-gradient(92deg,#ffba40 0,#ff503e 37%,#ff2f50 81%,#ff1b40 100%);color:#fff;cursor:pointer;font-size:12px;font-weight:500;height:24px;width:48px;line-height:24px;text-align:center;margin-top:8px;margin-left:10px;margin-bottom:0;display:inline-block}#csdn-userTooltip .person_add_focus,#csdn-userTooltip .visoter{color:#5893c2!important;float:right!important;font-size:14px!important;text-decoration:none!important;margin-top:8px!important;margin-bottom:0!important;margin-left:10px!important;font-weight:400!important}#csdn-userTooltip .person_add_focus{margin-right:18px!important}#csdn-userTooltip a:link,a:focus,a:hover,a:visited{text-decoration:none!important}#csdn-userTooltip .fav{display:inline-block;font-style:normal;font-size:14px;margin-top:8px;color:#5f6471}#csdn-userTooltip .person-info-div .medals{width:195px;min-height:24px;position:relative;float:left;margin-left:11px;margin-top:5px;overflow:hidden}#csdn-userTooltip .person-info-div .medals ul,#csdn-userTooltip .person-info-div .medals ul li{margin:0;padding:0}#csdn-userTooltip .person-info-div .medals ul .no-medals{width:auto;font-size:12px;color:#ccc}#csdn-userTooltip .person-info-div .medals .medal{display:inline-block;width:24px;height:24px;margin-right:3px;vertical-align:middle;margin-bottom:7px}#csdn-userTooltip .person-info-div .medals .medal-icon{position:relative;font-size:12px;line-height:24px;color:#6b6b6b;text-align:center;margin-right:0}#csdn-userTooltip .person-info-div .medals .medal-icon svg{position:absolute;left:0;top:0}#csdn-userTooltip .person-info-div .medals .medal img{max-width:100%}#csdn-userTooltip .csdn-domain p{color:#ccc;font-size:12px}#csdn-userTooltip .has-domain img,#csdn-userTooltip .no-domain img{padding-right:4px;width:16px}#csdn-userTooltip .has-domain a{color:#707070;font-size:12px}#csdn-userTooltip .has-domain{list-style:none}#csdn-userTooltip .no-domain{color:#ccc;font-size:12px;list-style:none}#csdn-userTooltip .person-info-div .csdn-domain{float:left;margin-left:11px}