Template:Item/item.css

.itemtable {
    width: 100%;
    min-width: 380px;
    max-width: 780px;
}

.itemtable-summary {

}

.itemtable-summary img {
    max-width: 100%;
    max-height: 240px;
    object-fit: contain;
}

.itemtable-summary img.splashicon {
    max-height: 425px;
}

.item-name-main {
    display: block; text-align: center; font-size: 22px; font-weight: bold;
}

.item-name-sub {
    display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555;
}

.item-description {

}

.itemtable .rarity {
    text-align: center;
}



.itemtable .data-row {
    text-align: center;
}

.itemtable .data-row > td,
.itemtable .data-row > th {
    width: calc(100% / 4);
}


.tabber__section {
    margin: 6px;
}

/* Probability and amount pillows */


.itemtable span.prob,
.itemtable span.amount {
    display: inline-block;
    line-height: 20px;
    border-radius: 12px;
    padding: 0 6px;
    color: #fff;
}

.itemtable span.prob {
    background: #406ea0;
}

.itemtable span.amount {
    background: #a06c40;
    font-size: 12px;
}