Template:Infobox item/styles.css

.portable-infobox.type-item .pi-image-thumbnail { width: 8em; height: auto; margin: 0.5em; background-color: #111; background-color: rgba(17, 17, 17, 0.6); border: solid 1px #222; } body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Legendary img.pi-image-thumbnail {

   background: linear-gradient(0deg, #d9a44a 3px,rgba(217, 164, 74, 0.25) 3px, black 125%);

} body[data-theme="light"] .portable-infobox.type-item.pi-theme-Legendary img.pi-image-thumbnail {

   background: linear-gradient(0deg, #d9a44a 3px,rgba(217,164,0,0.5) 3px,black 125%);

} .portable-infobox.type-item .rarity-Legendary { font-weight: bold; color: #d09000; } body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Epic img.pi-image-thumbnail {

   background: linear-gradient(0deg, #a335ee 3px, rgba(163, 53, 238, 0.15) 3px, transparent 100%);

} body[data-theme="light"] .portable-infobox.type-item.pi-theme-Epic img.pi-image-thumbnail {

   background: linear-gradient(0deg, #a335ee 3px, rgba(163, 53, 238, 0.5) 3px, black 100%);

} .portable-infobox.type-item .rarity-Epic { font-weight: bold; color: #a335ee; } body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Rare img.pi-image-thumbnail {

   background: linear-gradient(0deg, #5080a7 3px, rgba(80, 128, 170, 0.15) 3px, transparent 100%);

} body[data-theme="light"] .portable-infobox.type-item.pi-theme-Rare img.pi-image-thumbnail {

   background: linear-gradient(0deg, #5080a7 3px, rgba(80, 128, 170, 0.5) 3px, black 100%);

} .portable-infobox.type-item .rarity-Rare { font-weight: bold; color: #5080a7; } body[data-theme="dark"] .portable-infobox.type-item.pi-theme-Standard img.pi-image-thumbnail {

   background: linear-gradient(0deg, #509050 3px, rgba(80, 144, 80, 0.15) 3px, transparent 100%);

} body[data-theme="light"] .portable-infobox.type-item.pi-theme-Standard img.pi-image-thumbnail {

   background: linear-gradient(0deg, #509050 3px, rgba(80, 144, 80, 0.5) 3px, black 100%);

} .portable-infobox.type-item .rarity-Standard { font-weight: bold; color: #509050; } body[data-theme="dark"] .portable-infobox.type-item .rarity-Normal { font-weight: bold; color: #cccccc; } body[data-theme="light"] .portable-infobox.type-item .rarity-Normal { font-weight: bold; color: #777777; } .infobox-item-photo { max-width: 30%; height: auto; padding: 0.25em; }