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 !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.2em;
    align-items: center;
}

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

/* 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;
}