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.

/* =========================
   ISOLATE TAB AREA FROM CITIZEN UI STYLING
========================= */
.subtab-isolated,
.subtab-isolated * {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* =========================
   STOP CITIZEN "CARDIFYING" LINKS/SPANS
========================= */
.subtab-isolated a,
.subtab-isolated span {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* =========================
   FORCE FLEX LAYOUT
========================= */
.subtab-isolated .subtab-list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;

    margin: 0;
    padding: 0;
}

/* =========================
   FORCE INLINE TAB LOOK
========================= */
.subtab-isolated .subtab-item {
    display: inline-flex !important;

    padding: 0.25em 0.6em;

    white-space: nowrap;

    background: transparent !important;
    border: none !important;
}

/* =========================
   ACTIVE TAB
========================= */
.subtab-isolated .subtab-item.active {
    font-weight: 600;
    border-bottom: 2px solid #36c;
}

/* =========================
   NUCLEAR OPTION (CITIZEN CARD KILLER)
   THIS is what removes blue boxes
========================= */
.mw-parser-output .subtab-isolated * {
    background: transparent !important;
}