MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
Content deleted Content added
No edit summary |
No edit summary |
||
| (12 intermediate revisions by the same user not shown) | |||
| 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 */ |
||
@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'); |
|||
figure[typeof~='mw:File'] > a:first-child:hover:not(.lazy):not(.new) img, |
|||
figure[typeof~='mw:File/Frameless'] > a:first-child:hover:not(.lazy):not(.new) img, |
|||
figure[typeof~='mw:File/Thumb'] > a:first-child:hover:not(.lazy):not(.new) img, |
|||
figure[typeof~='mw:File/Frame'] > a:first-child:hover:not(.lazy):not(.new) img, |
|||
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, |
|||
figure[typeof~='mw:File/Frame'] > a:first-child:hover:not(.lazy):not(.new) source { |
|||
transform:scale(1) |
|||
| ⚫ | |||
:root { |
:root { |
||
--transform-image-hover: none; |
|||
--font-family-citizen-base: 'Barlow', 'Roboto'; |
|||
--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) { |
|||
.tabber__panel { |
|||
:root.skin-theme-clientpref-os { |
|||
padding-left: 0.5px; |
|||
--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;
}