User:Choocolatiah/common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:Accordion.css&only=styles";

/*fix lila's color in dark mode, cause eyes matter*/ a[href$=":ShikiMeiLover"], a[href$="/ShikiMeiLover"] { filter: invert(100%); }

/*new card template*/ .card_container { width: 650px; height: 437px; margin: auto; position: relative; overflow: hidden; border-radius: 12px; } .card_img { position: absolute; top: 50%; transform: translate(0, -50%); overflow: hidden; } .card_img a img { width: 100%; height: auto; } .frame1.powerful { background: url(https://static.wikia.nocookie.net/bandori/images/5/54/Frame-1-powerful.png/revision/latest?cb=20220328033410); } .frame1.cool { background: url(https://static.wikia.nocookie.net/bandori/images/3/39/Frame-1-cool.png/revision/latest?cb=20220328033556); } .frame1.pure { background: url(https://static.wikia.nocookie.net/bandori/images/f/f6/Frame-1-pure.png/revision/latest?cb=20220328033622); } .frame1.happy { background: url(https://static.wikia.nocookie.net/bandori/images/2/2d/Frame-1-happy.png/revision/latest?cb=20220328034626); } .frame2 { background: url(https://static.wikia.nocookie.net/bandori/images/4/46/Frame-2.png/revision/latest?cb=20220328033007); } .frame3 { background: url(https://static.wikia.nocookie.net/bandori/images/2/25/Frame-3.png/revision/latest?cb=20220328032637); } .frame4 { background: url(https://static.wikia.nocookie.net/bandori/images/8/82/Frame-4.png/revision/latest?cb=20220328032833); } .frame1, .frame2, .frame3, .frame4 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 650px; height: 437px; background-size: 653px 440px; } .rarity_untrained { background: url(https://static.wikia.nocookie.net/bandori/images/6/6a/Star_untrained.png/revision/latest?cb=20210210051637); background-size: 50px; } .rarity_trained { background: url(https://static.wikia.nocookie.net/bandori/images/1/11/Star_trained.png/revision/latest?cb=20210210051739); background-size: 50px; } .rarity1 { height: 50px; } .rarity2 { height: 100px; } .rarity3 { height: 150px; } .rarity4 { height: 200px; } .rarity1, .rarity2, .rarity3, .rarity4 { width: 50px; position: absolute; bottom: 5px; left: 9px; }