60 lines
1.2 KiB
CSS
60 lines
1.2 KiB
CSS
.profile {
|
|
width: 70%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.head {
|
|
width: 80%;
|
|
margin-left: 10%;
|
|
margin-right: 10%;
|
|
}
|
|
.user_photo {
|
|
border-radius: 50%;
|
|
width: 35%;
|
|
margin-left: 32%;
|
|
margin-right: 32%;
|
|
border: 5px solid #ffffff;
|
|
transition: box-shadow 1s ease-in, border 1s ease-in;
|
|
}
|
|
.user_photo:hover {
|
|
border: 2px solid #ffffff;
|
|
box-shadow: 0px 0px 50px #fff;
|
|
}
|
|
.user_name {
|
|
text-align: center;
|
|
color: white;
|
|
margin-left: 27%;
|
|
margin-right: 27%;
|
|
width: 46%;
|
|
height: auto;
|
|
margin-top: 15px;
|
|
transition: font-size 1s ease-in, text-shadow 1s ease-in;
|
|
}
|
|
.user_name:hover {
|
|
font-size: 45;
|
|
text-shadow: 0px 0px 20px #ffffff;
|
|
}
|
|
.photo_buttons {
|
|
margin-top: 5px;
|
|
margin-left: 15px;
|
|
}
|
|
.submit_button {
|
|
margin-top: 5px;
|
|
margin-left: 45%;
|
|
}
|
|
.back {
|
|
background: linear-gradient(45deg, #d1c3fc, #9bc4fc);
|
|
border-radius: 19px;
|
|
border: 2px solid #ffffff;
|
|
width: 10%;
|
|
margin-left: 12px;
|
|
height: 42px;
|
|
color: #ffffff;
|
|
transition: box-shadow 1s ease-in, border 0.3s ease-in, background 2s ease-in;
|
|
}
|
|
.back:hover
|
|
{
|
|
border: 4px solid #ffffff;
|
|
box-shadow: 0px 0px 50px #fff;
|
|
background: rgb(0, 222, 0);
|
|
} |