MediaWiki:Citizen.css: Difference between revisions

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

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