Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
Content deleted Content added
test
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 3: Line 3:




:root {
figure[typeof~='mw:File'] > a:first-child:hover:not(.lazy):not(.new) img,
--transform-image-hover: none;
figure[typeof~='mw:File/Frameless'] > a:first-child:hover:not(.lazy):not(.new) img,
--card-background: linear-gradient(to right,#101214,#0c0e10);
figure[typeof~='mw:File/Thumb'] > a:first-child:hover:not(.lazy):not(.new) img,
--card-background-secondary: #1a1c1d;
figure[typeof~='mw:File/Frame'] > a:first-child:hover:not(.lazy):not(.new) img,
--font-size-xx-large: 1.4rem;
figure[typeof~='mw:File'] > a:first-child:hover:not(.lazy):not(.new) source,
}
figure[typeof~='mw:File/Frameless'] > a:first-child:hover:not(.lazy):not(.new) source,

figure[typeof~='mw:File/Thumb'] > a:first-child:hover:not(.lazy):not(.new) source,
@media screen {
figure[typeof~='mw:File/Frame'] > a:first-child:hover:not(.lazy):not(.new) source {
.mw-heading1, .mw-heading2 {
transform:scale(1)
margin-top: 2.5rem;
}
}

@media screen and (prefers-color-scheme: light) {
:root.skin-theme-clientpref-os {
--card-background: #e1e1e1;
--card-background-secondary: #d4d4d4;
}
}

:root.skin-theme-clientpref-day {
--card-background: #e1e1e1;
--card-background-secondary: #d4d4d4;
}
}



Latest revision as of 01:04, 4 November 2025

/* All CSS here will be loaded for users of the Citizen skin */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
	--transform-image-hover: none;
	--card-background: linear-gradient(to right,#101214,#0c0e10);
	--card-background-secondary: #1a1c1d;
	--font-size-xx-large: 1.4rem;
}

@media screen {
  .mw-heading1, .mw-heading2 {
    margin-top: 2.5rem;
  }
}

@media screen and (prefers-color-scheme: light) {
    :root.skin-theme-clientpref-os {
		--card-background: #e1e1e1;
		--card-background-secondary: #d4d4d4;
    }
}

:root.skin-theme-clientpref-day {
	--card-background: #e1e1e1;
	--card-background-secondary: #d4d4d4;
}

ul {
	margin-inline: 1.2rem 0;
}