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.

/* All CSS here will be loaded for users of the Citizen skin */

/* === SubTabs Navigation === */

.subtab-wrapper {
    border-bottom: 1px solid #a2a9b1;
    margin-bottom: 1em;
    padding-bottom: 0.3em;
}

/* FORCE flex even under Citizen overrides */
.subtab-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Ensure items behave as inline-flex (Citizen likes to break flex children) */
.subtab-item {
    display: inline-flex !important;
    width: auto !important;
}

.subtab-item.active {
    font-weight: bold;
    border-bottom: 2px solid #36c;
}

/* Link reset (Citizen aggressively styles links) */
.subtab-item a {
    text-decoration: none !important;
    color: #0645ad;
    padding-bottom: 2px;
    display: inline-block;
}

/* Hover */
.subtab-item a:hover {
    text-decoration: underline !important;
}

/* Active tab override (VERY IMPORTANT for Citizen) */
.subtab-item.active a {
    font-weight: 700;
    color: #202122 !important;
    border-bottom: 2px solid #202122;
}

/* Base tab */
.subtab-base a {
    font-weight: 700;
}

/* Link */
.subtab-link {
    display: inline-block;
}