Template:Infobox Historical Source/styles.css

/* Template:Infobox Historical Source/styles.css */

.infobox-source {
    float: right;
    clear: right;
    width: 320px;
    margin: 0 0 1em 1.4em;
    padding: 0;
    border: 1px solid #c8ccd1;
    border-radius: 8px;
    background: #fafaf8;
    font-size: 0.875rem;
    line-height: 1.5;
    overflow: hidden;
}

/* Image area */
.infobox-source__image {
    background: #f0ede6;
    padding: 12px 12px 8px;
    text-align: center;
    border-bottom: 1px solid #d5d0c4;
}

.infobox-source__image img {
    border-radius: 4px;
    max-width: 100%;
    height: auto;
}

.infobox-source__image-caption {
    margin-top: 6px;
    font-size: 0.8rem;
    color: #555;
    font-style: italic;
    line-height: 1.35;
}

/* Title block */
.infobox-source__title {
    padding: 12px 14px 2px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    line-height: 1.3;
}

.infobox-source__title-alt {
    padding: 0 14px 4px;
    font-size: 0.85rem;
    color: #555;
    text-align: center;
    line-height: 1.3;
}

/* Section blocks */
.infobox-source__section {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e0ddd6;
}

.infobox-source__section-header {
    background: #2d6a4f;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 5px 14px;
}

/* Data table */
.infobox-source__table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

.infobox-source__table tr {
    border-bottom: 1px solid #eae8e2;
}

.infobox-source__table tr:last-child {
    border-bottom: none;
}

.infobox-source__table th {
    width: 38%;
    padding: 6px 10px 6px 14px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #444;
    vertical-align: top;
    text-align: left;
    background: transparent;
    border: none;
}

.infobox-source__table td {
    padding: 6px 14px 6px 4px;
    font-size: 0.83rem;
    color: #1a1a1a;
    vertical-align: top;
    border: none;
}

/* Highlight cell — used for taxonomic significance */
.infobox-source__highlight {
    font-weight: 600;
    color: #2d6a4f;
}

/* Responsive */
@media (max-width: 720px) {
    .infobox-source {
        float: none;
        width: 100%;
        margin: 0 0 1em 0;
    }
}