MediaWiki:Wikia.css/Usernames.css

/*

Custom Colour Usernames, Avatars, Comments and User Tags- CSS Part

--- COMPLEMENTARY SCRIPTS --- - Usernames.js	- Neccasary for comments to be highlighted - Neccasary for user tag modifications - Neccasary for user profile avatars to be effected properly, and securly. - Neccasary for "Write a Reply" avatars to be effected. - Adjusts some other small things for QOL

-- INSTRUCTIONS -- - ORDER OF THIS LIST: Bureaucrats, Administrators - AUTHORS - - Dahimi: Original Creator - Spottra: Improving link highlights, adding avatar glows and comment highlights - E12Dragon: Repairing script for UCP software update and adding user tag theming - Pumped4Gaming: Rewriting it for this wiki and it's important users

/*Leave Global Navigation Untouched*/ .wds-dropdown__toggle .wds-avatar .wds-avatar__image { -webkit-animation-name: pulsate-avatar-cancel-pulsate; animation-name: pulsate-avatar-cancel-pulsate; } .wds-global-navigation__user-menu .wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) { color: #39424d !important; font-weight: normal !important; }

/*Square avatars- Optional*/ .wds-dropdown__toggle .wds-avatar__image, .wds-notifications__notification-list .wds-avatar__image { border-radius:50% !important } .wds-avatar__image, .user-identity-avatar__image, .blog-listing__user-avatar__image { border-radius:0 !important; }

/********************************/ /*       Bureaucrats: 2        */ /********************************/ /*Links*/ a[href$="User:Pumped4Gaming"]:not(.extiw):not(.external), a[href$="Message_Wall:Pumped4Gaming"]:not(.extiw):not(.external), a[href$="User_blog:Pumped4Gaming"]:not(.extiw):not(.external), a[href$="/Pumped4Gaming"]:not(.extiw):not(.external), a[href*="/Pumped4Gaming?"]:not(.extiw):not(.external), a[href$="=Pumped4Gaming"]:not(.extiw):not(.external), a[href$="User:SnowHound11"]:not(.extiw):not(.external), a[href$="Message_Wall:SnowHound11"]:not(.extiw):not(.external), a[href$="User_blog:SnowHound11"]:not(.extiw):not(.external), a[href$="/SnowHound11"]:not(.extiw):not(.external), a[href*="/SnowHound11?"]:not(.extiw):not(.external), a[href$="=SnowHound11"]:not(.extiw):not(.external), {	color: gold !important; font-weight: bold !important; }

/* Avatar borders */ img.user-identity-avatar__image[alt="Pumped4Gaming"], img.user-identity-avatar__image[alt="SnowHound11"] { -webkit-animation-name: pulsate-avatar-large-bureaucrat; -webkit-animation-duration: 5s; -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: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } img.blog-listing__user-avatar__image[alt='Pumped4Gaming'], img.wds-avatar__image[alt='Pumped4Gaming'], img.blog-listing__user-avatar__image[alt='SnowHound11'], img.wds-avatar__image[alt='SnowHound11'], img.blog-listing__user-avatar__image[alt='E12Dragon'], img.wds-avatar__image[alt='E12Dragon'] { -webkit-animation-name: pulsate-avatar-small-bureaucrat; -webkit-animation-duration: 5s; -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: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } /*Comments*/ .Reply.bureaucrat, .Reply_body__3woA9.bureaucrat, .Message.bureaucrat, .Comment_body__7p3np.bureaucrat{ border-left-color:goldenrod !important; background:#fff399; } /*User Tag*/ .user-identity-header__tag.bureaucrat { background:goldenrod !important; }

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

to { -webkit-box-shadow: 0 0 6px 5px gold; -moz-box-shadow: 0 0 6px 5px gold; box-shadow: 0 0 6px 5px gold; } }

/****************************/ /*    Administrators: 2    */ /****************************/ /*Links*/ a[href$="User:Pumped4Gaming"]:not(.extiw):not(.external), a[href$="Message_Wall:Pumped4Gaming"]:not(.extiw):not(.external), a[href$="User_blog:Pumped4Gaming"]:not(.extiw):not(.external), a[href$="/Pumped4Gaming"]:not(.extiw):not(.external), a[href*="/Pumped4Gaming?"]:not(.extiw):not(.external), a[href$="=Pumped4Gaming"]:not(.extiw):not(.external), a[href$="User:SnowHound11"]:not(.extiw):not(.external), a[href$="Message_Wall:SnowHound11"]:not(.extiw):not(.external), a[href$="User_blog:SnowHound11"]:not(.extiw):not(.external), a[href$="/SnowHound11"]:not(.extiw):not(.external), a[href*="/SnowHound11?"]:not(.extiw):not(.external), a[href$="=SnowHound11"]:not(.extiw):not(.external) {	color: teal !important; font-weight: bold !important; }

/* Avatar borders */ img.user-identity-avatar__image[alt="SnowHound11"], img.user-identity-avatar__image[alt="Pumped4Gaming"]{ -webkit-animation-name: pulsate-avatar-large-administrator; -webkit-animation-duration: 5s; -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-administrator; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }

img.blog-listing__user-avatar__image[alt='SnowHound11 '], img.wds-avatar__image[alt='SnowHound11 '], img.blog-listing__user-avatar__image[alt='Pumped4Gaming'], img.wds-avatar__image[alt='Pumped4Gaming']{ -webkit-animation-name: pulsate-avatar-small-administrator; -webkit-animation-duration: 5s; -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-administrator; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } /*Comments*/ .Reply.administrator, .Reply_body__3woA9.administrator, .Message.administrator, .Comment_body__7p3np.administrator{ border-left-color:yellow !important; background:lightgrey; } /*User Tag*/ .user-identity-header__tag.administrator { background: grey !important; }

@-webkit-keyframes pulsate-avatar-large-administrator { from { -webkit-box-shadow: 0 0 1px 2px teal; -moz-box-shadow: 0 0 1px 2px teal; box-shadow: 0 0 1px 2px teal; }	to { -webkit-box-shadow: 0 0 12px 9px teal; -moz-box-shadow: 0 0 12px 9px teal; box-shadow: 0 0 12px 9px teal; } } @keyframes pulsate-avatar-large-administrator { from { -webkit-box-shadow: 0 0 1px 2px teal; -moz-box-shadow: 0 0 1px 2px teal; box-shadow: 0 0 1px 2px teal; }	to { -webkit-box-shadow: 0 0 12px 9px teal; -moz-box-shadow: 0 0 12px 9px teal; box-shadow: 0 0 12px 9px teal; } } @-webkit-keyframes pulsate-avatar-small-administrator { from { -webkit-box-shadow: 0 0 1px 2px teal; -moz-box-shadow: 0 0 1px 2px teal; box-shadow: 0 0 1px 2px teal; }	to { -webkit-box-shadow: 0 0 6px 5px teal; -moz-box-shadow: 0 0 6px 5px teal; box-shadow: 0 0 6px 5px teal; } } @keyframes pulsate-avatar-small-administrator { from { -webkit-box-shadow: 0 0 1px 2px teal; -moz-box-shadow: 0 0 1px 2px teal; box-shadow: 0 0 1px 2px teal; }

to { -webkit-box-shadow: 0 0 6px 5px teal; -moz-box-shadow: 0 0 6px 5px teal; box-shadow: 0 0 6px 5px teal; } }

/*******************/ /*Not User Specific*/ /*******************/ /*Modify Social Features*/ .Reply, .Reply_body__3woA9 { border-radius:0 15px 15px 0; padding:14px 12px 12px 18px !important; } .Comment_body__7p3np { margin:11px 11px 12px 10px; border-radius:15px; padding:14px !important; } .Message { margin:-8px -8px 0 -8px; border-radius:15px; padding:14px !important; } /*User Tags*/ .user-identity-header__tag { color: white !important; background:rgba(var(--theme-link-color--rgb)) !important; } span[class$="user-identity-header__tag"] { display:none !important; }