More actions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Citizen skin */ |
/* All CSS here will be loaded for users of the Citizen skin */ |
||
/* Discord icon in header with hover effect */ |
|||
.disc-icon { |
.disc-icon { |
||
background-image: url(/images/thumb/0/05/Discord.svg/20px-Discord.svg.png); |
background-image: url(/images/thumb/0/05/Discord.svg/20px-Discord.svg.png); |
||
Line 8: | Line 9: | ||
width: 40px; |
width: 40px; |
||
height: 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; |
|||
} |
|||
/* Remove duplicate logo icon*/ |
|||
a.citizen-header__button > img:nth-child(1) { |
|||
display: none; |
|||
} |
} |
Revision as of 23:42, 30 May 2025
/* All CSS here will be loaded for users of the Citizen skin */
/* Discord icon in header with hover effect */
.disc-icon {
background-image: url(/images/thumb/0/05/Discord.svg/20px-Discord.svg.png);
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;
}
/* Remove duplicate logo icon*/
a.citizen-header__button > img:nth-child(1) {
display: none;
}