模板:Infobox/styles.css

.pi-media .image {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.pi-media .image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-size: cover;
    z-index: 1;
    background: url(/特殊:重定向/file/Rare_0_Default.png) no-repeat center;
}

.pi-theme-rarity-green .pi-media .image::before {
    background: url(/特殊:重定向/file/Rare_1_Green.png) no-repeat center;
}

.pi-theme-rarity-blue .pi-media .image::before {
    background: url(/特殊:重定向/file/Rare_2_Blue.png) no-repeat center;
}

.pi-theme-rarity-purple .pi-media .image::before {
    background: url(/特殊:重定向/file/Rare_3_Purple.png) no-repeat center;
}

.pi-theme-rarity-gold .pi-media .image::before {
    background: url(/特殊:重定向/file/Rare_4_Gold.png) no-repeat center;
}

.pi-theme-rarity-red .pi-media .image::before {
    background: url(/特殊:重定向/file/Rare_5_Red.png) no-repeat center;
}

.pi-media .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 56px;
    max-height: 56px;
    width: auto;
    height: auto;
    display: block;
}

/* [[分类:模板样式]] */