person.css
2.0 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
.info_boxs{
position: absolute;
top:60%;
left: 50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
.personal_center {
width: 487px;
height: 330px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 32px 36px 2px rgba(0, 0, 0, 0.04);
border-radius: 20px;
margin: 0 auto;
padding: 0 159px;
padding-top:81px;
box-sizing: border-box;
}
.personal_center_avatar {
width: 125px;
height: 125px;
background: #fff;
border-radius: 50%;
top: -58px;
position: absolute;
left: 181px;
}
.personal_center_avatar img {
margin: 5px;
width:115px;
height:115px;
border-radius:50%;
}
.Editor_avatar,
.Modifying,
.Collection {
height: 58px;
background: rgba(43, 213, 135, 1);
border-radius: 32px;
padding: 20px 32px;
box-sizing: border-box;
color: #fff;
font-size: 18px;
margin-bottom: 17px;
cursor: pointer;
}
.Editor_avatar_icon,
.Modifying_icon,
.Collection_icon {
width: 20px;
height: 20px;
float: left;
}
.personal_center img {
display: block;
vertical-align: middle;
}
.Editor_avatar span ,.Modifying span ,.Collection span{
float: right;
line-height: 20px;
}
.updateInfo{
width:340px;
margin-bottom:50px;
margin-left:-60px;
}
.updateInfo span{
font-size:22px;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(102,102,102,1);
}
.updateInfo input{
width:240px;
height:40px;
background:rgba(235,235,235,1);
border-radius:4px;
border:none;
outline:medium;
font-size:20px;
color:rgba(51,51,51,1);
margin-left:10px;
padding-left:10px;
}
.save_info{
color: rgba(26,26,26,1);;
font-size: 18px;
cursor: pointer;
text-align:center;
margin-left:35px;
width:125px;
height:42px;
background:rgba(9,255,142,1);
border-radius:21px;
}
.save_info span{
line-height:38px;
vertical-align: middle;
}
#personal-photo{
position: absolute;
width: 150px;
height: 55px;
font-size: 12px;
right: 167px;
top: 82px;
opacity: 0;
cursor: pointer;
}