MediaWiki:Citizen.css: Difference between revisions

Latest revision as of 23:38, 12 February 2023

/* All CSS here will be loaded for users of the Citizen skin */
:root {
	--color-primary__h: 205;
}

:root.skin-citizen-dark {
	--color-primary__l: 56%;
}

/* Footer icons */
#footer-icons a {
	opacity: var( --opacity-icon-base );
	transition: opacity 250ms ease;
}

#footer-icons a:hover {
	opacity: var( --opacity-icon-base--hover );
}

#footer-icons a:active {
	opacity: var( --opacity-icon-base--active );
}

/* More space between icons */
#footer-icons ul {
	gap: var( --space-md );
}

/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
	filter: invert( 1 ) hue-rotate( 180deg );
}

.mw-empty-elt {
	display: none;
}

/* Hide main page header */
.page-Main_Page .mw-body-header {
	display: none;
}

@@ Line 6: / Line 6: @@
 :root.skin-citizen-dark {
  --color-primary__l: 56%;
-}
-/* Align icon opacity with skin default */
-.mw-logo-icon {
- opacity: var( --opacity-icon-base );
 }
@@ Line 30: / Line 25: @@
 #footer-icons ul {
  gap: var( --space-md );
-}
-/* Divide footer links into two columns */
-#footer-places {
- column-count: 2;
 }
 /* Darken the footer icon in light mode */
 .skin-citizen-light #footer-icons a {
- filter: invert( 1 ) hue-rotate( 180deg );
-}
-/* Lighten the icon in dark mode */
-.skin-citizen-dark .mw-logo-icon {
  filter: invert( 1 ) hue-rotate( 180deg );
 }
@@ Line 52: / Line 37: @@
 /* Hide main page header */
-.page-Star_Citizen_Wiki .mw-body-header {
+.page-Main_Page .mw-body-header {
  display: none;
 }
-/* Very important checkmark */
-/* .mw-logo-wordmark {*/
-/*    display: flex;*/
-/*    align-items: center;*/
-/*    gap: var( --space-sm );*/
-/* }*/
-/* .mw-logo-wordmark:after {*/
-/* content: "";*/
-/*    width: 1em;*/
-/*    height: 1em;*/
-/*    display: block;*/
-/*    background-image: url( https://starcitizen.tools/images/5/5f/SCW-Verified.svg );*/
-/*}*/