CSS rank

  • 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.

  • Update 1 :


    Looks like the above code will affect new and online badges too. Also the new post indicator on the main page. Use the code below instead


    Code
    .userTitleBadge {
    color: rgb(121, 177, 75);
    background-color: rgba(255, 255, 255, 0.39);
    border: solid 1px rgb(121, 177, 75);
    text-transform: uppercase;
    }

    You can check my forum to see it in action.