Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 1: Line 1:
/* =========================
  HARD RESET FOR TAB SYSTEM
  (kills Citizen card styling)
========================= */
.wt-tabs,
.wt-tabs * {
    all: unset;
    box-sizing: border-box;
}


/* =========================
/* container */
  TAB ROW
========================= */
.wt-tabs {
.wt-tabs {
     display: flex !important;
     display: flex !important;
    flex-direction: row;
     flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 0.5rem;
     gap: 0.5rem;
Line 21: Line 9:
     margin-bottom: 1em;
     margin-bottom: 1em;
     padding-bottom: 0.25em;
     padding-bottom: 0.25em;
    align-items: center;
}
}


/* =========================
/* THIS is the real fix for "blue boxes" */
  TABS
.wt-tabs a {
========================= */
     background: transparent !important;
.wt-tab {
    box-shadow: none !important;
     display: inline-flex !important;
     border: none !important;
 
     padding: 0.25em 0.6em;


     white-space: nowrap;
     padding: 0 !important;
    margin: 0 !important;


     text-decoration: none !important;
     text-decoration: none !important;


     color: inherit !important;
     color: inherit !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
}


/* hover only */
/* optional hover */
.wt-tab:hover {
.wt-tabs a:hover {
     background: rgba(54,108,204,0.08) !important;
     background: rgba(54,108,204,0.08) !important;
     border-radius: 4px;
     border-radius: 4px;
}
}

Revision as of 16:22, 21 April 2026

/* container */
.wt-tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.5rem;

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

/* THIS is the real fix for "blue boxes" */
.wt-tabs a {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;

    padding: 0 !important;
    margin: 0 !important;

    text-decoration: none !important;

    color: inherit !important;
}

/* optional hover */
.wt-tabs a:hover {
    background: rgba(54,108,204,0.08) !important;
    border-radius: 4px;
}