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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */
/* Discord icon in header with hover effect */
/* Discord icon in header with hover effect */
.disc-icon {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
opacity: var(--opacity-icon-base);
width: 40px;
height: 40px;
}
.disc-icon:hover {
transform: rotate3d(0,0,1,360deg);
transition: all .25s;
}
.skin-citizen-dark .disc-icon {
filter: var(--filter-invert);
}
#citizen-discord__buttonCheckbox > span:nth-child(1) {
visibility: hidden;
}
.citizen-header__buttonCheckbox {
cursor: pointer;
}
.citizen-ui-icon.mw-ui-icon-discord {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.6;
}
.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord, .skin-citizen-auto .citizen-ui-icon.mw-ui-icon-discord {
filter: invert( 1 );
}
/* Bottom menu icons */
#n-sidebar-icon-discord a:before {background-image: url('/resources/assets/discord.svg')}