More actions
add light mode support for badge headers |
m update colours to be consistent with the rest of the wiki |
||
Line 19: | Line 19: | ||
.badge-header-dark { | .badge-header-dark { | ||
background: # | background: #171c26; | ||
border: 2px solid # | border: 2px solid #142952; | ||
} | } | ||
.badge-header-light { | .badge-header-light { | ||
background: | background: rgba(65,31,145,0.2); | ||
color: black; | color: black; | ||
border: | border: 1px solid black; | ||
} | } | ||
Revision as of 22:50, 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: #171c26;
border: 2px solid #142952;
}
.badge-header-light {
background: rgba(65,31,145,0.2);
color: black;
border: 1px solid black;
}
.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;
}