MediaWiki:Usernamecolors.css

/* Founder */ a[href$=":Wizzy_Summer"]:not(.wds-community-header), a[href$="/Wizzy_Summer"]:not(.wds-community-header) { color:#00d6d6!important;/*must use !important*/ font-weight: bold; } .Wall .edited-by a.subtle[href$="Wall:Wizzy_Summer"]:after { color: #00d6d6; content: "Wiki Founder"; font-family: Lobster; font-size: 13px; font-weight: normal; } img.avatar[alt='Wizzy Summer'] { -webkit-animation-name: pulsate-avatar-founder; -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-founder; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } .page-User_Wizzy_Summer div.masthead-avatar img.avatar, .page-Message_Wall_Wizzy_Summer div.masthead-avatar img.avatar, .page-User_blog_Wizzy_Summer div.masthead-avatar img.avatar, .page-Special_Contributions_Wizzy_Summer div.masthead-avatar img.avatar { -webkit-animation-name: pulsate-avatar-large-founder; -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-founder; 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='Wizzy Summer'] { -webkit-animation-name: pulsate-avatar-small-founder; -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-founder; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-founder { from { -webkit-box-shadow: 0px 0px 1px 2px #00d6d6; -moz-box-shadow: 0px 0px 1px 2px #00d6d6; box-shadow: 0px 0px 1px 2px #00d6d6; }   to { -webkit-box-shadow: 0px 0px 8px 6px #00d6d6; -moz-box-shadow: 0px 0px 8px 6px #00d6d6; box-shadow: 0px 0px 8px 6px #00d6d6; } } @keyframes pulsate-avatar-founder { from { -webkit-box-shadow: 0px 0px 1px 2px #00d6d6; -moz-box-shadow: 0px 0px 1px 2px #00d6d6; box-shadow: 0px 0px 1px 2px #00d6d6; }   to { -webkit-box-shadow: 0px 0px 8px 6px #00d6d6; -moz-box-shadow: 0px 0px 8px 6px #00d6d6; box-shadow: 0px 0px 8px 6px #00d6d6; } } @-webkit-keyframes pulsate-avatar-small-founder { from { -webkit-box-shadow: 0px 0px 1px 2px #00d6d6; -moz-box-shadow: 0px 0px 1px 2px #00d6d6; box-shadow: 0px 0px 1px 2px #00d6d6; }   to { -webkit-box-shadow: 0px 0px 4px 3px #00d6d6; -moz-box-shadow: 0px 0px 4px 3px #00d6d6; box-shadow: 0px 0px 4px 3px #00d6d6; } } @keyframes pulsate-avatar-small-founder { from { -webkit-box-shadow: 0px 0px 1px 2px #00d6d6; -moz-box-shadow: 0px 0px 1px 2px #00d6d6; box-shadow: 0px 0px 1px 2px #00d6d6; }   to { -webkit-box-shadow: 0px 0px 4px 3px #00d6d6; -moz-box-shadow: 0px 0px 4px 3px #00d6d6; box-shadow: 0px 0px 4px 3px #00d6d6; }           } @-webkit-keyframes pulsate-avatar-large-founder { from { -webkit-box-shadow: 0px 0px 1px 2px #00d6d6; -moz-box-shadow: 0px 0px 1px 2px #00d6d6; box-shadow: 0px 0px 1px 2px #00d6d6; }   to { -webkit-box-shadow: 0px 0px 12px 9px #00d6d6; -moz-box-shadow: 0px 0px 12px 9px #00d6d6; box-shadow: 0px 0px 12px 9px #00d6d6; } } @keyframes pulsate-avatar-large-founder { from { -webkit-box-shadow: 0px 0px 1px 2px #00d6d6; -moz-box-shadow: 0px 0px 1px 2px #00d6d6; box-shadow: 0px 0px 1px 2px #00d6d6; }   to { -webkit-box-shadow: 0px 0px 12px 9px #00d6d6; -moz-box-shadow: 0px 0px 12px 9px #00d6d6; box-shadow: 0px 0px 12px 9px #00d6d6; } } /* Bureaucrat */ a[href$=":StarryShimmer"]:not(.wds-community-header), a[href$="/StarryShimmer"]:not(.wds-community-header) { color:#8000FE!important;/*must use !important*/ font-weight: bold; } .Wall .edited-by a.subtle[href$="Wall:StarryShimmer"]:after { color: #8000FE; content: "Bureaucrat"; font-family: Lobster; font-size: 13px; font-weight: normal; } img.avatar[alt='StarryShimmer'] { -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; } .page-User_StarryShimmer div.masthead-avatar img.avatar, .page-Message_Wall_StarryShimmer div.masthead-avatar img.avatar, .page-User_blog_StarryShimmer div.masthead-avatar img.avatar, .page-Special_Contributions_StarryShimmer div.masthead-avatar img.avatar { -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; } ul.AccountNavigation img.avatar[alt='StarryShimmer'] { -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-keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #8000FE; -moz-box-shadow: 0px 0px 1px 2px #8000FE; box-shadow: 0px 0px 1px 2px #8000FE; }   to { -webkit-box-shadow: 0px 0px 8px 6px #8000FE; -moz-box-shadow: 0px 0px 8px 6px #8000FE; box-shadow: 0px 0px 8px 6px #8000FE; } } @keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #8000FE; -moz-box-shadow: 0px 0px 1px 2px #8000FE; box-shadow: 0px 0px 1px 2px #8000FE; }   to { -webkit-box-shadow: 0px 0px 8px 6px #8000FE; -moz-box-shadow: 0px 0px 8px 6px #8000FE; box-shadow: 0px 0px 8px 6px #8000FE; } } @-webkit-keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #8000FE; -moz-box-shadow: 0px 0px 1px 2px #8000FE; box-shadow: 0px 0px 1px 2px #8000FE; }   to { -webkit-box-shadow: 0px 0px 4px 3px #8000FE; -moz-box-shadow: 0px 0px 4px 3px #8000FE; box-shadow: 0px 0px 4px 3px #8000FE; } } @keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #8000FE; -moz-box-shadow: 0px 0px 1px 2px #8000FE; box-shadow: 0px 0px 1px 2px #8000FE; }   to { -webkit-box-shadow: 0px 0px 4px 3px #8000FE; -moz-box-shadow: 0px 0px 4px 3px #8000FE; box-shadow: 0px 0px 4px 3px #8000FE; }           } @-webkit-keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #8000FE; -moz-box-shadow: 0px 0px 1px 2px #8000FE; box-shadow: 0px 0px 1px 2px #8000FE; }   to { -webkit-box-shadow: 0px 0px 12px 9px #8000FE; -moz-box-shadow: 0px 0px 12px 9px #8000FE; box-shadow: 0px 0px 12px 9px #8000FE; } } @keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px #8000FE; -moz-box-shadow: 0px 0px 1px 2px #8000FE; box-shadow: 0px 0px 1px 2px #8000FE; }   to { -webkit-box-shadow: 0px 0px 12px 9px #8000FE; -moz-box-shadow: 0px 0px 12px 9px #8000FE; box-shadow: 0px 0px 12px 9px #8000FE; } }