MediaWiki:Citizen.css: Difference between revisions

Content deleted Content added

Inline

Revision as of 23:41, 30 May 2025

/* All CSS here will be loaded for users of the Citizen skin */

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

@@ Line 1: / Line 1: @@
 /* 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 {
@@ Line 64: / Line 8: @@
   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;
 }