Xenforo Authorized banner that changes color

[Dr.Pavlov]

If changes are to be made to the templates, just back up the template to the text document before changing it.
Paste the following code into Extra.less

View attachment 2018

[HIDE=3]

.userBanner--staff    {font-weight:bold;background-image: linear-gradient(210deg, #8F343A, #26A65B, #1C86EE, #FFBE1C, #176093, #7AF26D, #8E44AD, #CC6600, #CF4D35, #E0EEEE)!important; background-size: 1200% 1200%!important; -webkit-animation: TurkBinGazi 15s ease infinite!important; -moz-animation: TurkBinGazi 15s ease infinite!important; -o-animation: TurkBinGazi 15s ease infinite!important; animation: TurkBinGazi 15s ease infinite!important;}

@-webkit-keyframes TurkBinGazi {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-moz-keyframes TurkBinGazi {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-o-keyframes TurkBinGazi {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@keyframes TurkBinGazi {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}

[/HIDE]