Template:Infobox book/styles.css

/* Template:Infobox book/styles.css */
.infobox-book {
    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-book__image {
    background: #f0ede6;
    padding: 12px 12px 8px;
    text-align: center;
    border-bottom: 1px solid #d5d0c4;
}
.infobox-book__image img {
    border-radius: 4px;
    max-width: 100%;
    height: auto;
}
.infobox-book__image-caption {
    margin-top: 6px;
    font-size: 0.8rem;
    color: #555;
    font-style: italic;
    line-height: 1.35;
}
/* Title block */
.infobox-book__title {
    padding: 12px 14px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    line-height: 1.3;
}
.infobox-book__title-alt {
    padding: 0 14px 4px;
    font-size: 0.85rem;
    color: #555;
    text-align: center;
    line-height: 1.3;
}
.infobox-book__title + .infobox-book__title-alt {
    margin-top: -8px;
}
/* Section blocks */
.infobox-book__section {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e0ddd6;
}
.infobox-book__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-book__table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
.infobox-book__table tr {
    border-bottom: 1px solid #eae8e2;
}
.infobox-book__table tr:last-child {
    border-bottom: none;
}
.infobox-book__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-book__table td {
    padding: 6px 14px 6px 4px;
    font-size: 0.83rem;
    color: #1a1a1a;
    vertical-align: top;
    border: none;
}
/* Highlight cell — used for relevance to conservation */
.infobox-book__highlight {
    font-weight: 600;
    color: #2d6a4f;
}
/* Responsive */
@media (max-width: 720px) {
    .infobox-book {
        float: none;
        width: 100%;
        margin: 0 0 1em 0;
    }
}