Template:Speciesbox/styles.css

.speciesbox {
    width: 100%;
    max-width: 300px;
    border: 1px solid #a2a9b1;
    background: #f8f9fa;
    font-size: 90%;
}

.speciesbox th {
    background: #eaecf0;
    text-align: left;
    padding: 0.1em;
    width: 40%;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
}

.speciesbox td {
    padding: 0.1em;
    vertical-align: middle;
    width: 40%;
    text-align: left;
}


/* === Speciesbox main title (name) === */
.speciesbox-title {
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    background-color: #eef2d6;
    padding: 0.1em;
}

.speciesbox-image {
    text-align: center;
}

.speciesbox-status-system {
    font-size: 85%;
    color: #54595d;
}

/* === Section headers (Conservation status, Scientific classification, etc.) === */
.speciesbox-section {
    text-align: center;
    font-weight: bold;
    background-color: #eef2d6;
    padding: 0.1em;
    border-top: 1px solid #a2a9b1;
}

/* Ensure section headers look like headers, not data */
.speciesbox-section {
    border-bottom: 1px solid #a2a9b1;
}

/* Optional: tighten spacing below headers */
.speciesbox-section + tr td {
    padding-top: 0.1em;
}


.speciesbox td .iucn-status,
.speciesbox td img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}