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.

/* General Infobox Styling */
.infoboxTable {
    width: 300px; /* Adjust width */
    background: #f7efe3; /* Soft parchment color */
    border: 2px solid #a67c52; /* A warm brown border */
    padding: 10px;
    margin: 0 10px 10px 0;
    border-radius: 10px; /* Soft rounded corners */
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}

/* Table styling inside the infobox */
.infoboxTable th {
    background: #a67c52; /* Brownish header */
    color: white; /* White text */
    text-align: left;
    padding: 8px;
    font-weight: bold;
    border-bottom: 2px solid #8c6239;
}

/* Table cells (data) */
.infoboxTable td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

/* Hide empty figcaption below the image */
.infoboxTable figure figcaption {
    display: none;
}

/* Center images inside the infobox */
.infoboxTable figure {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Make images fit neatly */
.infoboxTable img {
    width: 100%;
    max-width: 250px;
    border-radius: 5px;
    border: 1px solid #8c6239;
}

/* Hide the infobox title row */
.infoboxTable .infoboxTitle {
    display: none;
}

/* Hide only the text "Image" in the infobox header */
.infoboxTable th:contains("Image") {
    visibility: hidden; /* Hides the text but keeps the column */
}