MediaWiki:Common.css: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 22:26, 2 June 2026

/* CSS placed here will be applied to all skins */
.inputbox-gallery {
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px;
    justify-content: center;
}

.inputbox-gallery .image-frame {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

/* ── Version stamps ({{Ver}} / Module:GameVersion) ───────────────── */
.ver-ok,
.ver-beta,
.ver-stale {
    display: inline-block;
    font-size: 0.78em;
    font-weight: 700;
    line-height: 1.4;
    padding: 0 0.45em;
    border-radius: 0.4em;
    white-space: nowrap;
    vertical-align: middle;
    cursor: help;
}
.ver-ok {
    color: #093;
    background: rgba(0, 153, 51, 0.14);
    border: 1px solid rgba(0, 153, 51, 0.45);
}
.ver-beta {
    color: #2563c0;
    background: rgba(37, 99, 192, 0.14);
    border: 1px solid rgba(37, 99, 192, 0.5);
}
.ver-stale {
    color: #c0392b;
    background: rgba(192, 57, 43, 0.14);
    border: 1px solid rgba(192, 57, 43, 0.5);
}

@@ Line 3: / Line 3: @@
     display: flex;
     flex-wrap: wrap;
+    gap: 10px;
-    justify-content: space-between;
-    gap: 20px;
+    justify-content: center;
-    margin: 0 auto;
 }
-.inputbox-gallery > div {
+.inputbox-gallery .image-frame {
-    width: calc(33.33% - 14px);
-    box-sizing: border-box;
+    border: 1px solid #ccc;
-    flex-shrink: 0;
+    padding: 10px;
+    text-align: center;
 }
-.page__main {
-	background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
-}
-/* Vanguard Galaxy — Citizen theme overrides (palette from VG_Banner.png) */
-.skin-citizen-dark, .skin-citizen-auto {
-  /* Accent / progressive: warm rose-pink from banner nebula */
-  --color-progressive: #d96a93;
-  --color-progressive--hover: #e786a8;
-  --color-progressive--active: #c2557e;
-  --color-progressive--focus: #d96a93;
+/* ── Version stamps ({{Ver}} / Module:GameVersion) ───────────────── */
-  --color-destructive: #ff7066;
+.ver-ok,
+.ver-beta,
-  /* Surfaces: deep space blacks tinted slightly toward navy/violet */
+.ver-stale {
-  --color-surface-0: #06080f;        /* outermost */
+    display: inline-block;
-  --color-surface-1: #0a0d18;        /* base panels */
+    font-size: 0.78em;
-  --color-surface-2: #11141f;        /* cards / infoboxes */
+    font-weight: 700;
-  --color-surface-3: #181b27;        /* hover */
+    line-height: 1.4;
-  --color-surface-4: #202434;
+    padding: 0 0.45em;
+    border-radius: 0.4em;
-  --background-color-base:    #0a0d18;
+    white-space: nowrap;
-  --background-color-primary: #11141f;
+    vertical-align: middle;
-  --background-color-neutral-subtle: #181b27;
+    cursor: help;
+}
-  --color-base:   #e8e6ef;           /* body text — soft warm white */
+.ver-ok {
-  --color-subtle: #9a93a8;
-  --color-emphasized: #ffffff;
+    color: #093;
+    background: rgba(0, 153, 51, 0.14);
-  --color-link:   #d96a93;
+    border: 1px solid rgba(0, 153, 51, 0.45);
-  --color-link--visited: #b95a83;
+}
+.ver-beta {
-  --border-color-base: #1f2333;
+    color: #2563c0;
+    background: rgba(37, 99, 192, 0.14);
-  --color-syntax-blue:  #4ad1ff;
+    border: 1px solid rgba(37, 99, 192, 0.5);
-  --color-syntax-pink:  #d96a93;
+}
+.ver-stale {
+    color: #c0392b;
+    background: rgba(192, 57, 43, 0.14);
+    border: 1px solid rgba(192, 57, 43, 0.5);
 }
-/* Tighten the wordmark in the header */
-.citizen-header__siteTitle img.citizen-header__sitelogo,
-.mw-logo-wordmark { max-height: 36px; width: auto; }