MediaWiki:PrettyUserTags.css

/** * PrettyUserTags.css * @Description:   A UserTags extension designed to make each tag unique * @Author:        Ursuul  * @Installation:  Disregard CSS installation mentioned in the UserTags… …documentation & instead add the following import to… …the top of your CSS file of choice: @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:PrettyUserTags.css&only=styles"); */

/* Default Tag */ .UserProfileMasthead .masthead-info .tag-container .tag, .skin-monobook .tag-container .tag { background: #C0C0C0; color: #000; border: 2px outset #E5E5E5; border-radius: 12px; }/**/

/* Global-Groups */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-staff, .skin-monobook .tag-container .tag.usergroup-staff { background: #DA0; color: #FFF; border-color: #E8B200; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-helper, .skin-monobook .tag-container .tag.usergroup-helper { background: #4C5F1D; color: #FFF; border-color: #637C24; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-vstf, .skin-monobook .tag-container .tag.usergroup-vstf { background: #F77; color: #FFF; border-color: #FF6B6B; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-voldev, .skin-monobook .tag-container .tag.usergroup-voldev { background: #23C8D2; color: #FFF; border-color: #29E6F2; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-global-discussions-moderator, .skin-monobook .tag-container .tag.usergroup-global-discussions-moderator { background: #05F; color: #FFF; border-color: #278E8E; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-vanguard, .skin-monobook .tag-container .tag.usergroup-vanguard { background: #2B662B; color: #FFF; border-color: #26996E; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-council, .skin-monobook .tag-container .tag.usergroup-council { background: #4D0475; color: #FFF; border-color: #870ACC; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bot-global, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bot, .skin-monobook .tag-container .tag.usergroup-bot-global, .skin-monobook .tag-container .tag.usergroup-bot { background: #750075; color: #FFF; border-color: #BC00BC; }/**/

/* Local-Groups */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bureaucrat, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-founder, .skin-monobook .tag-container .tag.usergroup-bureaucrat, .skin-monobook .tag-container .tag.usergroup-founder { background: #000; color: #FFF; border-color: #EFEFEF; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-sysop, .skin-monobook .tag-container .tag.usergroup-sysop { background: #0FF; color: #000; border-color: #0FF; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-content-moderator, .skin-monobook .tag-container .tag.usergroup-content-moderator { background: #F00; color: #FFF; border-color: #F00; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-rollback, .skin-monobook .tag-container .tag.usergroup-rollback { background: #D2B48C; color: #000; border-color: #D2B48C; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-threadmoderator, .skin-monobook .tag-container .tag.usergroup-threadmoderator { background: #0F0; color: #000; border-color: #0F0; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-chatmoderator, .skin-monobook .tag-container .tag.usergroup-chatmoderator { background: #FF0; color: #000; border-color: #FF0; }/**/

/* Pseudo-Groups */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-notautoconfirmed, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-autoconfirmed, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-inactive, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-newuser, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-nonuser, .skin-monobook .tag-container .tag.usergroup-notautoconfirmed, .skin-monobook .tag-container .tag.usergroup-autoconfirmed, .skin-monobook .tag-container .tag.usergroup-inactive, .skin-monobook .tag-container .tag.usergroup-newuser, .skin-monobook .tag-container .tag.usergroup-nonuser { background: #BFCFDA; color: #17171A; border-color: #323238; }

.UserProfileMasthead .masthead-info .tag-container .tag.usergroup-bannedfromchat, .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-blocked, .skin-monobook .tag-container .tag.usergroup-bannedfromchat, .skin-monobook .tag-container .tag.usergroup-blocked { background: #000; color: #FFF; border-color: #000; }/**/

/* Monobook setup */ .skin-monobook .firstHeading { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }

.skin-monobook .firstHeading:after { order: 1; content: ""; padding: 0 5px 0 0; }

.skin-monobook .firstHeading .tag-container { display: flex; justify-content: flex-start; align-items: center; order: 2; padding: 0; margin: 0; }

.skin-monobook .firstHeading .tag-container .tag { font-size: small; line-height: 19px; white-space: nowrap; padding: 0 5px 0 4px; margin: 0 3px 0 0; }

.skin-monobook .firstHeading .ShowUserGroups { order: 3; flex: 2 1 100%; text-align: left; }/**/