Template:ItemCard/styles.css: Difference between revisions
Lightning266 (talk | contribs) mNo edit summary |
Lightning266 (talk | contribs) mNo edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 3: | Line 3: | ||
width: 100%; | width: 100%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
background:#f9f9f9; | |||
} | } | ||
.itemcard- | .itemcard-image{ | ||
vertical-align: | width:20%; | ||
padding: | text-align:center; | ||
vertical-align:middle; | |||
padding: 30px; | |||
} | } | ||
.itemcard- | .itemcard-content{ | ||
width:40%; | |||
padding-left: 20px; | |||
} | } | ||
.itemcard- | .itemcard-chip{ | ||
border-radius: 10px; | |||
padding: 3px; | |||
border-radius: | |||
padding: 3px | |||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
. | /* Individual stat colors */ | ||
.itemcard-chip.str { background-color: #e28080; } | |||
.itemcard-chip.dex { background-color: #80b4e2; } | |||
.itemcard-chip.int { background-color: #c080e2; } | |||
.itemcard-chip.luk { background-color: #d9b100; } | |||
} | .itemcard-chip.vit { background-color: #80e2a7; } | ||
.itemcard-chip.agi { background-color: #f5a742; } | |||
Latest revision as of 13:38, 29 May 2025
.itemcard-table {
margin: 0 auto;
width: 100%;
border-collapse: collapse;
background:#f9f9f9;
}
.itemcard-image{
width:20%;
text-align:center;
vertical-align:middle;
padding: 30px;
}
.itemcard-content{
width:40%;
padding-left: 20px;
}
.itemcard-chip{
border-radius: 10px;
padding: 3px;
white-space: nowrap;
}
/* Individual stat colors */
.itemcard-chip.str { background-color: #e28080; }
.itemcard-chip.dex { background-color: #80b4e2; }
.itemcard-chip.int { background-color: #c080e2; }
.itemcard-chip.luk { background-color: #d9b100; }
.itemcard-chip.vit { background-color: #80e2a7; }
.itemcard-chip.agi { background-color: #f5a742; }