Help Cho e xin Css Này khung tên với ạ

[Nickyz]

 

[ngovancanbn]

/* General container styling */
.profile-box {
background-color: #2E1A47; /* Dark purple background */
border: 1px solid #00E6E6; /* Light blue border */
border-radius: 8px; /* Rounded corners */
padding: 10px;
color: #FFFFFF; /* White text color */
font-family: Arial, sans-serif;
position: relative;
max-width: 300px; /* Adjust width as necessary */
}

/* Username styling */
.profile-box .username {
font-size: 18px;
font-weight: bold;
color: #FF3366; /* Bright pink color */
}

/* Badges */
.profile-box .badge {
display: inline-block;
background-color: #00E6E6; /* Light blue background */
color: #000000; /* Black text color */
border-radius: 5px;
padding: 2px 5px;
margin-right: 5px;
font-size: 12px;
font-weight: bold;
}

/* Additional roles */
.profile-box .staff-member {
background-color: #FF3366; /* Bright pink background */
}

.profile-box .administrator {
background-color: #3399FF; /* Light blue background */
}

.profile-box .member {
background-color: #FFD700; /* Gold background */
}

/* Icon styling */
.profile-box .avatar {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
}

.profile-box .avatar img {
width: 100%;
height: auto;
}

/* Last active time */
.profile-box .last-active {
font-size: 12px;
color: #CCCCCC; /* Light grey color */
margin-top: 5px;
}