////////// START - Group Banner/Badge CSS //////////
/* Adds userBanner to memberHeader-banners and memberTooltip-banners */
.userBanner.mhOwner{
background-image: url('/ranks/Spinosaurus.png');
display: block;
background-size: 250px; // adjusts size of background image
background-position: 1.5% 0%; // adjusts image position (x% y%)
background-repeat: no-repeat; // keeps image from repeating
text-indent: -7px; // shifts text left or right
padding-top: 45px; // adjusts distance from image to text (group name)
text-align: left;
color: transparent; /* remove slashes if you want to hide the text */
}
/* Additonal adjustments for message-userBanner Only */
.userBanner.mhOwner.message-userBanner {
background-position: 50% 0%; // adjusts image position (x% y%)
text-indent: 0px; // shifts text left or right
text-align: center;
}
/* Adjusts size, position, or removal of banner image in Mobile view */
@media (max-width: 650px){
.userBanner.mhOwner.message-userBanner.userBanner {
// background-image: none; /* remove the slashes to remove image in mobile view */
display: inline-block;
background-size: 35px; // adjusts size of background image
background-position: 0% 0%; // adjusts image position (x% y%)
text-indent: -7px; // shifts text left or right
padding-top: 37px; // adjusts distance from image to text (use with image)
// padding-top: 0px; /* remove the slashes and delete line above to remove image in mobile view */
text-align: left;
}
}