MediaWiki:Common.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.

/* --- HTML TABLE INFOBOX (The Fix) --- */
table.infobox {
    float: right;
    clear: right;
    width: 300px;
    background-color: var(--background-color-surface, #fff);
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
    margin-left: 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* Caption (Blue Header) */
table.infobox caption {
    background-color: #2b7bb9;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-size: 1.1rem;
    border: 1px solid #a2a9b1;
    border-bottom: none;
}

/* Section Headers */
table.infobox th.infobox-header {
    background-color: #f0f2f5;
    color: #000;
    text-align: center;
    padding: 6px;
    border-bottom: 1px solid #a2a9b1;
    border-top: 1px solid #a2a9b1;
}

/* Labels (Left) */
table.infobox th {
    text-align: right;
    width: 40%;
    padding: 8px 10px 8px 5px;
    font-weight: bold;
    color: #54595d;
    border-bottom: 1px solid #eaecf0;
}

/* Values (Right) */
table.infobox td {
    text-align: left;
    padding: 8px 5px 8px 10px;
    border-bottom: 1px solid #eaecf0;
    word-break: break-word;
}

/* Images */
table.infobox td.infobox-image {
    text-align: center;
    padding: 10px;
    background-color: #fff;
}

/* Dark Mode */
html.skin-citizen-dark table.infobox caption { background-color: #3a6c8e; border-color: #4a4d50; }
html.skin-citizen-dark table.infobox, html.skin-citizen-dark table.infobox th.infobox-header { background-color: #202124; border-color: #4a4d50; color: #eaecf0; }
html.skin-citizen-dark table.infobox th { color: #c8ccd1; border-color: #4a4d50; }
html.skin-citizen-dark table.infobox td { border-color: #4a4d50; }
html.skin-citizen-dark table.infobox td.infobox-image { background-color: #202124; }