MediaWiki:Usernamecolors.css

/* ******************** */ /* Staff Member Colours */ /* ******************** */

/* Bureaucrats */

.tag.usergroup-bureaucrat { background-color: #8b1a1a !important; color: white !important; }

a[href="/wiki/User:Riverheart248"]{ background: url(https://vignette.wikia.nocookie.net/horrible-histories-series/images/6/6c/Staff_icon.png/revision/latest/scale-to-width-down/14) center left no-repeat; padding-left: 17px; padding-left: 17px; }

a[href$=":Riverheart248"]:not(.wds-community-header), a[href$="/Riverheart248"]:not(.wds-community-header){ color:#8b1a1a!important;/*must use !important*/ font-weight: bold; }

.Wall .edited-by a.subtle[href$="Wall:Riverheart248"]:after{ color:#8b1a1a; content: "Bureaucrat"; font-family: Lobster; font-size: 13px; font-weight: normal; } img.avatar[alt='Riverheart248'] { -webkit-animation-name: pulsate-avatar-manager; -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-manager; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } .page-User_Riverheart248 div.masthead-avatar img.avatar, .page-Message_Wall_Riverheart248 div.masthead-avatar img.avatar, .page-User_blog_Riverheart248 div.masthead-avatar img.avatar, .page-Special_Contributions_Riverheart248 div.masthead-avatar img.avatar { -webkit-animation-name: pulsate-avatar-large-manager; -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-manager; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } ul.AccountNavigation img.avatar[alt='Riverheart248'] { -webkit-animation-name: pulsate-avatar-small-manager; -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-manager; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #8b1a1a; -moz-box-shadow: 0px 0px 1px 2px #8b1a1a; box-shadow: 0px 0px 1px 2px #8b1a1a; }   to { -webkit-box-shadow: 0px 0px 8px 6px #8b1a1a; -moz-box-shadow: 0px 0px 8px 6px #8b1a1a; box-shadow: 0px 0px 8px 6px #8b1a1a; } } @keyframes pulsate-avatar-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #8b1a1a; -moz-box-shadow: 0px 0px 1px 2px #8b1a1a; box-shadow: 0px 0px 1px 2px #8b1a1a; }   to { -webkit-box-shadow: 0px 0px 8px 6px #8b1a1a; -moz-box-shadow: 0px 0px 8px 6px #8b1a1a; box-shadow: 0px 0px 8px 6px #8b1a1a; } } @-webkit-keyframes pulsate-avatar-small-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #8b1a1a; -moz-box-shadow: 0px 0px 1px 2px #8b1a1a; box-shadow: 0px 0px 1px 2px #8b1a1a; }   to { -webkit-box-shadow: 0px 0px 4px 3px #8b1a1a; -moz-box-shadow: 0px 0px 4px 3px #8b1a1a; box-shadow: 0px 0px 4px 3px #8b1a1a; } } @keyframes pulsate-avatar-small-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #8b1a1a; -moz-box-shadow: 0px 0px 1px 2px #8b1a1a; box-shadow: 0px 0px 1px 2px #8b1a1a; }   to { -webkit-box-shadow: 0px 0px 4px 3px #8b1a1a; -moz-box-shadow: 0px 0px 4px 3px #8b1a1a; box-shadow: 0px 0px 4px 3px #8b1a1a; }           } @-webkit-keyframes pulsate-avatar-large-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #8b1a1a; -moz-box-shadow: 0px 0px 1px 2px #8b1a1a; box-shadow: 0px 0px 1px 2px #8b1a1a; }   to { -webkit-box-shadow: 0px 0px 12px 9px #8b1a1a; -moz-box-shadow: 0px 0px 12px 9px #8b1a1a; box-shadow: 0px 0px 12px 9px #8b1a1a; } } @keyframes pulsate-avatar-large-manager { from { -webkit-box-shadow: 0px 0px 1px 2px #8b1a1a; -moz-box-shadow: 0px 0px 1px 2px #8b1a1a; box-shadow: 0px 0px 1px 2px #8b1a1a; }   to { -webkit-box-shadow: 0px 0px 12px 9px #8b1a1a; -moz-box-shadow: 0px 0px 12px 9px #8b1a1a; box-shadow: 0px 0px 12px 9px #8b1a1a; } }