More actions
add badge image styles |
add light mode support for badge headers |
||
Line 7: | Line 7: | ||
} | } | ||
.badge-header { | .badge-header-dark, .badge-header-light { | ||
position: absolute; | position: absolute; | ||
border-radius: 15px; | border-radius: 15px; | ||
box-shadow: #000 0 0 4px 0; | box-shadow: #000 0 0 4px 0; | ||
Line 18: | Line 16: | ||
text-align: center; | text-align: center; | ||
min-width: 175px; | min-width: 175px; | ||
} | |||
.badge-header-dark { | |||
background: #2e202a; | |||
border: 2px solid #1e0c1b; | |||
} | |||
.badge-header-light { | |||
background: #C3B1E1; | |||
color: black; | |||
border: 2px solid rgba(65, 31, 145, 0.8); | |||
} | } | ||
Revision as of 22:37, 28 October 2024
.badge {
position: relative;
border-radius: 5px;
margin-top: 20px;
padding: 3em;
padding-bottom: 2em
}
.badge-header-dark, .badge-header-light {
position: absolute;
border-radius: 15px;
box-shadow: #000 0 0 4px 0;
padding: 10px;
left: 40px;
top: -15.25px;
text-align: center;
min-width: 175px;
}
.badge-header-dark {
background: #2e202a;
border: 2px solid #1e0c1b;
}
.badge-header-light {
background: #C3B1E1;
color: black;
border: 2px solid rgba(65, 31, 145, 0.8);
}
.badge-image {
overflow: clip;
height: 150px;
width: 150px;
border-radius: 80px;
box-shadow: 0 0 8px 0 black;
margin: auto;
}
.badge-content {
border-radius: 5px;
padding: 1em;
}
.badge-description {
font-size: 18px;
}