MediaWiki:Wikia.css/Usernames.css

/* Custom Color Usernames kudos to Clash of Clans wiki

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. /*Inactive Admins*/ /************************************/ /* Chat Moderators and Rollbacks: 1 */ /************************************/ a[href$="/wiki/User:Luvith"]:not(.extiw):not(.external) { color:Sienna; font-weight:bold;  text-shadow: -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111, 1px 1px 0 #111; } /* Page comments */ .comments li[data-user='Luvith'] > blockquote { background:#FFEAD4 !important; } .comments li[data-user='Luvith'] > blockquote:after { border-color:transparent #FFEAD4 #FFEAD4 transparent !important; } .comments li[data-user='Luvith'] > blockquote div { background:transparent !important; } /* Avatar borders */ img.avatar[alt='Luvith'] { -webkit-animation-name: pulsate-avatar-rollback; -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-rollback; 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='Luvith'] { -webkit-animation-name: pulsate-avatar-small-rollback; -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-rollback; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } div.masthead-avatar.rollback img.avatar { -webkit-animation-name: pulsate-avatar-large-rollback; -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-rollback; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } /* Forum and message wall sub-comments */ .comments li.rollback > blockquote { background: #332e2a !important; border: solid #332e2a !important; border-width: 10px 0px 10px 0px !important; margin-top: -11px !important; margin-bottom: 1px !important; } /* Forum and message wall main comment */ .comments li.message-main.rollback > blockquote { background: #322c25 !important; border: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; } .comments li.message-main.rollback blockquote:after { border-color: #322c25 #322c25 transparent transparent !important; } @-webkit-keyframes pulsate-avatar-rollback { 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-rollback { 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-rollback { 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-rollback { 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-rollback { 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-rollback { 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: 3 */ /*************/ a[href$="/wiki/User:Kamerond5"]:not(.extiw):not(.external), a[href$="/wiki/User:Kyooryuu"]:not(.extiw):not(.external), a[href$="/wiki/User:WhiteSamurai"]:not(.extiw):not(.external) { color:Gray; font-weight:bold; !important;  text-shadow: -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111, 1px 1px 0 #111; } /* Page comments */ .comments li[data-user='Kamerond5'] > blockquote, .comments li[data-user='Kyooryuu'] > blockquote, .comments li[data-user='WhiteSamurai'] > blockquote { background:#EAEAEA !important; } .comments li[data-user='Kamerond5'] > blockquote:after, .comments li[data-user='Kyooryuu'] > blockquote:after, .comments li[data-user='WhiteSamurai'] > blockquote:after { border-color:transparent #EAEAEA #EAEAEA transparent !important; } .comments li[data-user='Kamerond5'] > blockquote div .comments li[data-user='Kyooryuu'] > blockquote div, .comments li[data-user='WhiteSamurai'] > blockquote div, { background:transparent !important; } /* Avatar borders */ img.avatar[alt='Kamerond5'], img.avatar[alt='Kyooryuu'], img.avatar[alt='WhiteSamurai'] { -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='Kamerond5'], ul.AccountNavigation li a img.avatar[alt='Kyooryuu'], ul.AccountNavigation li a img.avatar[alt='WhiteSamurai'] { -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; } /* Forum and message wall sub-comments */ .comments li.admin > blockquote { background: #2e2e2e !important; border: solid #2e2e2 !important; border-width: 10px 0px 10px 0px !important; margin-top: -11px !important; margin-bottom: 1px !important; } /* Forum and message wall main comment */ .comments li.message-main.admin > blockquote { background: #2c2c2c !important; border: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; } .comments li.message-main.admin blockquote:after { border-color: #2c2c2c #2c2c2c transparent transparent !important; } @-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: 3 */ /******************/ a[href$="/wiki/User:Bado_66"]:not(.extiw):not(.external), a[href$="/wiki/User:Daitiansg"]:not(.extiw):not(.external), a[href$="/wiki/User:Oddysy"]:not(.extiw):not(.external) { color:GoldenRod; font-weight:bold; !important;  text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; } /* Page comments */ .comments li[data-user='Bado_66'] > blockquote, .comments li[data-user='Daitiansg'] > blockquote, .comments li[data-user='Oddysy'] > blockquote { background:#FFF9C9 !important; } .comments li[data-user='Bado_66'] > blockquote:after, .comments li[data-user='Daitiansg'] > blockquote:after, .comments li[data-user='Oddysy'] > blockquote:after { border-color:transparent #FFF9C9 #FFF9C9 transparent !important; } .comments li[data-user='Bado_66'] > blockquote div, .comments li[data-user='Daitiansg'] > blockquote div, .comments li[data-user='Oddysy'] > blockquote div { background:transparent !important; } /* Avatar borders */ img.avatar[alt='Bado_66'], img.avatar[alt='Daitiansg'], img.avatar[alt='Oddysy'] { -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; } ul.AccountNavigation li a img.avatar[alt='Bado_66'], ul.AccountNavigation li a img.avatar[alt='Daitiansg'], ul.AccountNavigation li a img.avatar[alt='Oddysy'] { -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; } div.masthead-avatar.bureaucrat 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; } /* Forum and message wall sub-comments */ .comments li.bureaucrat > blockquote { background: #333128 !important; border: solid #333128 !important; border-width: 10px 0px 10px 0px !important; margin-top: -11px !important; margin-bottom: 1px !important; } /* Forum and message wall main comment */ .comments li.message-main.bureaucrat > blockquote { background: #333128 !important; border: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; } .comments li.message-main.bureaucrat blockquote:after { border-color: #333128 #333128 transparent transparent !important; } @-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; } }

/* Supercell */ a[href$="/wiki/User:Default"]:not(.extiw):not(.external), a[href$="/wiki/User:Wikia"]:not(.extiw):not(.external), a[href$="/wiki/User:WikiaBot"]:not(.extiw):not(.external), a[href$="/wiki/User:Yy3"]:not(.extiw):not(.external) { color:#000; font-weight:bold; !important;  text-shadow: -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999, 1px 1px 0 #999; }