Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/**** Modified from Diep.io Wiki, some tweaks might be needed ****/
/* Remove default badges to allow custom icons to take precedence */
.community-page-module:not(.community-page-recently-joined-module) .badge-container svg,
.contributors-module-modal .badge-container svg,
.wds-avatar__badge svg {
display: none;
}
/* Prepare tags for custom icons */
.community-page-module:not(.community-page-recently-joined-module) .user-avatar-wrapper {
position: relative;
}
.community-page-module:not(.community-page-recently-joined-module) .badge-container {
width: 36px;
height: 36px;
position: absolute;
top: -16px;
left: -15px;
background: center/18px no-repeat;
z-index: 100;
}
.community-page-module.community-page-admins-module .badge-container {
top: -13px;
left: 4px;
}
.community-page-module .avatar-container .avatar {
border-radius: 100%;
}
/* Bureaucrats */
.page-Special_Community div.wds-avatar a[href$="TheKorraFanatic"]:after {
content: '';
position: absolute;
top: -7px; left: -5px;
width: var(--wds-avatar-badge-size);
height: var(--wds-avatar-badge-size);
background:url('https://static.wikia.nocookie.net/the-demons-light/images/9/9d/Bureaucrat-Badge.svg') center/contain no-repeat;
}
/* Administrators */
.page-Special_Community div.wds-avatar a[href$="Downtown_Freezy"]:after {
content: '';
position: absolute;
top: -7px; left: -5px;
width: var(--wds-avatar-badge-size);
height: var(--wds-avatar-badge-size);
background:url('https://static.wikia.nocookie.net/the-demons-light/images/5/55/Administrator-Badge.svg') center/contain no-repeat;
}
/* Content moderators */
.page-Special_Community div.wds-avatar a[href$="Quinton1721"]:after {
content: '';
position: absolute;
top: -7px; left: -5px;
width: var(--wds-avatar-badge-size);
height: var(--wds-avatar-badge-size);
background:url('https://vignette.wikia.nocookie.net/central/images/e/ef/Badge-ContentModerator.svg') center/contain no-repeat;
}
/* Message wall and article comments badges */
/* Bureaucrats */
.wds-avatar.EntityHeader_avatar__2TDnq a[href="TheKorraFanatic"]:before {
position:absolute;
content: '';
top: var(--wds-avatar-badge-top);
left: var(--wds-avatar-badge-left);
width: var(--wds-avatar-badge-size);
height: var(--wds-avatar-badge-size);
background:url('https://static.wikia.nocookie.net/the-demons-light/images/9/9d/Bureaucrat-Badge.svg') center/contain no-repeat;
}
/* Administrators */
.wds-avatar.EntityHeader_avatar__2TDnq a[href="Downtown_Freezy"]:before {
position:absolute;
content: '';
top: var(--wds-avatar-badge-top);
left: var(--wds-avatar-badge-left);
width: var(--wds-avatar-badge-size);
height: var(--wds-avatar-badge-size);
background:url('https://static.wikia.nocookie.net/the-demons-light/images/5/55/Administrator-Badge.svg') center/contain no-repeat;
}
/* Content moderators */
.wds-avatar.EntityHeader_avatar__2TDnq a[href="Quinton1721"]:before {
position:absolute;
content: '';
top: var(--wds-avatar-badge-top);
left: var(--wds-avatar-badge-left);
width: var(--wds-avatar-badge-size);
height: var(--wds-avatar-badge-size);
background:url('https://vignette.wikia.nocookie.net/central/images/e/ef/Badge-ContentModerator.svg') center/contain no-repeat;
}