MediaWiki:Wikia.css/Usernames.css

/* Custom Color Usernames

INSTRUCTIONS

The order that names appear on this list determine which color takes precedence.

A user will be marked by the last entry in this list, no matter how many entries they have, so ordered as rollbacks > admins > bureaucrats

Try to keep these lists alphabetized instead of adding to the end.

/************************************/ /*          Moderators             */ /************************************/ /*{   color:Sienna; font-weight:bold; !important; }*/

/* Avatar borders */ /*{   -webkit-animation-name: pulsate-avatar-moderator; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-moderator; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }*/

/*{   -webkit-animation-name: pulsate-avatar-small-moderator; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-moderator; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }*/

@-webkit-keyframes pulsate-avatar-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px Sienna; -moz-box-shadow: 0px 0px 1px 2px Sienna; box-shadow: 0px 0px 1px 2px Sienna; }   to { -webkit-box-shadow: 0px 0px 8px 6px Sienna; -moz-box-shadow: 0px 0px 8px 6px Sienna; box-shadow: 0px 0px 8px 6px Sienna; } } @keyframes pulsate-avatar-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px Sienna; -moz-box-shadow: 0px 0px 1px 2px Sienna; box-shadow: 0px 0px 1px 2px Sienna; }   to { -webkit-box-shadow: 0px 0px 8px 6px Sienna; -moz-box-shadow: 0px 0px 8px 6px Sienna; box-shadow: 0px 0px 8px 6px Sienna; } } @-webkit-keyframes pulsate-avatar-small-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px Sienna; -moz-box-shadow: 0px 0px 1px 2px Sienna; box-shadow: 0px 0px 1px 2px Sienna; }   to { -webkit-box-shadow: 0px 0px 4px 3px Sienna; -moz-box-shadow: 0px 0px 4px 3px Sienna; box-shadow: 0px 0px 4px 3px Sienna; } } @keyframes pulsate-avatar-small-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px Sienna; -moz-box-shadow: 0px 0px 1px 2px Sienna; box-shadow: 0px 0px 1px 2px Sienna; }   to { -webkit-box-shadow: 0px 0px 4px 3px Sienna; -moz-box-shadow: 0px 0px 4px 3px Sienna; box-shadow: 0px 0px 4px 3px Sienna; } } @-webkit-keyframes pulsate-avatar-large-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px Sienna; -moz-box-shadow: 0px 0px 1px 2px Sienna; box-shadow: 0px 0px 1px 2px Sienna; }   to { -webkit-box-shadow: 0px 0px 12px 9px Sienna; -moz-box-shadow: 0px 0px 12px 9px Sienna; box-shadow: 0px 0px 12px 9px Sienna; } } @keyframes pulsate-avatar-large-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px Sienna; -moz-box-shadow: 0px 0px 1px 2px Sienna; box-shadow: 0px 0px 1px 2px Sienna; }   to { -webkit-box-shadow: 0px 0px 12px 9px Sienna; -moz-box-shadow: 0px 0px 12px 9px Sienna; box-shadow: 0px 0px 12px 9px Sienna; } }

/**************/ /* Admins    */ /**************/ a[href$="/wiki/User:King_Dragonhoff"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:King_Dragonhoff"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:King_Dragonhoff"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/King_Dragonhoff"]:not(.extiw):not(.external), a[href$="/wiki/User:Medusa78"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Medusa78"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Medusa78"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/Medusa78"]:not(.extiw):not(.external) { color:Gray; font-weight:bold; !important; }

/* Avatar borders */ img.avatar[alt='King_Dragonhoff'], img.avatar[alt='Medusa78'] { -webkit-animation-name: pulsate-avatar-admin; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-admin; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }

ul.AccountNavigation li a img.avatar[alt='King_Dragonhoff'], ul.AccountNavigation li a img.avatar[alt='Medusa78'] { -webkit-animation-name: pulsate-avatar-small-admin; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-admin; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }

div.masthead-avatar.admin img.avatar { -webkit-animation-name: pulsate-avatar-large-admin; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-large-admin; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }

@-webkit-keyframes pulsate-avatar-admin { from { -webkit-box-shadow: 0px 0px 1px 2px Gray; -moz-box-shadow: 0px 0px 1px 2px Gray; box-shadow: 0px 0px 1px 2px Gray; }   to { -webkit-box-shadow: 0px 0px 8px 6px Gray; -moz-box-shadow: 0px 0px 8px 6px Gray; box-shadow: 0px 0px 8px 6px Gray; } } @keyframes pulsate-avatar-admin { from { -webkit-box-shadow: 0px 0px 1px 2px Gray; -moz-box-shadow: 0px 0px 1px 2px Gray; box-shadow: 0px 0px 1px 2px Gray; }   to { -webkit-box-shadow: 0px 0px 8px 6px Gray; -moz-box-shadow: 0px 0px 8px 6px Gray; box-shadow: 0px 0px 8px 6px Gray; } } @-webkit-keyframes pulsate-avatar-small-admin { from { -webkit-box-shadow: 0px 0px 1px 2px Gray; -moz-box-shadow: 0px 0px 1px 2px Gray; box-shadow: 0px 0px 1px 2px Gray; }   to { -webkit-box-shadow: 0px 0px 4px 3px Gray; -moz-box-shadow: 0px 0px 4px 3px Gray; box-shadow: 0px 0px 4px 3px Gray; } } @keyframes pulsate-avatar-small-admin { from { -webkit-box-shadow: 0px 0px 1px 2px Gray; -moz-box-shadow: 0px 0px 1px 2px Gray; box-shadow: 0px 0px 1px 2px Gray; }   to { -webkit-box-shadow: 0px 0px 4px 3px Gray; -moz-box-shadow: 0px 0px 4px 3px Gray; box-shadow: 0px 0px 4px 3px Gray; } } @-webkit-keyframes pulsate-avatar-large-admin { from { -webkit-box-shadow: 0px 0px 1px 2px Gray; -moz-box-shadow: 0px 0px 1px 2px Gray; box-shadow: 0px 0px 1px 2px Gray; }   to { -webkit-box-shadow: 0px 0px 12px 9px Gray; -moz-box-shadow: 0px 0px 12px 9px Gray; box-shadow: 0px 0px 12px 9px Gray; } } @keyframes pulsate-avatar-large-admin { from { -webkit-box-shadow: 0px 0px 1px 2px Gray; -moz-box-shadow: 0px 0px 1px 2px Gray; box-shadow: 0px 0px 1px 2px Gray; }   to { -webkit-box-shadow: 0px 0px 12px 9px Gray; -moz-box-shadow: 0px 0px 12px 9px Gray; box-shadow: 0px 0px 12px 9px Gray; } }

/******************/ /* Bureaucrats   */ /******************/ a[href$="/wiki/User:Dragon_Rainbow"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Dragon_Rainbow"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Dragon_Rainbow"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/Dragon_Rainbow"]:not(.extiw):not(.external) { color:GoldenRod; font-weight:bold; !important; }

/* Avatar borders */ img.avatar[alt='Dragon_Rainbow'] { -webkit-animation-name: pulsate-avatar-bureaucrat; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-bureaucrat; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }

u1.AccountNavigation li a img.avatar[alt='Dragon_Rainbow'] { -webkit-animation-name: pulsate-avatar-small-bureaucrat; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-bureaucrat; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }

-webkit-animation-name: pulsate-avatar-large-bureaucrat; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-large-bureaucrat; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }
 * 1) UserProfileMasthead:not(.usergroup-founder) div.masthead-avatar.bureaucrat img.avatar {

@-webkit-keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px goldenrod; -moz-box-shadow: 0px 0px 1px 2px goldenrod; box-shadow: 0px 0px 1px 2px goldenrod; }   to { -webkit-box-shadow: 0px 0px 8px 6px goldenrod; -moz-box-shadow: 0px 0px 8px 6px goldenrod; box-shadow: 0px 0px 8px 6px goldenrod; } } @keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px goldenrod; -moz-box-shadow: 0px 0px 1px 2px goldenrod; box-shadow: 0px 0px 1px 2px goldenrod; }   to { -webkit-box-shadow: 0px 0px 8px 6px goldenrod; -moz-box-shadow: 0px 0px 8px 6px goldenrod; box-shadow: 0px 0px 8px 6px goldenrod; } } @-webkit-keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px goldenrod; -moz-box-shadow: 0px 0px 1px 2px goldenrod; box-shadow: 0px 0px 1px 2px goldenrod; }   to { -webkit-box-shadow: 0px 0px 4px 3px goldenrod; -moz-box-shadow: 0px 0px 4px 3px goldenrod; box-shadow: 0px 0px 4px 3px goldenrod; } } @keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px goldenrod; -moz-box-shadow: 0px 0px 1px 2px goldenrod; box-shadow: 0px 0px 1px 2px goldenrod; }   to { -webkit-box-shadow: 0px 0px 4px 3px goldenrod; -moz-box-shadow: 0px 0px 4px 3px goldenrod; box-shadow: 0px 0px 4px 3px goldenrod; } } @-webkit-keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px goldenrod; -moz-box-shadow: 0px 0px 1px 2px goldenrod; box-shadow: 0px 0px 1px 2px goldenrod; }   to { -webkit-box-shadow: 0px 0px 12px 9px goldenrod; -moz-box-shadow: 0px 0px 12px 9px goldenrod; box-shadow: 0px 0px 12px 9px goldenrod; } } @keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px goldenrod; -moz-box-shadow: 0px 0px 1px 2px goldenrod; box-shadow: 0px 0px 1px 2px goldenrod; }   to { -webkit-box-shadow: 0px 0px 12px 9px goldenrod; -moz-box-shadow: 0px 0px 12px 9px goldenrod; box-shadow: 0px 0px 12px 9px goldenrod; } }