So i would try something like this
/* SCSS STYLES FOR REFERENCE DONT USE */
.devRank {
color: #964384 !important;
font-weight: 700;
display: inline-block;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.71);
}
.specificup {
&:after {
content: "|UP";
}
color: #6495ed !important;
display: inline-block;
transition: 0.3s;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.71);
}
/* CSS */
.devRank {
color: #964384 !important;
font-weight: 700;
display: inline-block;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.71);
}
.specificup {
color: #6495ed !important;
display: inline-block;
transition: 0.3s;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.71);
}
.specificup:after {
content: "|UP";
}
devRank should give you the color bold font and some text shadow.
Same thing with specifcup, this will also add |UP after the name.
Add devRank to the developer rank you want to use and specifcup to the other one.
Again i just gave the sass as i'm more used to write it IPS does not support this so please use the CSS output