MediaWiki:Wikia.css/Usernames.css

/***** Icons beside usernames *****/ a[href="/wiki/User:A_Bystander"] { background: url("https://vignette.wikia.nocookie.net/okegom/images/5/54/Wut.gif") no-repeat right center / 11px 9px; padding-right: 15px; } a[href="/wiki/User:Nina-chii"] { background: url("https://i.imgur.com/WvOiURH.gif") no-repeat right center / 12px ; padding-right: 15px; }

/***** Custom username colors *****/ /*** Base code source: Plants vs. Zombies Wiki (plantsvszombies.wikia.com) ***/ /* Founder & Bureaucrats (color: dodgerblue) */ a[href="/wiki/User:Dascini"], a[href="/wiki/User_talk:Dascini"], a[href="/wiki/Message_Wall:Dascini"], a[href="/wiki/User_blog:Dascini"], a[href="/wiki/Special:Contributions/Dascini"], a[href="http://okegom.wikia.com/wiki/User:Dascini"], a[href="http://okegom.wikia.com/wiki/User_talk:Dascini"], a[href="http://okegom.wikia.com/wiki/Message_Wall:Dascini"], a[href="/wiki/User:A_Bystander"], a[href="/wiki/User_talk:A_Bystander"], a[href="/wiki/Message_Wall:A_Bystander"], a[href="/wiki/User_blog:A_Bystander"], a[href="/wiki/Special:Contributions/A_Bystander"], a[href="http://okegom.wikia.com/wiki/User:A_Bystander"], a[href="http://okegom.wikia.com/wiki/User_talk:A_Bystander"], a[href="http://okegom.wikia.com/wiki/Message_Wall:A_Bystander"] {color:dodgerblue !important;}

.comments li[data-user="Dascini"] .edited-by:after { content: "(Founder)"; color: dodgerblue; padding: 0 1px;} .Wall .edited-by a[href$="Dascini"] ~ .subtle::after { content: "(Founder)"; color: dodgerblue; } .comments li[data-user="A Bystander"] .edited-by:after { content: "(Bureaucrat)"; color: dodgerblue; padding: 0 1px;} .Wall .edited-by a[href$="A_Bystander"] ~ .subtle::after { content: "(Bureaucrat)"; color: dodgerblue; } /* Administrators (color: blue) */ a[href="/wiki/User:Nina-chii"], a[href="/wiki/User_talk:Nina-chii"], a[href="/wiki/Message_Wall:Nina-chii"], a[href="/wiki/User_blog:Nina-chii"], a[href="/wiki/Special:Contributions/Nina-chii"], a[href="http://okegom.wikia.com/wiki/User:Nina-chii"], a[href="http://okegom.wikia.com/wiki/User_talk:Nina-chii"], a[href="http://okegom.wikia.com/wiki/Message_Wall:Nina-chii"], a[href="/wiki/User:Shiitara"], a[href="/wiki/User_talk:Shiitara"], a[href="/wiki/Message_Wall:Shiitara"], a[href="/wiki/User_blog:Shiitara"], a[href="/wiki/Special:Contributions/Shiitara"], a[href="http://okegom.wikia.com/wiki/User:Shiitara"], a[href="http://okegom.wikia.com/wiki/User_talk:Shiitara"], a[href="http://okegom.wikia.com/wiki/Message_Wall:Shiitara"], a[href="/wiki/User:Shizaya_Lover"], a[href="/wiki/User_talk:Shizaya_Lover"], a[href="/wiki/Message_Wall:Shizaya_Lover"], a[href="/wiki/User_blog:Shizaya_Lover"], a[href="/wiki/Special:Contributions/Shizaya_Lover"], a[href="http://okegom.wikia.com/wiki/User:Shizaya_Lover"], a[href="http://okegom.wikia.com/wiki/User_talk:Shizaya_Lover"], a[href="http://okegom.wikia.com/wiki/Message_Wall:Shizaya_Lover"] {color:blue !important;}

.comments li[data-user="Nina-chii"] .edited-by:after, .comments li[data-user="Shiitara"] .edited-by:after, .comments li[data-user="Shizaya Lover"] .edited-by:after { content: "(Administrator)"; color: blue; padding: 0 1px;} .Wall .edited-by a[href$="Nina-chii"] ~ .subtle::after, .Wall .edited-by a[href$="Shiitara"] ~ .subtle::after, .Wall .edited-by a[href$="Shizaya_Lover"] ~ .subtle::after { content: "(Administrator)"; color: blue; } /* Content Moderators (color: green) */ /* Discussion Moderators (color: purple) */ a[href="/wiki/User:NingyoHimeDoll"], a[href="/wiki/User_talk:NingyoHimeDoll"], a[href="/wiki/Message_Wall:NingyoHimeDoll"], a[href="/wiki/User_blog:NingyoHimeDoll"], a[href="/wiki/Special:Contributions/NingyoHimeDoll"], a[href="http://okegom.wikia.com/wiki/User:NingyoHimeDoll"], a[href="http://okegom.wikia.com/wiki/User_talk:NingyoHimeDoll"], a[href="http://okegom.wikia.com/wiki/Message_Wall:NingyoHimeDoll"] {color:purple !important;}

.comments li[data-user="NingyoHimeDoll"] .edited-by:after { content: "(Discussion moderator)"; color: purple; padding: 0 1px;} .Wall .edited-by a[href$="NingyoHimeDoll"] ~ .subtle::after { content: "(Discussion moderator)"; color: purple; }

/* Chat Moderators (color: orange) */

/* Rollbacks (color: burlywood) */ a[href="/wiki/User:Deserve_not_Desire"], a[href="/wiki/User_talk:Deserve_not_Desire"], a[href="/wiki/Message_Wall:Deserve_not_Desire"], a[href="/wiki/User_blog:Deserve_not_Desire"], a[href="/wiki/Special:Contributions/Deserve_not_Desire"], a[href="http://okegom.wikia.com/wiki/User:Deserve_not_Desire"], a[href="http://okegom.wikia.com/wiki/User_talk:Deserve_not_Desire"], a[href="http://okegom.wikia.com/wiki/Message_Wall:Deserve_not_Desire"] {color:burlywood !important;}

.comments li[data-user="Deserve not Desire"] .edited-by:after { content: "(Rollback)"; color: burlywood; padding: 0 1px;} .Wall .edited-by a[href$="Deserve_not_Desire"] ~ .subtle::after { content: "(Rollback)"; color: burlywood; }

/***** Glowing Staff Avatars *****/ /*** Base code source: Clash of Clans Wiki (clashofclans.wikia.com) ***/ /* Bureaucrat avatar borders */ img.avatar[alt='A Bystander'], img.avatar[alt='Dascini'] { -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='A Bystander'], ul.AccountNavigation li a img.avatar[alt='Dascini'] { -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; } @-webkit-keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px dodgerblue; -moz-box-shadow: 0px 0px 1px 2px dodgerblue; box-shadow: 0px 0px 1px 2px dodgerblue; }   to { -webkit-box-shadow: 0px 0px 8px 6px dodgerblue; -moz-box-shadow: 0px 0px 8px 6px dodgerblue; box-shadow: 0px 0px 8px 6px dodgerblue; } } @keyframes pulsate-avatar-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px dodgerblue; -moz-box-shadow: 0px 0px 1px 2px dodgerblue; box-shadow: 0px 0px 1px 2px dodgerblue; }   to { -webkit-box-shadow: 0px 0px 8px 6px dodgerblue; -moz-box-shadow: 0px 0px 8px 6px dodgerblue; box-shadow: 0px 0px 8px 6px dodgerblue; } } @-webkit-keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px dodgerblue; -moz-box-shadow: 0px 0px 1px 2px dodgerblue; box-shadow: 0px 0px 1px 2px dodgerblue; }   to { -webkit-box-shadow: 0px 0px 4px 3px dodgerblue; -moz-box-shadow: 0px 0px 4px 3px dodgerblue; box-shadow: 0px 0px 4px 3px dodgerblue; } } @keyframes pulsate-avatar-small-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px dodgerblue; -moz-box-shadow: 0px 0px 1px 2px dodgerblue; box-shadow: 0px 0px 1px 2px dodgerblue; }   to { -webkit-box-shadow: 0px 0px 4px 3px dodgerblue; -moz-box-shadow: 0px 0px 4px 3px dodgerblue; box-shadow: 0px 0px 4px 3px dodgerblue; } } @-webkit-keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px dodgerblue; -moz-box-shadow: 0px 0px 1px 2px dodgerblue; box-shadow: 0px 0px 1px 2px dodgerblue; }   to { -webkit-box-shadow: 0px 0px 12px 9px dodgerblue; -moz-box-shadow: 0px 0px 12px 9px dodgerblue; box-shadow: 0px 0px 12px 9px dodgerblue; } } @keyframes pulsate-avatar-large-bureaucrat { from { -webkit-box-shadow: 0px 0px 1px 2px dodgerblue; -moz-box-shadow: 0px 0px 1px 2px dodgerblue; box-shadow: 0px 0px 1px 2px dodgerblue; }   to { -webkit-box-shadow: 0px 0px 12px 9px dodgerblue; -moz-box-shadow: 0px 0px 12px 9px dodgerblue; box-shadow: 0px 0px 12px 9px dodgerblue; } } /* Administrator avatar borders */ img.avatar[alt='Nina-chii'], img.avatar[alt='Shiitara'], img.avatar[alt='Shizaya Lover'] { -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='Nina-chii'], ul.AccountNavigation li a img.avatar[alt='Shiitara'], ul.AccountNavigation li a img.avatar[alt='Shizaya Lover'] { -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 blue; -moz-box-shadow: 0px 0px 1px 2px blue; box-shadow: 0px 0px 1px 2px blue; }   to { -webkit-box-shadow: 0px 0px 8px 6px blue; -moz-box-shadow: 0px 0px 8px 6px blue; box-shadow: 0px 0px 8px 6px blue; } } @keyframes pulsate-avatar-admin { from { -webkit-box-shadow: 0px 0px 1px 2px blue; -moz-box-shadow: 0px 0px 1px 2px blue; box-shadow: 0px 0px 1px 2px blue; }   to { -webkit-box-shadow: 0px 0px 8px 6px blue; -moz-box-shadow: 0px 0px 8px 6px blue; box-shadow: 0px 0px 8px 6px blue; } } @-webkit-keyframes pulsate-avatar-small-admin { from { -webkit-box-shadow: 0px 0px 1px 2px blue; -moz-box-shadow: 0px 0px 1px 2px blue; box-shadow: 0px 0px 1px 2px blue; }   to { -webkit-box-shadow: 0px 0px 4px 3px blue; -moz-box-shadow: 0px 0px 4px 3px blue; box-shadow: 0px 0px 4px 3px blue; } } @keyframes pulsate-avatar-small-admin { from { -webkit-box-shadow: 0px 0px 1px 2px blue; -moz-box-shadow: 0px 0px 1px 2px blue; box-shadow: 0px 0px 1px 2px blue; }   to { -webkit-box-shadow: 0px 0px 4px 3px blue; -moz-box-shadow: 0px 0px 4px 3px blue; box-shadow: 0px 0px 4px 3px blue; } } @-webkit-keyframes pulsate-avatar-large-admin { from { -webkit-box-shadow: 0px 0px 1px 2px blue; -moz-box-shadow: 0px 0px 1px 2px blue; box-shadow: 0px 0px 1px 2px blue; }   to { -webkit-box-shadow: 0px 0px 12px 9px blue; -moz-box-shadow: 0px 0px 12px 9px blue; box-shadow: 0px 0px 12px 9px blue; } } @keyframes pulsate-avatar-large-admin { from { -webkit-box-shadow: 0px 0px 1px 2px blue; -moz-box-shadow: 0px 0px 1px 2px blue; box-shadow: 0px 0px 1px 2px blue; }   to { -webkit-box-shadow: 0px 0px 12px 9px blue; -moz-box-shadow: 0px 0px 12px 9px blue; box-shadow: 0px 0px 12px 9px blue; } } /* Content moderator avatar borders */ /* Discussion moderator avatar borders */ img.avatar[alt='NingyoHimeDoll'] { -webkit-animation-name: pulsate-avatar-threadmoderator; -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-threadmoderator; 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='NingyoHimeDoll'] { -webkit-animation-name: pulsate-avatar-small-threadmoderator; -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-threadmoderator; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } div.masthead-avatar.threadmoderator img.avatar { -webkit-animation-name: pulsate-avatar-large-threadmoderator; -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-threadmoderator; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-threadmoderator { from { -webkit-box-shadow: 0px 0px 1px 2px purple; -moz-box-shadow: 0px 0px 1px 2px purple; box-shadow: 0px 0px 1px 2px purple; }   to { -webkit-box-shadow: 0px 0px 8px 6px purple; -moz-box-shadow: 0px 0px 8px 6px purple; box-shadow: 0px 0px 8px 6px purple; } } @keyframes pulsate-avatar-threadmoderator { from { -webkit-box-shadow: 0px 0px 1px 2px purple; -moz-box-shadow: 0px 0px 1px 2px purple; box-shadow: 0px 0px 1px 2px purple; }   to { -webkit-box-shadow: 0px 0px 8px 6px purple; -moz-box-shadow: 0px 0px 8px 6px purple; box-shadow: 0px 0px 8px 6px purple; } } @-webkit-keyframes pulsate-avatar-small-threadmoderator { from { -webkit-box-shadow: 0px 0px 1px 2px purple; -moz-box-shadow: 0px 0px 1px 2px purple; box-shadow: 0px 0px 1px 2px purple; }   to { -webkit-box-shadow: 0px 0px 4px 3px purple; -moz-box-shadow: 0px 0px 4px 3px purple; box-shadow: 0px 0px 4px 3px purple; } } @keyframes pulsate-avatar-small-threadmoderator { from { -webkit-box-shadow: 0px 0px 1px 2px purple; -moz-box-shadow: 0px 0px 1px 2px purple; box-shadow: 0px 0px 1px 2px purple; }   to { -webkit-box-shadow: 0px 0px 4px 3px purple; -moz-box-shadow: 0px 0px 4px 3px purple; box-shadow: 0px 0px 4px 3px purple; } } @-webkit-keyframes pulsate-avatar-large-threadmoderator { from { -webkit-box-shadow: 0px 0px 1px 2px purple; -moz-box-shadow: 0px 0px 1px 2px purple; box-shadow: 0px 0px 1px 2px purple; }   to { -webkit-box-shadow: 0px 0px 12px 9px purple; -moz-box-shadow: 0px 0px 12px 9px purple; box-shadow: 0px 0px 12px 9px purple; } } @keyframes pulsate-avatar-large-threadmoderator { from { -webkit-box-shadow: 0px 0px 1px 2px purple; -moz-box-shadow: 0px 0px 1px 2px purple; box-shadow: 0px 0px 1px 2px purple; }   to { -webkit-box-shadow: 0px 0px 12px 9px purple; -moz-box-shadow: 0px 0px 12px 9px purple; box-shadow: 0px 0px 12px 9px purple; } } /* Chat moderator avatar borders */ /* Rollback avatar borders */ img.avatar[alt='Deserve not Desire'] { -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='Deserve not Desire']{ -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; } @-webkit-keyframes pulsate-avatar-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px burlywood; -moz-box-shadow: 0px 0px 1px 2px burlywood; box-shadow: 0px 0px 1px 2px burlywood; }   to { -webkit-box-shadow: 0px 0px 8px 6px burlywood; -moz-box-shadow: 0px 0px 8px 6px burlywood; box-shadow: 0px 0px 8px 6px burlywood; } } @keyframes pulsate-avatar-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px burlywood; -moz-box-shadow: 0px 0px 1px 2px burlywood; box-shadow: 0px 0px 1px 2px burlywood; }   to { -webkit-box-shadow: 0px 0px 8px 6px burlywood; -moz-box-shadow: 0px 0px 8px 6px burlywood; box-shadow: 0px 0px 8px 6px burlywood; } } @-webkit-keyframes pulsate-avatar-small-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px burlywood; -moz-box-shadow: 0px 0px 1px 2px burlywood; box-shadow: 0px 0px 1px 2px burlywood; }   to { -webkit-box-shadow: 0px 0px 4px 3px burlywood; -moz-box-shadow: 0px 0px 4px 3px burlywood; box-shadow: 0px 0px 4px 3px burlywood; } } @keyframes pulsate-avatar-small-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px burlywood; -moz-box-shadow: 0px 0px 1px 2px burlywood; box-shadow: 0px 0px 1px 2px burlywood; }   to { -webkit-box-shadow: 0px 0px 4px 3px burlywood; -moz-box-shadow: 0px 0px 4px 3px burlywood; box-shadow: 0px 0px 4px 3px burlywood; } } @-webkit-keyframes pulsate-avatar-large-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px burlywood; -moz-box-shadow: 0px 0px 1px 2px burlywood; box-shadow: 0px 0px 1px 2px burlywood; }   to { -webkit-box-shadow: 0px 0px 12px 9px burlywood; -moz-box-shadow: 0px 0px 12px 9px burlywood; box-shadow: 0px 0px 12px 9px burlywood; } } @keyframes pulsate-avatar-large-rollback { from { -webkit-box-shadow: 0px 0px 1px 2px burlywood; -moz-box-shadow: 0px 0px 1px 2px burlywood; box-shadow: 0px 0px 1px 2px burlywood; }   to { -webkit-box-shadow: 0px 0px 12px 9px burlywood; -moz-box-shadow: 0px 0px 12px 9px burlywood; box-shadow: 0px 0px 12px 9px burlywood; } }