/*Замена постеров*/ #profiles_show .cc-franchises .b-badge::after { content: ""; position: absolute; left: 2px; top: 2px; background-size: cover; pointer-events: auto; box-shadow: none !important; width: calc(107% - 4px); height: calc(76% - 4px); pointer-events: none; border-radius: 0.5rem; } #profiles_show .cc-franchises .b-badge::before { content: ""; position: absolute; height: 76%; width: 107%; left: 0; top: 0; border-radius: 0.5rem; transition: 0s ease-out, box-shadow 0.2s ease-out, transform 0.2s ease-out; pointer-events: auto; opacity: 1; font-size: 0; background: none; visibility: visible !important; } #profiles_show a.b-badge:hover::before {box-shadow: none;background: none;} #profiles_show .cc-franchises .b-badge::before {box-shadow: 0 0 0 2px rgba(var(--block-color), 0.6);} #profiles_show .cc-franchises .b-badge:hover::before { box-shadow: -20px 20px 0 -17px rgb(62 62 62 / 85%), 20px -20px 0 -17px #383838, 20px 20px 0 -20px rgb(0 0 0 / 80%), 0 0 0 2px rgb(0 0 0 / 80%); } #profiles_show .cc-franchises .b-badge[data-progress="100"] img, .p-achievements-index .b-badge[data-progress="100"] img, .p-achievements-franchise .b-badge[data-progress="100"] img, .b-achievement[data-progress="100"] .inner img, .p-profiles .cc-achievements .b-achievement img { visibility: hidden; /*Скрываем родные постеры*/ } /*Картинка скоро*/ #profiles_show .cc-franchises .b-badge[data-progress="100"]::after, .p-achievements-index .b-badge[data-progress="100"], .p-achievements-franchise .b-badge[data-progress="100"], .p-profiles .b-achievement[data-progress="100"] .inner:after, .p-profiles .cc-achievements .b-achievement .inner:after { background-image: url("https://sun9-5.userapi.com/impg/ZGoZ3FGHL5-lYzMf3wFijHQIy2QHaT2fUMUfZA/K8gIb1rLqrc.jpg?size=1280x720&quality=96&sign=19ec4684493fd54b07729c68efd7ea87&c_uniq_tag=UKW5eFNhGxFOu1yeenUL3chtoMPhhAcaGKy3Bj_8CNA&type=album"); } /*Пример франшизы*/ #profiles_show .cc-franchises .b-badge[href$="/one_punch_man"]::after, .p-achievements-index .b-badge[href$="/one_punch_man"], .p-achievements-franchise .b-badge[href$="/one_punch_man"]{ background-image: url("https://media.tenor.com/YH-LbMCZTrEAAAAd/okay-onepunchman.gif"); } /*Страница achievements*/ .p-achievements-index.p-achievements .b-badge, .p-achievements-franchise.p-achievements .b-badge {border-radius: 9px;} .p-achievements-index .b-badge, .p-achievements-franchise .b-badge {background-repeat: no-repeat;background-position: center;background-size: cover;} .p-profiles.p-achievements .b-achievement > .c-image > .inner:after {max-width: 105%;width: 104%;height: 106%;margin-left: -2%;border-radius: 11px;} .p-profiles .b-achievement > .c-image > .inner:after {position: absolute;display: block;content: "";width: 100%;height: 100%;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;background-position: center center;visibility: visible !important;z-index: auto;} /*Общие, жанровые, авторы пример*/ .p-profiles .b-achievement[data-hint^="200 просмотренных аниме"] .inner:after { box-shadow: 0 0 2px 1px #e4ba54; /*Золотая рамка*/ background-image: url("https://media.tenor.com/YEdX9c2T2hIAAAAd/your-name-anime-kimi-no-na-wa.gif"); } .p-profiles .b-achievement[data-hint^="Безумие / Психологическое 1 уровня"] .inner:after { box-shadow: 0 0 2px 1px #54e454; background-image: url("https://media.tenor.com/iaq02aYAdWcAAAAd/neon-genesis.gif"); } .p-profiles .b-achievement[data-hint^="Тэцуро Араки"] .inner:after { background-image: url("ссылка"); } #profiles_show .achievements .cc-franchises .b-badge {border-radius: 0.375rem;}
Нет комментариев
@animeshnik_ALT,