MediaWiki:Common.css: Difference between revisions

Revision as of 15:47, 22 December 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 */
}

/* 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: 1px solid #2C4663 !important; /* Set border size and color for cells */
    text-align: center; /* Center-align text */
}


.mw-body a:link.new { color: #FF7081; } /* new links */
.mw-body a.new:visited { color:#485767; }

.fullImageLink > a:hover > img {
    /* Override hover effect */
    pointer-events: none;
}

.fullImageLink > a:hover > img {
    transform: none !important;
}