MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* =========================
   TAB BAR CONTAINER
========================= */
.wt-tabs {
    display: inline-flex;          /* safer than flex in Citizen */
    flex-wrap: wrap;
    gap: 0.4rem;

    border-bottom: 1px solid #a2a9b1;
    margin-bottom: 1em;
    padding-bottom: 0.25em;

    align-items: center;
}

/* =========================
   TAB LINKS (CRITICAL)
   avoids Citizen card styling
========================= */
.wt-tabs a {
    display: inline-block;

    padding: 0.35em 0.75em;

    text-decoration: none;
    color: inherit;

    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;

    line-height: 1.2;

    white-space: nowrap;
}

/* =========================
   HOVER STATE
========================= */
.wt-tabs a:hover {
    background: rgba(54,108,204,0.10);
    border-color: rgba(54,108,204,0.25);
}

/* =========================
   ACTIVE TAB (simple + safe)
========================= */
.wt-tabs a[aria-current="page"],
.wt-tabs a.active {
    font-weight: 600;
    border-bottom: 2px solid #36c;
    background: rgba(54,108,204,0.08);
}