I got inspired from another forum software which is still WIP. They were using CSS ranks differently from what Burning Board supports by default. I thought it would be nice to share with you all in case you are interested
Code
.badge, a.badge {
font-size: 12px;
color: rgb(121, 177, 75);
background-color: rgba(255, 255, 255, 0.39);
border: solid 1px rgb(121, 177, 75);
text-transform: uppercase;
}
The resultant badge will look like this
Please note that if you use the above code, all badges will look like this. I am yet to figure out how different badges will have the same format but various colours.