MediaWiki:Citizen.css: Difference between revisions

Latest revision as of 17:50, 20 February 2026

/* All CSS here will be loaded for users of the Citizen skin */
.citizen-page__main {
    max-width: 1150px;
}

.mw-parser-output {
    font-size: 17px;
    line-height: 1.7;
}
.citizen-page-header {
    border-bottom: 1px solid var(--color-border, rgba(255,255,255,0.08));
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}
.mw-parser-output h2 {
    border-bottom: 2px solid rgba(255,255,255,0.12);
}


/* =========================
   Themes
========================= */

html.lt-theme-default {
    --lt-bg-main: #050816;
    --lt-bg-surface: #121830;
    --lt-accent: #6c63ff;
    --lt-accent-soft: #3f3a7a;
}

html.lt-theme-red {
    --lt-bg-main: #140000;
    --lt-bg-surface: #1f0000;
    --lt-accent: #c22;
    --lt-accent-soft: #550000;
}

html.lt-theme-blue {
    --lt-bg-main: #0a1a2f;
    --lt-bg-surface: #13263f;
    --lt-accent: #3a6ff7;
    --lt-accent-soft: #1d3d7a;
}

/* Background */
body {
    background: var(--lt-bg-main);
}

@@ Line 1: / Line 1: @@
 /* All CSS here will be loaded for users of the Citizen skin */
-/* =========================
+.citizen-page__main {
-   Character Infobox
+    max-width: 1150px;
-========================= */
+}
-.lt-infobox {
+.mw-parser-output {
-     border: 1px solid var(--color-border, #2a2f3a);
+     font-size: 17px;
-    background: var(--color-surface-1, #111827);
+     line-height: 1.7;
-    padding: 0;
-     max-width: 320px;
-    font-size: 14px;
 }
+.citizen-page-header {
-.lt-infobox-title {
+     border-bottom: 1px solid var(--color-border, rgba(255,255,255,0.08));
-     padding: 12px;
+     padding-bottom: 1rem;
-     font-weight: 600;
+     margin-bottom: 2rem;
-     text-align: center;
+}
-     border-bottom: 1px solid var(--color-border, #2a2f3a);
+.mw-parser-output h2 {
-    letter-spacing: 2px;
+     border-bottom: 2px solid rgba(255,255,255,0.12);
 }
-.lt-infobox-image img {
-    width: 100%;
-    display: block;
-}
-.lt-infobox-section {
+/* =========================
-    padding: 10px 12px;
+   Themes
-}
+========================= */
-.lt-infobox-row {
+html.lt-theme-default {
-     display: flex;
+     --lt-bg-main: #050816;
-     justify-content: space-between;
+     --lt-bg-surface: #121830;
-     padding: 8px 0;
+     --lt-accent: #6c63ff;
-     border-bottom: 1px solid var(--color-border, #2a2f3a);
+     --lt-accent-soft: #3f3a7a;
 }
-.lt-infobox-row:last-child {
+html.lt-theme-red {
-     border-bottom: none;
+    --lt-bg-main: #140000;
+    --lt-bg-surface: #1f0000;
+    --lt-accent: #c22;
+     --lt-accent-soft: #550000;
 }
-.lt-infobox-label {
+html.lt-theme-blue {
-     font-weight: 500;
+     --lt-bg-main: #0a1a2f;
+    --lt-bg-surface: #13263f;
+    --lt-accent: #3a6ff7;
+    --lt-accent-soft: #1d3d7a;
 }
-.lt-infobox-value {
+/* Background */
-     text-align: right;
+body {
+     background: var(--lt-bg-main);
 }