133 lines
2.4 KiB
CSS
133 lines
2.4 KiB
CSS
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
background-color: #1c2a38;
|
|
text-align: center;
|
|
padding: 20px;
|
|
}
|
|
|
|
.profile-card {
|
|
text-align: center;
|
|
font-family: Arial, sans-serif;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.profile-image {
|
|
-webkit-user-drag: none;
|
|
user-select: none;
|
|
width: 150px;
|
|
height: 150px;
|
|
border: 2px solid #121c27;
|
|
box-shadow: 0 0 10px #1d1c22;
|
|
border-radius: 50%;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
margin-bottom: 15px;
|
|
transition:
|
|
border 0.4s,
|
|
background-color 0.3s,
|
|
box-shadow 0.4s,
|
|
width 0.4s;
|
|
|
|
}
|
|
|
|
|
|
.profile-image:hover {
|
|
width: 190px;
|
|
border: 2px solid #ffffff;
|
|
box-shadow: 0 0 10px #ffffff;
|
|
|
|
}
|
|
|
|
.profile-image img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.username {
|
|
-webkit-user-drag: none;
|
|
user-select: none;
|
|
font-family: Arial;
|
|
transform: translateY(-7px);
|
|
font-size: 22px;
|
|
margin-top: 10px;
|
|
color: #ffffff;
|
|
font-weight: Bold;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.verification {
|
|
display: inline-block;
|
|
transform: translateY(3px);
|
|
margin-left: 5px;
|
|
margin-right: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.user-avatar img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.user-description {
|
|
-webkit-user-drag: none;
|
|
user-select: none;
|
|
padding: 8px 18px;
|
|
margin-top: 20px;
|
|
border: 2px solid #121c27;
|
|
background-color: #1c2a38;
|
|
border-radius: 25px;
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
box-shadow: 0 0 10px #121c27;
|
|
transition:
|
|
border 0.4s,
|
|
background-color 0.3s,
|
|
box-shadow 0.4s,
|
|
width 0.4s;
|
|
}
|
|
|
|
|
|
.user-description:hover {
|
|
background-color: #192d46;;
|
|
border: 2px solid #007aff;
|
|
box-shadow: 0 0 10px #007aff;
|
|
width: 80%;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.text-description {
|
|
color: #a8a8a8;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
font-family: Arial;
|
|
}
|
|
|
|
.user-info {
|
|
background-color: #121c27;
|
|
box-shadow: 0 0 10px #121c27;
|
|
border: 2px solid #121c27;
|
|
border-radius: 29px;
|
|
margin: 0 auto;
|
|
width: 210px;
|
|
height: 35px;
|
|
transition:
|
|
border 0.4s,
|
|
background-color 0.3s,
|
|
box-shadow 0.4s,
|
|
width 0.4s;
|
|
}
|
|
|
|
|
|
|
|
.user-info:hover {
|
|
width: 250px;
|
|
background-color: #192d46;
|
|
border: 2px solid #007aff;
|
|
box-shadow: 0px 0px 8px rgb(0, 153, 255);
|
|
}
|
|
|
|
.strich {
|
|
margin-top: 20px;
|
|
} |