MediaWiki:Citizen.css

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 */


/* Small size external full width */
@media only screen and (max-width: 553px) {
.citizen-drawer__menu {
  display: initial;
}
#p-navigation, #p-Prism_Party, #p-Community, #p-Tutorials   {
  width: 60%;
  margin: 0 auto var(--space-sm) auto;
}
.mw-portlet-External {
  margin-bottom: -2.5rem;
}
}

/* Label */
citizen-drawer__menu [id^="n-sidebar-label-"] a {
	pointer-events: none;
    margin-left: var( --space-xs );
    padding-left: var( --space-md );
	padding-right: var( --space-xs );
	border-left: 1px solid var( --border-color-base );
    border-radius: 0;
    letter-spacing: 0.05em;
    font-weight: var( --font-weight-normal );
    color: var( --color-base--subtle ) !important;
}

/* Icons */
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
	font-size: 0;
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
	display: block;
    content: "";
    width: var( --size-icon );
    height: var( --size-icon );
    background: transparent center/contain no-repeat;
    opacity: var( --opacity-icon-base );
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before, 
.skin-citizen-auto .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
	filter: invert( 1 );
}

 .citizen-header__buttonCheckbox {
    cursor: pointer;
}

/* Remove duplicate logo icon*/
a.citizen-header__button > img:nth-child(1) {
  display: none;
}

.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;
}