You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
944 B
60 lines
944 B
@charset "UTF-8";
|
|
.avatar {
|
|
width: 100px;
|
|
height: 100px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.page {
|
|
min-height: 100%;
|
|
padding-top: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
/*
|
|
用户信息样式
|
|
*/
|
|
.userinfo {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
width: 500px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.userinfo {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 920px) {
|
|
.userinfo {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.userinfo .user_detail {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.userinfo .user_detail .user_name {
|
|
font-size: 1.67em;
|
|
}
|
|
|
|
.userinfo .user_detail .user_desc {
|
|
text-indent: 10px;
|
|
padding-top: 5px;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
}
|
|
/*# sourceMappingURL=index.css.map */
|