Template:Item/item.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
mNo edit summary |
mNo edit summary |
||
Line 46: | Line 46: | ||
} |
} |
||
.related-portrait { |
|||
border-radius: 50%; |
|||
height: 48px; |
|||
object-fit: cover; |
|||
margin: 1px 4px 1px 1px; |
|||
} |
|||
.tabber__section { |
.tabber__section { |
Latest revision as of 12:03, 29 October 2022
.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;
}