MediaWiki:Common.css: Difference between revisions

Revision as of 18:56, 27 August 2026

@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito+Sans:wght@400;600;700;800&display=swap");

:root,
html.skin-theme-clientpref-night,
html.skin-theme-clientpref-os {
  --ab-bg: #18181c;
  --ab-panel: #202026;
  --ab-surface: #2a2a30;
  --ab-border: #37373e;
  --ab-text: #f0f0f5;
  --ab-muted: #a0a0aa;
  --ab-link: #6496ff;
  --ab-link-hover: #78aaff;
  --ab-font: "Nunito Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --ab-display: "Fredoka One", cursive;
  --color-surface-0: var(--ab-bg);
  --color-surface-1: var(--ab-panel);
  --color-surface-2: var(--ab-surface);
  --color-surface-3: #32323a;
  --color-surface-4: #3a3a44;
  --color-base: var(--ab-text);
  --color-subtle: var(--ab-muted);
  --color-progressive: var(--ab-link);
  --color-progressive--hover: var(--ab-link-hover);
  --color-link: var(--ab-link);
  --color-visited: #78aaff;
  --border-color-base: var(--ab-border);
  --font-family-base: var(--ab-font);
  --font-family-heading: var(--ab-display);
  --font-family-citizen-base: "Nunito Sans";
}

html {
  color-scheme: dark;
  background: var(--ab-bg);
}

body.skin-citizen {
  font-family: var(--ab-font);
  background: var(--ab-bg);
  color: var(--ab-text);
}

.skin-citizen .mw-body h1,
.skin-citizen .firstHeading,
.skin-citizen h1,
.skin-citizen h2,
.skin-citizen h3,
.skin-citizen h4,
.skin-citizen h5,
.skin-citizen h6 {
  font-family: var(--ab-display);
  font-weight: 400;
}

.skin-citizen a {
  color: var(--ab-link);
}

.skin-citizen a:hover {
  color: var(--ab-link-hover);
}

.profile-header-attributes > h2,
.profile-avatar-edit-action {
  display: none !important;
}

#ca-ab-central a span:last-child {
  white-space: nowrap;
}

#ca-ab-central .ab-central-icon,
#ca-ab-central .ab-central-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

@@ Line 71: / Line 71: @@
 }
-#ca-ab-central .ab-central-icon {
+#ca-ab-central .ab-central-icon,
+#ca-ab-central .ab-central-icon svg {
    display: block;
    width: 20px;
    height: 20px;
-   overflow: hidden;
+   flex-shrink: 0;
-  font-size: 0;
-  color: currentColor;
-}
-#ca-ab-central .ab-central-icon::before {
-  content: "";
-  display: block;
-  width: 20px;
-  height: 20px;
-  background-color: currentColor;
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='black' d='m305-704 112-145q12-16 28.5-23.5T480-880q18 0 34.5 7.5T543-849l112 145 170 57q26 8 41 29.5t15 47.5q0 12-3.5 24T866-523L756-367l4 164q1 35-23 59t-56 24q-2 0-22-3l-179-50-179 50q-5 2-11 2.5t-11 .5q-32 0-56-24t-23-59l4-165L95-523q-8-11-11.5-23T80-570q0-25 14.5-46.5T135-647l170-57Z'/%3E%3C/svg%3E");
-  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='black' d='m305-704 112-145q12-16 28.5-23.5T480-880q18 0 34.5 7.5T543-849l112 145 170 57q26 8 41 29.5t15 47.5q0 12-3.5 24T866-523L756-367l4 164q1 35-23 59t-56 24q-2 0-22-3l-179-50-179 50q-5 2-11 2.5t-11 .5q-32 0-56-24t-23-59l4-165L95-523q-8-11-11.5-23T80-570q0-25 14.5-46.5T135-647l170-57Z'/%3E%3C/svg%3E");
-  -webkit-mask-size: 20px 20px;
-  mask-size: 20px 20px;
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
 }