MediaWiki:Common.css: Difference between revisions

Revision as of 20:38, 14 November 2024

/* Override .citizen-overflow-wrapper to ensure proper centering */
.citizen-overflow-wrapper {
    position: relative;
    display: block !important; /* Change from flex to block */
    max-width: 100% !important; /* Ensure it does not restrict the width */
}

/* Ensure all wikitables are centered and border-collapse is set to separate */
body.skin-citizen-dark.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-autohide-navigation-clientpref-1 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-pure-black-clientpref-0 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-font-size-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-width-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable {
    border-collapse: separate !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
    box-sizing: border-box !important;
    transition: none !important; /* Disable transitions */
    text-align: center;
}


/* Forcing the table to center by wrapping it in a div */
body .wikitable-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

body .wikitable-wrapper .wikitable {
    margin: 0 !important;
}


/* Apply to all table cells */
body .mw-body table th, 
body .mw-body table td {
    border: 2px solid #2C4663 !important; /* Set border size and color for cells */
}